diff --git a/.eslintrc.json b/.eslintrc.json index 99fc2b0bc12..6d2b972285c 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -35,7 +35,7 @@ "@angular-eslint/template/eqeqeq": [ "error", { - "allowNullOrUndefined": true + "allowNullOrUndefined": true } ], "@angular-eslint/no-host-metadata-property": "off", @@ -59,6 +59,14 @@ "files": ["*.html"], "extends": ["plugin:@angular-eslint/template/recommended"], "rules": {} + }, + { + "files": ["*.js"], + "rules": { + "parserOptions": { + "allowImportExportEverywhere": true + } + } } ] -} \ No newline at end of file +} diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml index 3468d1eb9bf..8d2d7df0403 100644 --- a/.github/ISSUE_TEMPLATE/bug_report.yml +++ b/.github/ISSUE_TEMPLATE/bug_report.yml @@ -1,5 +1,5 @@ name: Bug report -description: Create a report to help us improve +description: Create a report to help PrimeNG improve. title: "Component: Title" labels: ['Status: Needs Triage'] body: diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml index 3f2cd41ee1d..d3acc217f98 100644 --- a/.github/ISSUE_TEMPLATE/config.yml +++ b/.github/ISSUE_TEMPLATE/config.yml @@ -1,4 +1,7 @@ contact_links: + - name: Feature request + url: https://github.com/orgs/primefaces/discussions/categories/primeng + about: Propose an enhancement at discussions. - name: Support - url: https://primeng.org/support + url: https://primeng.org/support/ about: Professional support for the open source innovation. diff --git a/.github/ISSUE_TEMPLATE/feature_request.yml b/.github/ISSUE_TEMPLATE/feature_request.yml deleted file mode 100644 index b5109511f14..00000000000 --- a/.github/ISSUE_TEMPLATE/feature_request.yml +++ /dev/null @@ -1,39 +0,0 @@ -name: Feature request -description: Suggest an idea for this project -title: "Component: Title" -labels: ['Type: New Feature', 'Status: Discussion', 'Status: Needs Triage'] -body: - - type: textarea - id: description - attributes: - label: Describe the feature you would like to see added - validations: - required: true - - type: textarea - id: problem-related - attributes: - label: Is your feature request related to a problem? - description: A clear and concise description of what the problem is. Ex. I'm always frustrated when? - validations: - required: false - - type: textarea - id: solution - attributes: - label: Describe the solution you'd like - description: A clear and concise description of what you want to happen. - validations: - required: false - - type: textarea - id: alternatives - attributes: - label: Describe alternatives you have considered - description: A clear and concise description of any alternative solutions or features you've considered. - validations: - required: false - - type: textarea - id: additional-context - attributes: - label: Additional context - description: Add any other context or screenshots about the feature request here. - validations: - required: false diff --git a/.gitignore b/.gitignore index 11c3f8afc7a..03ac8f02c5d 100644 --- a/.gitignore +++ b/.gitignore @@ -42,4 +42,5 @@ testem.log Thumbs.db # type doc -api-generator/typedoc.json \ No newline at end of file +api-generator/typedoc.json +.vercel diff --git a/CHANGELOG.md b/CHANGELOG.md index 73018dde245..e313a8b44b9 100755 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,230 @@ # Changelog +## [17.0.0-rc.1](https://github.com/primefaces/primeng/tree/17.0.0-rc.1) (2023-11-29) + +[Full Changelog](https://github.com/primefaces/primeng/compare/17.0.0-beta.1...17.0.0-rc.1) + +**Breaking Changes:** +- Set all metaKeySelection to true by default [\#14244](https://github.com/primefaces/primeng/issues/14244) +- StyleClass | deprecate enterClass and leaveClass [\#14243](https://github.com/primefaces/primeng/issues/14243) +- InputSwitch | Rename InputSwitchOnChangeEvent [\#14228](https://github.com/primefaces/primeng/issues/14228) +- AutoComplete | Rename AutoCompleteOnSelectEvent [\#14229](https://github.com/primefaces/primeng/issues/14229) +- DataView | Remove primeflex dependency from component [\#14214](https://github.com/primefaces/primeng/issues/14214) + +**Implemented New Features and Enhancements:** +- New Component | InputGroup [\#14133](https://github.com/primefaces/primeng/issues/14133) + +**Fixed bugs:** +- Panel Menu: On Click Events of Panel-Submenu-List causes focus event on Panel Root List [\#14236](https://github.com/primefaces/primeng/issues/14236) +- Edit mode not closed on TAB in last cell of p-table [\#14221](https://github.com/primefaces/primeng/issues/14221) +- pMultiSelect: The maxSelectedLabels is set by default to 3 and is not undefinable, which is undesired for implementing the overflow ellipsis [\#14195](https://github.com/primefaces/primeng/issues/14195) +- Component: MultiSelect [\#14199](https://github.com/primefaces/primeng/issues/14199) + +## [17.0.0-beta.1](https://github.com/primefaces/primeng/tree/17.0.0-beta.1) (2023-11-24) + +[Full Changelog](https://github.com/primefaces/primeng/compare/16.9.1...17.0.0-beta.1) + +**Implemented New Features and Enhancements:** +- TypeError: this.focusedItemInfo.mutate is not a function [\#14119](https://github.com/primefaces/primeng/issues/14119) +- Upgrade to Angular 17? [\#14063](https://github.com/primefaces/primeng/issues/14063) + +## [16.9.1](https://github.com/primefaces/primeng/tree/16.9.1) (2023-11-23) + +[Full Changelog](https://github.com/primefaces/primeng/compare/16.9.0...16.9.1) + +**Fixed bugs:** +- Paginator: missing or unresolved labels of navigation buttons / dropdowns [\#14191](https://github.com/primefaces/primeng/issues/14191) +- MultiSelect: Template dropdown selections not working [\#14188](https://github.com/primefaces/primeng/issues/14188) + +## [16.9.0](https://github.com/primefaces/primeng/tree/16.9.0) (2023-11-22) + +[Full Changelog](https://github.com/primefaces/primeng/compare/16.8.0...16.9.0) + +**Implemented New Features and Enhancements:** +- PickList | Accessibility Enhancements [\#14184](https://github.com/primefaces/primeng/issues/14184) +- TabView | Add autoHideButtons input property [\#14186](https://github.com/primefaces/primeng/issues/14186) + +**Fixed bugs:** +- Component: p-table [\#14164](https://github.com/primefaces/primeng/issues/14164) +- MultiSelect | selectedItem template broken if optionValue and optionLabel used together. [\#14187](https://github.com/primefaces/primeng/issues/14187) +- ColumnFilter in row mode and type date not trigger change when value change [\#13672](https://github.com/primefaces/primeng/issues/13672) +- dataTable : is hidden by with frozenColumn [\#13781](https://github.com/primefaces/primeng/issues/13781) +- MultiSelect Empty Filter Message / Template is not working when you have options [\#14057](https://github.com/primefaces/primeng/issues/14057) +- [Calendar] issue when clicking on "today" button it doesn't navigate to the current date. [\#14087](https://github.com/primefaces/primeng/issues/14087) +- Listbox: optionValue is ignored on some events [\#14182](https://github.com/primefaces/primeng/issues/14182) +- TabView Navbar hides last item / Wheelscroll not working anymore [\#14182](https://github.com/primefaces/primeng/issues/14182) +- PrimeNG : SideBar onHide Not trigger [\#13933](https://github.com/primefaces/primeng/issues/13933) +- OrderList | Filter accessibility fix [\#14156](https://github.com/primefaces/primeng/issues/14156) +- REGRESSION: dropdown changes requires the selectedItem to store entire option array item (label and value) to use template selecteditem [\#14172](https://github.com/primefaces/primeng/issues/14172) +- p-dropdown content position out of bounds [\#14162](https://github.com/primefaces/primeng/issues/14162) +- Dropdown does not have the same width of the input when appendTo="body" [\#14159](https://github.com/primefaces/primeng/issues/14159) +- ContextMenu - does NOT remove from the DOM after router.navigate action [\#13949](https://github.com/primefaces/primeng/issues/13949) +- AutoComplete | formGroup.reset() does not work as expected. [\#14170](https://github.com/primefaces/primeng/issues/14170) +- Autocomplete: ng-invalid and ng-dirty immediatly on startup. [\#14149](https://github.com/primefaces/primeng/issues/14149) +- 16.7.0: Context Menu with appendTo="body" throws Type Error in a nested Table. [\#14149](https://github.com/primefaces/primeng/issues/14149) + +## [16.8.0](https://github.com/primefaces/primeng/tree/16.8.0) (2023-11-20) + +[Full Changelog](https://github.com/primefaces/primeng/compare/16.7.2...16.8.0) + +**Implemented New Features and Enhancements:** +- Accessibility | Input Section (part 2) [\#13990](https://github.com/primefaces/primeng/issues/13990) +- Accessibility | Data Section [\#14123](https://github.com/primefaces/primeng/issues/14123) +- VirtualScroller performance enhancement for Input Components with selection [\#13993](https://github.com/primefaces/primeng/issues/13993) +- MegaMenu & MenuBar | Activate root item on hover. [\#14086](https://github.com/primefaces/primeng/issues/14086) + +**Fixed bugs:** +- Autocomplete | overlayOptions not working [\#14139](https://github.com/primefaces/primeng/issues/14139) +- Dropdown Tab key not closing the overlay [\#14124](https://github.com/primefaces/primeng/issues/14124) +- Component: Calendar. After closing the calendar, the p-overflow-hidden class is not deleted [\#14012](https://github.com/primefaces/primeng/issues/14012) +- MultiSelect: Clear button is visible when field has empty array as value [\#14145](https://github.com/primefaces/primeng/issues/14145) +- p-dropdown: onBlur is been called on selection, without lost focus, and before onChange [\#14128](https://github.com/primefaces/primeng/issues/14128) +- Fileupload component disables upload button [\#14046](https://github.com/primefaces/primeng/issues/14046) +- MultiSelect: Label does not properly update when properties change [\#13862](https://github.com/primefaces/primeng/issues/13862) +- MultiSelect onPanelShow is not fired when there are no options (empty array / filtered) [\#14058](https://github.com/primefaces/primeng/issues/14058) +- p-message/p-toast: long details squeezed closeButton [\#14125](https://github.com/primefaces/primeng/issues/14125) +- Autocomplete: deleting search term causes ExpressionChangedAfterItHasBeenCheckedError [\#14001](https://github.com/primefaces/primeng/issues/14001) +- Dropdown & MultiSelect | Cannot scroll on selected on overlay shown. [\#14142](https://github.com/primefaces/primeng/issues/14142) +- AutoComplete | Items are not visible after overlay is opened second time [\#14137](https://github.com/primefaces/primeng/issues/14137) +- Component: p-multiSelect resetFilterOnHide issue [\#14134](https://github.com/primefaces/primeng/issues/14134) +- Dropdown: Triggers 3 onChange events when rendered (two empty) [\#14136](https://github.com/primefaces/primeng/issues/14136) +- ListBox selection is not working from code [\#14121](https://github.com/primefaces/primeng/issues/14121) +- Listbox default values being set. [\#14041](https://github.com/primefaces/primeng/issues/14041) +- PrimeNG : SideBar onHide Not trigger [\#13933](https://github.com/primefaces/primeng/issues/13933) +- Component: p-multiSelect does not render grouped items that have a property named group [\#14061](https://github.com/primefaces/primeng/issues/14061) +- MultiSelect component triggers two empty change events when rendered [\#14103](https://github.com/primefaces/primeng/issues/14103) +- Multiselect: Missing itemValue in onChange event [\#14100](https://github.com/primefaces/primeng/issues/14100) +- REGRESSION 16.7.2: dropdown incorrectly implements NG_VALUE_ACCESSOR, writeValue is issuing change. [\#14095](https://github.com/primefaces/primeng/issues/14095) +- dropdown not selected After upgrade Primeng 16 [\#14094](https://github.com/primefaces/primeng/issues/14094) +- Dropdown: Additional case where dropdown causes panel to scroll [\#14078](https://github.com/primefaces/primeng/issues/14078) +- Dropdown: In PrimeNG 16.7.1 interacting with dropdown causes panel to scroll [\#14039](https://github.com/primefaces/primeng/issues/14039) +- p-tooltip : autohide="false" does not work every times [\#14014](https://github.com/primefaces/primeng/issues/14014) +- Accordion: nested inputs loose focus when pressing arrow keys [\#14105](https://github.com/primefaces/primeng/issues/14105) +- Chips: Focus classes are no longer applied [\#14101](https://github.com/primefaces/primeng/issues/14101) +- Autocomplete: Delete selection in multiple mode cause "Cannot read properties of undefined (reading 'nativeElement')" [\#14064](https://github.com/primefaces/primeng/issues/14064) +- Component: p-chips | does not work with Reactive Forms [\#14062](https://github.com/primefaces/primeng/issues/14062) + + +## [16.7.2](https://github.com/primefaces/primeng/tree/16.7.2) (2023-11-08) + +[Full Changelog](https://github.com/primefaces/primeng/compare/16.7.1...16.7.2) + +**Fixed bugs:** +- Overlay: p-overlay div not removed from DOM on hiding panel [\#12948](https://github.com/primefaces/primeng/issues/12948) +- Table / EditableColumn: onEditComplete emitts old data value and not the new one as documented [\#13708](https://github.com/primefaces/primeng/issues/13708) +- FileUpload: Input Triggered on Any Mouse Click [\#13722](https://github.com/primefaces/primeng/issues/13722) +- Toast | Position Class is there twice when using Angular SSR and Client Hydration [\#13784](https://github.com/primefaces/primeng/issues/13784) +- Dialog: bad drag behavior when keepInViewport is false [\#13856](https://github.com/primefaces/primeng/issues/13856) +- p-image-preview-indicator rendered when preview is false [\#14002](https://github.com/primefaces/primeng/issues/14002) +- TriStateCheckboxComponent: inputId not working [\#13946](https://github.com/primefaces/primeng/issues/13946) +- splitButton: close dropdown when default button is clicked [\#13962](https://github.com/primefaces/primeng/issues/13962) +- SelectButton in v16.7.1 is only partially fixed [\#14048](https://github.com/primefaces/primeng/issues/14048) + +## [16.7.1](https://github.com/primefaces/primeng/tree/16.7.1) (2023-11-06) + +[Full Changelog](https://github.com/primefaces/primeng/compare/16.7.0...16.7.1) + +**Fixed bugs:** +- BIG ERROR with DropDown [\#13996](https://github.com/primefaces/primeng/issues/13996) +- Component: p-dropdwon onChange is called multiple times at init [\#14005](https://github.com/primefaces/primeng/issues/14005) +- Change of Dropdown selection throws error: Cannot read properties of undefined (reading 'length') primeng dropdown [\#14007](https://github.com/primefaces/primeng/issues/14007) +- Dropdown filtering issues with array of strings [\#14011](https://github.com/primefaces/primeng/issues/14011) +- The ngModel directive can't set an item of dropdown in version 16.7.0 [\#14023](https://github.com/primefaces/primeng/issues/14023) +- ListBox | onClick event does not emit [\#14036](https://github.com/primefaces/primeng/issues/14036) +- ListBox | OnChange doesn't emit [\#14033](https://github.com/primefaces/primeng/issues/14033) +- onClick event listbox error v16.7.0 [\#13998](https://github.com/primefaces/primeng/issues/13998) +- MultiSelect | Input section receives focus on filter click. [\#14035](https://github.com/primefaces/primeng/issues/14035) +- Multiselect set value error v16.7.0 [\#13999](https://github.com/primefaces/primeng/issues/13999) +- SelectButton broken in v16.7.0 [\#14021](https://github.com/primefaces/primeng/issues/14021) +- Global filter to search tree-table is not returning all the relevant results [\#14016](https://github.com/primefaces/primeng/issues/14016) + +## [16.7.0](https://github.com/primefaces/primeng/tree/16.7.0) (2023-11-01) + +[Full Changelog](https://github.com/primefaces/primeng/compare/16.6.0...16.7.0) + +**Deprecated:** +- Deprecate pAnimate directive [\#13972](https://github.com/primefaces/primeng/issues/13972) + +**Implemented New Features and Enhancements:** +- Accessibility | Input Section (part 1) [\#13413](https://github.com/primefaces/primeng/issues/13413) +- ListBox | VirtualScroller support [\#13939](https://github.com/primefaces/primeng/issues/13939) +- Add animateOnScroll directive [\#13970](https://github.com/primefaces/primeng/issues/13970) +- p-image: missing support for lazyloading [\#13926](https://github.com/primefaces/primeng/issues/13926) + +**Fixed bugs:** +- OverlayPanel: Calendar and table inside OverlayPanel, click inside dissmiss the overlaypanel [\#13605](https://github.com/primefaces/primeng/issues/13605) +- 16.3.1 regression: p-overlayPanel dismisses when making changes to nested p-multiSelect [\#13601](https://github.com/primefaces/primeng/issues/13601) +- Component: Accordion Component Allows Tab Navigation Into Closed Accordion Tabs [\#13845](https://github.com/primefaces/primeng/issues/13845) +- Component: ContextMenu with appendTo="body" doesn't close when destroyed [\#13948](https://github.com/primefaces/primeng/issues/13948) +- Component: Carousel | Circular is broken when OnPush is enabled in parent components and it's initializing [\#13974](https://github.com/primefaces/primeng/issues/13974) +- Using AccordionTab inside of div or another element and not directly inside of an Accordion [\#13969](https://github.com/primefaces/primeng/issues/13969) + +## [16.6.0](https://github.com/primefaces/primeng/tree/16.6.0) (2023-10-26) + +[Full Changelog](https://github.com/primefaces/primeng/compare/16.5.1...16.6.0) + +**Implemented New Features and Enhancements:** +- Menu | item template support [\#13910](https://github.com/primefaces/primeng/issues/13910) +- Overlaypanel: OverlayPanel does not close on escape key press [\#13930](https://github.com/primefaces/primeng/issues/13930) +- Accessibility | Tabview ink bar accessibility problems [\#13902](https://github.com/primefaces/primeng/issues/13902) + +**Fixed bugs:** +- Component: Carousel | Circular Option is broken when first iteration is done [\#13821](https://github.com/primefaces/primeng/issues/13821) +- Component: TreeTable selection binding no longer allows for single selection [\#13869](https://github.com/primefaces/primeng/issues/13869) +- Component: MultiSelect ExpressionChangedAfterItHasBeenCheckedError when spam clicking [\#13942](https://github.com/primefaces/primeng/issues/13942) +- pButton | Loading icon problem [\#13901](https://github.com/primefaces/primeng/issues/13901) +- splitbutton: Accessibility does not appear to work as documented [\#13908](https://github.com/primefaces/primeng/issues/13908) +- Galleria: Cannot read properties of undefined when tabbing through component [\#13945](https://github.com/primefaces/primeng/issues/13945) + +## [16.5.1](https://github.com/primefaces/primeng/tree/16.5.1) (2023-10-18) + +[Full Changelog](https://github.com/primefaces/primeng/compare/16.5.0...16.5.1) + +**Fixed bugs:** +- Table | Column widths are not recalculated w/resize + drag & drop [\#13875](https://github.com/primefaces/primeng/issues/13875) +- Tooltip doesn't accept TemplateRef HTMLElement anymore [\#13866](https://github.com/primefaces/primeng/issues/13866) +- Component: AccordionTab.toggle(null) throws TypeError [\#13872](https://github.com/primefaces/primeng/issues/13872) +- Menu Components | Convert property binding of 'id' to attribute binding [\#13870](https://github.com/primefaces/primeng/issues/13870) + +## [16.5.0](https://github.com/primefaces/primeng/tree/16.5.0) (2023-10-11) + +[Full Changelog](https://github.com/primefaces/primeng/compare/16.4.2...16.5.0) + +**Deprecated:** +- SlideMenu: Deprecate from PrimeNG [\#13830](https://github.com/primefaces/primeng/issues/13830) +- Remove FullCalendar theme support [\#13834](https://github.com/primefaces/primeng/issues/13834) + +**Implemented New Features and Enhancements:** +- Button: New props [\#13851](https://github.com/primefaces/primeng/issues/13851) +- SelectButton: Add allowEmpty property [\#13853](https://github.com/primefaces/primeng/issues/13853) +- Accessibility | Step component bugs and improvements [\#13742](https://github.com/primefaces/primeng/issues/13742) +- Tooltip: Accessibility role not available [\#13843](https://github.com/primefaces/primeng/issues/13843) +- Improve block/unblockScroll architecture [\#13855](https://github.com/primefaces/primeng/issues/13855) + +**Fixed bugs:** + +- Toolbar: Inconsistent naming and wrong documentation [\#13814](https://github.com/primefaces/primeng/issues/13814) +- Password | Incorrect placement of close icon when toggleMask="true" [\#13817](https://github.com/primefaces/primeng/issues/13817) +- Tooltip: disable autoHide doesn't work [\#13828](https://github.com/primefaces/primeng/issues/13828) +- Multiselect: Chips: Delete button not visible if label is too wide [\#13816](https://github.com/primefaces/primeng/issues/13816) +- BlockUI: Mask is not applied when blocked changes rapidly [\#11838](https://github.com/primefaces/primeng/issues/11838) +- panelMenu- sub MenuItem is disabled but still it can be clickable and expandable [\#13827](https://github.com/primefaces/primeng/issues/13827) +- Multiselect: Incorrect view with selected items [\#13654](https://github.com/primefaces/primeng/issues/13654) +- there is a missed "break;" line in a switch case in menu.ts at line 540 [\#13766](https://github.com/primefaces/primeng/issues/13766) +- SSR fails on carousel circular and galleria autoplay [\#13837](https://github.com/primefaces/primeng/issues/13837) +- Editor layer defect [\#13831](https://github.com/primefaces/primeng/issues/13831) +- p-dialog: ExpressionChangedAfterItHasBeenCheckedError with attr.aria-labelledby [\#13636](https://github.com/primefaces/primeng/issues/13636) +- Textarea: autoResize doesn't work when used inside a Dialog [\#9231](https://github.com/primefaces/primeng/issues/9231) + +## [16.4.2](https://github.com/primefaces/primeng/tree/16.4.2) (2023-11-10) + +[Full Changelog](https://github.com/primefaces/primeng/compare/16.4.1...16.4.2) + +**Fixed bugs:** + +- TreeTable | Global filter to search tree-table is not returning all the relevant results [\#14082](https://github.com/primefaces/primeng/issues/14082) +- Dropdown | FocusTrap doesn't allow user to tab on next element [\#14083](https://github.com/primefaces/primeng/issues/14083) + ## [16.4.1](https://github.com/primefaces/primeng/tree/16.4.1) (2023-09-27) [Full Changelog](https://github.com/primefaces/primeng/compare/16.4.0...16.4.1) @@ -322,6 +547,30 @@ - Checkbox in p-treeNode always checked when using custom icon [\#12951](https://github.com/primefaces/primeng/issues/12951) - ConfirmDialog: Duplicated AcceptIcons [\#13001](https://github.com/primefaces/primeng/issues/13001) +## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [15.4.13-LTS](https://www.npmjs.com/package/primeng/v/15.4.13-lts) (2023-11-17) + +**Fixed bugs:** +- p-tooltip : autohide="false" does not work every times [\#14014](https://github.com/primefaces/primeng/issues/14014) +- Fileupload component disables upload button [\#14046](https://github.com/primefaces/primeng/issues/14046) +- MultiSelect: Label does not properly update when properties change [\#13862](https://github.com/primefaces/primeng/issues/13862) +- p-message/p-toast: long details squeezed closeButton [\#14125](https://github.com/primefaces/primeng/issues/14125) + +## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [15.4.12-LTS](https://www.npmjs.com/package/primeng/v/15.4.12-lts) (2023-11-08) + +**Fixed bugs:** +- Overlay: p-overlay div not removed from DOM on hiding panel [\#12948](https://github.com/primefaces/primeng/issues/12948) +- Table / EditableColumn: onEditComplete emitts old data value and not the new one as documented [\#13708](https://github.com/primefaces/primeng/issues/13708) +- FileUpload: Input Triggered on Any Mouse Click [\#13722](https://github.com/primefaces/primeng/issues/13722) +- Dialog: bad drag behavior when keepInViewport is false [\#13856](https://github.com/primefaces/primeng/issues/13856) + +## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [15.4.11-LTS](https://www.npmjs.com/package/primeng/v/15.4.11-lts) (2023-10-19) +**Fixed bugs:** +- Password | Incorrect placement of close icon when [toggleMask]="true" [\#13817](https://github.com/primefaces/primeng/issues/13817) +- Multiselect: Chips: Delete button not visible if label is too wide [\#13816](https://github.com/primefaces/primeng/issues/13816) +- Multiselect: Incorrect view with selected items [\#13654](https://github.com/primefaces/primeng/issues/13654) +- Textarea: autoResize doesn't work when used inside a Dialog [\#9231](https://github.com/primefaces/primeng/issues/9231) +- Table | Column widths are not recalculated w/resize + drag & drop #38 [\#13875](https://github.com/primefaces/primeng/issues/13875) + ## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [15.4.10-LTS](https://www.npmjs.com/package/primeng/v/15.4.10-lts) (2023-10-04) **Fixed bugs:** - Autocomplete Force Selection case sensitive issue [\#13578](https://github.com/primefaces/primeng/issues/13578) @@ -592,6 +841,30 @@ - Sidebar: Footer Templating [\#12259](https://github.com/primefaces/primeng/issues/12259) - Calendar: Day names don't update [\#12148](https://github.com/primefaces/primeng/issues/12148) +## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [14.2.16-LTS](https://www.npmjs.com/package/primeng/v/14.2.16-lts) (2023-11-17) +**Fixed bugs:** +- Fileupload component disables upload button [\#14046](https://github.com/primefaces/primeng/issues/14046) +- MultiSelect: Label does not properly update when properties change [\#13862](https://github.com/primefaces/primeng/issues/13862) +- p-message/p-toast: long details squeezed closeButton [\#14125](https://github.com/primefaces/primeng/issues/14125) +- Autocomplete: deleting search term causes ExpressionChangedAfterItHasBeenCheckedError [\#14001](https://github.com/primefaces/primeng/issues/14001) + + +## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [14.2.15-LTS](https://www.npmjs.com/package/primeng/v/14.2.15-lts) (2023-11-08) + +**Fixed bugs:** +- Overlay: p-overlay div not removed from DOM on hiding panel [\#12948](https://github.com/primefaces/primeng/issues/12948) +- Table / EditableColumn: onEditComplete emitts old data value and not the new one as documented [\#13708](https://github.com/primefaces/primeng/issues/13708) +- FileUpload: Input Triggered on Any Mouse Click [\#13722](https://github.com/primefaces/primeng/issues/13722) +- Dialog: bad drag behavior when keepInViewport is false [\#13856](https://github.com/primefaces/primeng/issues/13856) + +## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [14.2.14-LTS](https://www.npmjs.com/package/primeng/v/14.2.14-lts) (2023-10-19) +**Fixed bugs:** +- Password | Incorrect placement of close icon when [toggleMask]="true" [\#13817](https://github.com/primefaces/primeng/issues/13817) +- Multiselect: Chips: Delete button not visible if label is too wide [\#13816](https://github.com/primefaces/primeng/issues/13816) +- Multiselect: Incorrect view with selected items [\#13654](https://github.com/primefaces/primeng/issues/13654) +- Textarea: autoResize doesn't work when used inside a Dialog [\#9231](https://github.com/primefaces/primeng/issues/9231) +- Table | Column widths are not recalculated w/resize + drag & drop #38 [\#13875](https://github.com/primefaces/primeng/issues/13875) + ## ![LTS](https://www.primefaces.org/wp-content/uploads/2020/01/lts-icon-24.png "PrimeNG LTS") [14.2.13-LTS](https://www.npmjs.com/package/primeng/v/14.2.13-lts) (2023-10-04) **Fixed bugs:** - Calendar: onModelChange not called with keepInvalid=true if user enters a well-formatted date but outside allowed range [\#13132](https://github.com/primefaces/primeng/issues/13132) diff --git a/README.md b/README.md index 145c040e660..ed90a6de0bb 100755 --- a/README.md +++ b/README.md @@ -3,6 +3,7 @@ [![npm downloads](https://img.shields.io/npm/dm/primeng.svg)](https://www.npmjs.com/package/primeng) [![Actions CI](https://github.com/primefaces/primeng/workflows/NodeJS%20CI/badge.svg)](https://github.com/primefaces/primeng/actions/workflows/node.js.yml) [![Discord Chat](https://img.shields.io/discord/557940238991753223.svg?color=7289da&label=chat&logo=discord)](https://discord.gg/gzKFYnpmCY) +[![Discussions](https://img.shields.io/github/discussions-search?query=org%3Aprimefaces&logo=github&label=Prime%20Discussions&link=https%3A%2F%2Fgithub.com%2Forgs%2Fprimefaces%2Fdiscussions)](https://github.com/orgs/primefaces/discussions) [![PrimeNG Hero](https://www.primefaces.org/static/social/primeng-preview.jpg)](https://primeng.org) diff --git a/angular.json b/angular.json index 9ff448d2a7e..29d34b6a331 100755 --- a/angular.json +++ b/angular.json @@ -28,27 +28,22 @@ "prefix": "app", "architect": { "build": { - "builder": "@angular-devkit/build-angular:browser", + "builder": "@angular-devkit/build-angular:application", "options": { - "outputPath": "dist/primeng/browser", + "outputPath": "dist/primeng", "index": "src/index.html", - "main": "src/main.ts", + "browser": "src/main.ts", "polyfills": [ "zone.js" ], "tsConfig": "tsconfig.app.json", "inlineStyleLanguage": "scss", "assets": [ - "src/favicon.png", - "src/assets", - "src/showcase", - "src/upload.php", - "src/versions.json", - "src/.htaccess" + "src/favicon.ico", + "src/assets" ], "styles": [ - "src/styles.scss", - "node_modules/primeicons/primeicons.css" + "src/styles.scss" ], "scripts": [ "./node_modules/prismjs/prism.js", @@ -66,30 +61,20 @@ "core-js", "raf", "rgbcolor" - ] + ], + "server": "src/main.server.ts", + "ssr": { + "entry": "server.ts" + } }, "configurations": { "production": { - "fileReplacements": [ - { - "replace": "src/environments/environment.ts", - "with": "src/environments/environment.prod.ts" - } - ], - "optimization": { - "styles": { - "inlineCritical": false - } - }, "outputHashing": "all" }, "development": { - "buildOptimizer": false, "optimization": false, - "vendorChunk": true, "extractLicenses": false, - "sourceMap": true, - "namedChunks": true + "sourceMap": true } }, "defaultConfiguration": "production" @@ -98,10 +83,10 @@ "builder": "@angular-devkit/build-angular:dev-server", "configurations": { "production": { - "browserTarget": "primeng:build:production" + "buildTarget": "primeng:build:production" }, "development": { - "browserTarget": "primeng:build:development" + "buildTarget": "primeng:build:development" } }, "defaultConfiguration": "development" @@ -109,84 +94,29 @@ "extract-i18n": { "builder": "@angular-devkit/build-angular:extract-i18n", "options": { - "browserTarget": "primeng:build" + "buildTarget": "primeng:build" } }, "test": { "builder": "@angular-devkit/build-angular:karma", "options": { - "main": "src/test.ts", - "polyfills": "src/polyfills.ts", + "polyfills": [ + "zone.js", + "zone.js/testing" + ], "tsConfig": "tsconfig.spec.json", - "karmaConfig": "karma.conf.js", + "inlineStyleLanguage": "scss", "assets": [ - "src/favicon.png", - "src/assets", - "src/upload.php" + "src/favicon.ico", + "src/assets" ], "styles": [ - "src/styles.scss", - "src/assets/components/themes/lara-light-blue/theme.css" + "src/styles.scss" ], "scripts": [] } - }, - "server": { - "builder": "@angular-devkit/build-angular:server", - "options": { - "outputPath": "dist/primeng/server", - "main": "server.ts", - "tsConfig": "tsconfig.server.json", - "inlineStyleLanguage": "scss", - "optimization": false - }, - "configurations": { - "production": { - "outputHashing": "media" - }, - "development": { - "optimization": false, - "sourceMap": true, - "extractLicenses": false, - "vendorChunk": true - } - }, - "defaultConfiguration": "production" - }, - "serve-ssr": { - "builder": "@nguniversal/builders:ssr-dev-server", - "configurations": { - "development": { - "browserTarget": "primeng:build:development", - "serverTarget": "primeng:server:development" - }, - "production": { - "browserTarget": "primeng:build:production", - "serverTarget": "primeng:server:production" - } - }, - "defaultConfiguration": "development" - }, - "prerender": { - "builder": "@nguniversal/builders:prerender", - "options": { - "routes": [ - "/" - ] - }, - "configurations": { - "production": { - "browserTarget": "primeng:build:production", - "serverTarget": "primeng:server:production" - }, - "development": { - "browserTarget": "primeng:build:development", - "serverTarget": "primeng:server:development" - } - }, - "defaultConfiguration": "production" } } } } -} +} \ No newline at end of file diff --git a/api-generator/build-apidoc.ts b/api-generator/build-apidoc.ts index 3cddcaedad8..40af2695b7a 100644 --- a/api-generator/build-apidoc.ts +++ b/api-generator/build-apidoc.ts @@ -19,29 +19,348 @@ const staticMessages = { props: 'Defines the input properties of the component.', service: 'Defines the service used by the component' }; -const app = new TypeDoc.Application(); - -// If you want TypeDoc to load tsconfig.json / typedoc.json files -app.options.addReader(new TypeDoc.TSConfigReader()); -app.options.addReader(new TypeDoc.TypeDocReader()); - -app.bootstrap({ - // typedoc options here - name: 'PrimeNG', - entryPoints: [`src/app/components/`], - entryPointStrategy: 'expand', - hideGenerator: true, - excludeExternals: true, - includeVersion: true, - searchInComments: true, - disableSources: false, - logLevel: 'Error', - sort: ['source-order'], - exclude: ['node_modules', 'src/app/components/**/*spec.ts', 'src/app/components/**/*public_api.ts'] -}); - -const project = app.convert(); -app.generateJson(project, `./api-generator/typedoc.json`); + +async function main() { + const app = await TypeDoc.Application.bootstrapWithPlugins({ + // typedoc options here + name: 'PrimeNG', + entryPoints: [`src/app/components/`], + entryPointStrategy: 'expand', + hideGenerator: true, + excludeExternals: true, + includeVersion: true, + searchInComments: true, + disableSources: false, + logLevel: 'Error', + sort: ['source-order'], + exclude: ['node_modules', 'src/app/components/**/*spec.ts', 'src/app/components/**/*public_api.ts'] + }); + + const project = await app.convert(); + await app.generateJson(project, `./api-generator/typedoc.json`); + + if (project) { + let doc = {}; + + const parseText = (text) => { + return text.replace(/{/g, '{').replace(/}/g, '}'); + }; + + const modules = project.groups.find((g) => g.title === 'Modules'); + + if (isProcessable(modules)) { + modules.children.forEach((module) => { + const name = module.name.replace(/.*\//, ''); + if (allowed(name)) { + if (module.groups) { + if (!doc[name]) { + doc[name] = { + components: {} + }; + } + const module_components_group = module.groups.find((g) => g.title === 'Components'); + const module_events_group = module.groups.find((g) => g.title === 'Events'); + const module_templates_group = module.groups.find((g) => g.title === 'Templates'); + const module_interface_group = module.groups.find((g) => g.title === 'Interface'); + const module_service_group = module.groups.find((g) => g.title === 'Service'); + const module_types_group = module.groups.find((g) => g.title === 'Types'); + + if (isProcessable(module_components_group)) { + module_components_group.children.forEach((component) => { + const componentName = component.name; + const comment = component.comment; + + doc[name]['components'][componentName] = { + description: comment && comment.summary.map((s) => s.text || '').join(' ') + }; + + const component_props_group = component.groups.find((g) => g.title === 'Props'); + + if (isProcessable(component_props_group)) { + const props = { + description: staticMessages['props'], + values: [] + }; + + component_props_group.children.forEach((prop) => { + props.values.push({ + name: prop.name, + optional: prop.flags.isOptional, + readonly: prop.flags.isReadonly, + type: prop.getSignature && prop.getSignature.type ? prop.getSignature.type.toString() : prop.type ? prop.type.toString() : null, + default: prop.type && prop.type.name === 'boolean' && !prop.defaultValue ? 'false' : prop.defaultValue ? prop.defaultValue.replace(/^'|'$/g, '') : undefined, + description: prop.getSignature && prop.getSignature.comment ? prop.getSignature.comment.summary.map((s) => s.text || '').join(' ') : prop.comment && prop.comment.summary.map((s) => s.text || '').join(' '), + deprecated: + prop.getSignature && prop.getSignature.comment && prop.getSignature.comment.getTag('@deprecated') + ? parseText(prop.getSignature.comment.getTag('@deprecated').content[0].text) + : prop.comment && prop.comment.getTag('@deprecated') + ? parseText(prop.comment.getTag('@deprecated').content[0].text) + : undefined + }); + }); + doc[name]['components'][componentName]['props'] = props; + } + + const component_emits_group = component.groups.find((g) => g.title === 'Emits'); + if (isProcessable(component_emits_group)) { + const emits = { + description: staticMessages['emits'], + values: [] + }; + + component_emits_group.children.forEach((emitter) => { + emits.values.push({ + name: emitter.name, + parameters: [{ name: extractParameter(emitter) && extractParameter(emitter).includes('Event') ? 'event' : 'value', type: extractParameter(emitter) }], + description: emitter.comment && emitter.comment.summary.map((s) => s.text || '').join(' '), + deprecated: emitter.comment && emitter.comment.getTag('@deprecated') ? parseText(emitter.comment.getTag('@deprecated').content[0].text) : undefined + }); + }); + + doc[name]['components'][componentName]['emits'] = emits; + } + + const component_methods_group = component.groups.find((g) => g.title === 'Method'); + if (isProcessable(component_methods_group)) { + const methods = { + description: staticMessages['methods'], + values: [] + }; + + component_methods_group.children.forEach((method) => { + const signature = method.getAllSignatures()[0]; + methods.values.push({ + name: signature.name, + parameters: signature.parameters.map((param) => { + return { + name: param.name, + type: param.type.toString(), + description: param.comment && param.comment.summary.map((s) => s.text || '').join(' ') + }; + }), + description: signature.comment && signature.comment.summary.map((s) => s.text || '').join(' ') + }); + }); + + doc[name]['components'][componentName]['methods'] = methods; + } + + const component_events_group = component.groups.find((g) => g.title === 'Events'); + if (isProcessable(component_events_group)) { + const events = { + description: staticMessages['events'], + values: [] + }; + + component_events_group.children.forEach((event) => { + events.values.push({ + name: event.name, + description: event.comment && event.comment.summary.map((s) => s.text || '').join(' '), + props: + event.children && + event.children.map((child) => ({ + name: child.name, + optional: child.flags.isOptional, + readonly: child.flags.isReadonly, + type: child.type && child.type.toString(), + description: child.comment && child.comment.summary.map((s) => s.text || '').join(' '), + deprecated: child.comment && child.comment.getTag('@deprecated') ? parseText(child.comment.getTag('@deprecated').content[0].text) : undefined + })) + }); + }); + + doc[name]['components'][componentName]['events'] = events; + } + }); + } + + if (isProcessable(module_events_group)) { + const events = { + description: staticMessages['events'], + values: [] + }; + + module_events_group.children.forEach((event) => { + events.values.push({ + name: event.name, + description: event.comment && event.comment.summary.map((s) => s.text || '').join(' '), + props: + event.children && + event.children.map((child) => ({ + name: child.name, + optional: child.flags.isOptional, + readonly: child.flags.isReadonly, + type: child.type && child.type.toString(), + description: child.comment && child.comment.summary.map((s) => s.text || '').join(' '), + deprecated: child.comment && child.comment.getTag('@deprecated') ? parseText(child.comment.getTag('@deprecated').content[0].text) : undefined + })) + }); + }); + + doc[name]['events'] = events; + } + + if (isProcessable(module_templates_group)) { + const templates = { + description: staticMessages['templates'], + values: [] + }; + + module_templates_group.children.forEach((template) => { + const parent = template.parent.name.split(/[^a-zA-Z]+/)[1]; + template.children.forEach((child) => { + const signature = child.getAllSignatures()[0]; + templates.values.push({ + parent: parent, + name: signature ? signature.name : child.name, + parameters: signature.parameters.map((param) => { + let type = param.type.toString(); + + if (param.type.declaration) { + type = ''; + + if (param.type.declaration.children) { + param.type.declaration.children.forEach((child) => { + if (child.signatures) { + const childSignature = child.signatures[0]; + const parameters = childSignature.parameters.reduce((acc, { name, type }, index) => (index === 0 ? `${name}: ${type.name}` : `${acc}, ${name}: ${type.name}`), ''); + type += ` \t ${childSignature.name}(${parameters}): ${childSignature.type?.name}, // ${childSignature.comment?.summary[0]?.text}\n `; + } else { + const childType = child.type.elementType ? child.type.elementType.name : child.type.name; + + type += ` \t ${child.name}: ${childType}, // ${child.comment?.summary[0]?.text}\n `; + } + }); + } + + type = `{\n ${type} }`; + } + + return { + name: param.name, + type: type, + description: param.comment && param.comment.summary.map((s) => s.text || '').join(' ') + }; + }), + description: signature.comment && signature.comment.summary.map((s) => s.text || '').join(' '), + deprecated: signature.comment && signature.comment.getTag('@deprecated') ? parseText(signature.comment.getTag('@deprecated').content[0].text) : undefined + }); + }); + }); + + doc[name]['templates'] = templates; + } + + if (isProcessable(module_interface_group)) { + const interfaces = { + description: staticMessages['interfaces'], + values: [] + }; + + module_interface_group.children.forEach((int) => { + interfaces.values.push({ + name: int.name, + description: int.comment && int.comment.summary.map((s) => s.text || '').join(' '), + props: + int.children && + int.children.map((child) => ({ + name: child.name, + optional: child.flags.isOptional, + readonly: child.flags.isReadonly, + type: child.type ? child.type.toString() : extractParameter(int), + description: child.comment && child.comment.summary.map((s) => s.text || '').join(' '), + deprecated: child.comment && child.comment.getTag('@deprecated') ? parseText(child.comment.getTag('@deprecated').content[0].text) : undefined + })) + }); + }); + + doc[name]['interfaces'] = interfaces; + } + + if (isProcessable(module_service_group)) { + doc[name] = { + description: staticMessages['service'] + }; + + module_service_group.children.forEach((service) => { + const service_methods_group = service.groups.find((g) => g.title === 'Method'); + if (isProcessable(service_methods_group)) { + const methods = { + description: 'Methods used in service.', + values: [] + }; + + service_methods_group.children.forEach((method) => { + const signature = method.getAllSignatures()[0]; + methods.values.push({ + name: signature.name, + parameters: signature.parameters.map((param) => { + return { + name: param.name, + type: param.type.toString(), + description: param.comment && param.comment.summary.map((s) => s.text || '').join(' ') + }; + }), + returnType: signature.type.toString(), + description: signature.comment && signature.comment.summary.map((s) => s.text || '').join(' ') + }); + }); + + doc[name]['methods'] = methods; + } + }); + } + + if (isProcessable(module_types_group)) { + const types = { + description: staticMessages['types'], + values: [] + }; + + module_types_group.children.forEach((t) => { + types.values.push({ + name: t.name, + value: getTypesValue(t), + description: t.comment.summary && t.comment.summary.map((s) => s.text || '').join(' ') + }); + }); + + doc[name]['types'] = types; + } + } + } + }); + } + + let mergedDocs = {}; + + for (const key in doc) { + if (key.includes('.interface')) { + const parentKey = key.split('.')[0]; + const interfaceDoc = doc[key]; + if (!mergedDocs[parentKey]) { + mergedDocs[parentKey] = { + ...doc[parentKey], + interfaces: { + ...interfaceDoc + } + }; + } + } else { + if (!mergedDocs[key]) { + mergedDocs[key] = { + ...doc[key] + }; + } + } + } + + const typedocJSON = JSON.stringify(mergedDocs, null, 4); + + !fs.existsSync(outputPath) && fs.mkdirSync(outputPath); + fs.writeFileSync(path.resolve(outputPath, 'index.json'), typedocJSON); + } +} function extractParameter(emitter) { let { comment, type } = emitter; @@ -103,324 +422,4 @@ const getTypesValue = (typeobj) => { } }; -if (project) { - let doc = {}; - - const parseText = (text) => { - return text.replace(/{/g, '{').replace(/}/g, '}'); - }; - - const modules = project.groups.find((g) => g.title === 'Modules'); - - if (isProcessable(modules)) { - modules.children.forEach((module) => { - const name = module.name.replace(/.*\//, ''); - if (allowed(name)) { - if (module.groups) { - if (!doc[name]) { - doc[name] = { - components: {} - }; - } - const module_components_group = module.groups.find((g) => g.title === 'Components'); - const module_events_group = module.groups.find((g) => g.title === 'Events'); - const module_templates_group = module.groups.find((g) => g.title === 'Templates'); - const module_interface_group = module.groups.find((g) => g.title === 'Interface'); - const module_service_group = module.groups.find((g) => g.title === 'Service'); - const module_types_group = module.groups.find((g) => g.title === 'Types'); - - if (isProcessable(module_components_group)) { - module_components_group.children.forEach((component) => { - const componentName = component.name; - const comment = component.comment; - - doc[name]['components'][componentName] = { - description: comment && comment.summary.map((s) => s.text || '').join(' ') - }; - - const component_props_group = component.groups.find((g) => g.title === 'Props'); - - if (isProcessable(component_props_group)) { - const props = { - description: staticMessages['props'], - values: [] - }; - - component_props_group.children.forEach((prop) => { - props.values.push({ - name: prop.name, - optional: prop.flags.isOptional, - readonly: prop.flags.isReadonly, - type: prop.getSignature && prop.getSignature.type ? prop.getSignature.type.toString() : prop.type ? prop.type.toString() : null, - default: prop.type && prop.type.name === 'boolean' && !prop.defaultValue ? 'false' : prop.defaultValue ? prop.defaultValue.replace(/^'|'$/g, '') : undefined, - description: prop.getSignature && prop.getSignature.comment ? prop.getSignature.comment.summary.map((s) => s.text || '').join(' ') : prop.comment && prop.comment.summary.map((s) => s.text || '').join(' '), - deprecated: - prop.getSignature && prop.getSignature.comment && prop.getSignature.comment.getTag('@deprecated') - ? parseText(prop.getSignature.comment.getTag('@deprecated').content[0].text) - : prop.comment && prop.comment.getTag('@deprecated') - ? parseText(prop.comment.getTag('@deprecated').content[0].text) - : undefined - }); - }); - doc[name]['components'][componentName]['props'] = props; - } - - const component_emits_group = component.groups.find((g) => g.title === 'Emits'); - if (isProcessable(component_emits_group)) { - const emits = { - description: staticMessages['emits'], - values: [] - }; - - component_emits_group.children.forEach((emitter) => { - emits.values.push({ - name: emitter.name, - parameters: [{ name: extractParameter(emitter) && extractParameter(emitter).includes('Event') ? 'event' : 'value', type: extractParameter(emitter) }], - description: emitter.comment && emitter.comment.summary.map((s) => s.text || '').join(' '), - deprecated: emitter.comment && emitter.comment.getTag('@deprecated') ? parseText(emitter.comment.getTag('@deprecated').content[0].text) : undefined - }); - }); - - doc[name]['components'][componentName]['emits'] = emits; - } - - const component_methods_group = component.groups.find((g) => g.title === 'Method'); - if (isProcessable(component_methods_group)) { - const methods = { - description: staticMessages['methods'], - values: [] - }; - - component_methods_group.children.forEach((method) => { - const signature = method.getAllSignatures()[0]; - methods.values.push({ - name: signature.name, - parameters: signature.parameters.map((param) => { - return { - name: param.name, - type: param.type.toString(), - description: param.comment && param.comment.summary.map((s) => s.text || '').join(' ') - }; - }), - description: signature.comment && signature.comment.summary.map((s) => s.text || '').join(' ') - }); - }); - - doc[name]['components'][componentName]['methods'] = methods; - } - - const component_events_group = component.groups.find((g) => g.title === 'Events'); - if (isProcessable(component_events_group)) { - const events = { - description: staticMessages['events'], - values: [] - }; - - component_events_group.children.forEach((event) => { - events.values.push({ - name: event.name, - description: event.comment && event.comment.summary.map((s) => s.text || '').join(' '), - props: - event.children && - event.children.map((child) => ({ - name: child.name, - optional: child.flags.isOptional, - readonly: child.flags.isReadonly, - type: child.type && child.type.toString(), - description: child.comment && child.comment.summary.map((s) => s.text || '').join(' '), - deprecated: child.comment && child.comment.getTag('@deprecated') ? parseText(child.comment.getTag('@deprecated').content[0].text) : undefined - })) - }); - }); - - doc[name]['components'][componentName]['events'] = events; - } - }); - } - - if (isProcessable(module_events_group)) { - const events = { - description: staticMessages['events'], - values: [] - }; - - module_events_group.children.forEach((event) => { - events.values.push({ - name: event.name, - description: event.comment && event.comment.summary.map((s) => s.text || '').join(' '), - props: - event.children && - event.children.map((child) => ({ - name: child.name, - optional: child.flags.isOptional, - readonly: child.flags.isReadonly, - type: child.type && child.type.toString(), - description: child.comment && child.comment.summary.map((s) => s.text || '').join(' '), - deprecated: child.comment && child.comment.getTag('@deprecated') ? parseText(child.comment.getTag('@deprecated').content[0].text) : undefined - })) - }); - }); - - doc[name]['events'] = events; - } - - if (isProcessable(module_templates_group)) { - const templates = { - description: staticMessages['templates'], - values: [] - }; - - module_templates_group.children.forEach((template) => { - const parent = template.parent.name.split(/[^a-zA-Z]+/)[1]; - template.children.forEach((child) => { - const signature = child.getAllSignatures()[0]; - templates.values.push({ - parent: parent, - name: signature ? signature.name : child.name, - parameters: signature.parameters.map((param) => { - let type = param.type.toString(); - - if (param.type.declaration) { - type = ''; - - if (param.type.declaration.children) { - param.type.declaration.children.forEach((child) => { - if (child.signatures) { - const childSignature = child.signatures[0]; - const parameters = childSignature.parameters.reduce((acc, { name, type }, index) => (index === 0 ? `${name}: ${type.name}` : `${acc}, ${name}: ${type.name}`), ''); - type += ` \t ${childSignature.name}(${parameters}): ${childSignature.type?.name}, // ${childSignature.comment?.summary[0]?.text}\n `; - } else { - const childType = child.type.elementType ? child.type.elementType.name : child.type.name; - - type += ` \t ${child.name}: ${childType}, // ${child.comment?.summary[0]?.text}\n `; - } - }); - } - - type = `{\n ${type} }`; - } - - return { - name: param.name, - type: type, - description: param.comment && param.comment.summary.map((s) => s.text || '').join(' ') - }; - }), - description: signature.comment && signature.comment.summary.map((s) => s.text || '').join(' '), - deprecated: signature.comment && signature.comment.getTag('@deprecated') ? parseText(signature.comment.getTag('@deprecated').content[0].text) : undefined - }); - }); - }); - - doc[name]['templates'] = templates; - } - - if (isProcessable(module_interface_group)) { - const interfaces = { - description: staticMessages['interfaces'], - values: [] - }; - - module_interface_group.children.forEach((int) => { - interfaces.values.push({ - name: int.name, - description: int.comment && int.comment.summary.map((s) => s.text || '').join(' '), - props: - int.children && - int.children.map((child) => ({ - name: child.name, - optional: child.flags.isOptional, - readonly: child.flags.isReadonly, - type: child.type ? child.type.toString() : extractParameter(int), - description: child.comment && child.comment.summary.map((s) => s.text || '').join(' '), - deprecated: child.comment && child.comment.getTag('@deprecated') ? parseText(child.comment.getTag('@deprecated').content[0].text) : undefined - })) - }); - }); - - doc[name]['interfaces'] = interfaces; - } - - if (isProcessable(module_service_group)) { - doc[name] = { - description: staticMessages['service'] - }; - - module_service_group.children.forEach((service) => { - const service_methods_group = service.groups.find((g) => g.title === 'Method'); - if (isProcessable(service_methods_group)) { - const methods = { - description: 'Methods used in service.', - values: [] - }; - - service_methods_group.children.forEach((method) => { - const signature = method.getAllSignatures()[0]; - methods.values.push({ - name: signature.name, - parameters: signature.parameters.map((param) => { - return { - name: param.name, - type: param.type.toString(), - description: param.comment && param.comment.summary.map((s) => s.text || '').join(' ') - }; - }), - returnType: signature.type.toString(), - description: signature.comment && signature.comment.summary.map((s) => s.text || '').join(' ') - }); - }); - - doc[name]['methods'] = methods; - } - }); - } - - if (isProcessable(module_types_group)) { - const types = { - description: staticMessages['types'], - values: [] - }; - - module_types_group.children.forEach((t) => { - types.values.push({ - name: t.name, - value: getTypesValue(t), - description: t.comment.summary && t.comment.summary.map((s) => s.text || '').join(' ') - }); - }); - - doc[name]['types'] = types; - } - } - } - }); - } - - let mergedDocs = {}; - - for (const key in doc) { - if (key.includes('.interface')) { - const parentKey = key.split('.')[0]; - const interfaceDoc = doc[key]; - if (!mergedDocs[parentKey]) { - mergedDocs[parentKey] = { - ...doc[parentKey], - interfaces: { - ...interfaceDoc - } - }; - } - } else { - if (!mergedDocs[key]) { - mergedDocs[key] = { - ...doc[key] - }; - } - } - } - - const typedocJSON = JSON.stringify(mergedDocs, null, 4); - - !fs.existsSync(outputPath) && fs.mkdirSync(outputPath); - fs.writeFileSync(path.resolve(outputPath, 'index.json'), typedocJSON); -} +main().catch(console.error); diff --git a/api/index.js b/api/index.js index 28f7ffee344..35865b96737 100644 --- a/api/index.js +++ b/api/index.js @@ -1,4 +1,5 @@ -/* eslint-env es6 */ -const server = require('../dist/primeng/server/main'); +import { app } from '../dist/primeng/server/server.mjs'; -module.exports = server.app(); +const server = app(); + +export default server; diff --git a/package-lock.json b/package-lock.json index 8c3efbbfdba..14fd8369e60 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,48 +1,46 @@ { "name": "primeng", - "version": "16.3.1", - "lockfileVersion": 2, + "version": "17.0.0-rc.1", + "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "primeng", - "version": "16.3.1", + "version": "17.0.0-rc.1", "license": "SEE LICENSE IN LICENSE.md", - "dependencies": { - "@docsearch/js": "^3.3.4", - "@types/react": "^18.0.28" - }, "devDependencies": { - "@angular-devkit/build-angular": "^16.2.0", - "@angular-eslint/eslint-plugin": "16.1.0", - "@angular-eslint/eslint-plugin-template": "16.1.0", - "@angular-eslint/schematics": "16.1.0", - "@angular-eslint/template-parser": "16.1.0", - "@angular/animations": "^16.2.0", - "@angular/cdk": "^16.2.0", - "@angular/cli": "^16.2.0", - "@angular/common": "^16.2.0", - "@angular/compiler": "^16.2.0", - "@angular/compiler-cli": "^16.2.0", - "@angular/core": "^16.2.0", - "@angular/forms": "^16.2.0", - "@angular/platform-browser": "^16.2.0", - "@angular/platform-browser-dynamic": "^16.2.0", - "@angular/platform-server": "^16.2.0", - "@angular/router": "^16.2.0", - "@nguniversal/builders": "^16.1.3", - "@nguniversal/common": "^16.1.3", - "@nguniversal/express-engine": "^16.1.3", + "@angular-devkit/build-angular": "^17.0.0", + "@angular-eslint/eslint-plugin": "17.0.0", + "@angular-eslint/eslint-plugin-template": "17.0.0", + "@angular-eslint/schematics": "17.0.0", + "@angular-eslint/template-parser": "17.0.0", + "@angular/animations": "^17.0.0", + "@angular/cdk": "^17.0.0", + "@angular/cli": "^17.0.0", + "@angular/common": "^17.0.0", + "@angular/compiler": "^17.0.0", + "@angular/compiler-cli": "^17.0.0", + "@angular/core": "^17.0.0", + "@angular/fire": "^0.0.0", + "@angular/forms": "^17.0.0", + "@angular/platform-browser": "^17.0.0", + "@angular/platform-browser-dynamic": "^17.0.0", + "@angular/platform-server": "^17.0.0", + "@angular/router": "^17.0.0", + "@angular/ssr": "^17.0.3", + "@docsearch/js": "^3.3.4", "@stackblitz/sdk": "1.9.0", "@types/express": "^4.17.17", "@types/jasmine": "~4.3.1", "@types/jest": "^29.5.1", - "@types/node": "^12.20.55", + "@types/node": "^16.18.67", + "@types/react": "^18.2.41", "@typescript-eslint/eslint-plugin": "^6.6.0", "chart.js": "3.3.2", "codelyzer": "^0.0.28", - "del": "^7.0.0", + "del": "^7.1.0", "domino": "^2.1.6", + "esbuild": "^0.19.8", "eslint": "^8.39.0", "eslint-config-prettier": "^8.8.0", "eslint-plugin-import": "latest", @@ -64,19 +62,19 @@ "karma-coverage": "~2.2.0", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.0.0", - "ng-packagr": "^16.2.0", + "ng-packagr": "^17.0.0", "prettier": "2.8.8", - "primeflex": "^3.3.0", + "primeflex": "^3.3.1", "primeicons": "^6.0.1", "prismjs": "^1.29.0", "quill": "1.3.7", "rxjs": "~7.8.1", - "ts-node": "~8.3.0", + "ts-node": "~10.9.1", "tslib": "^2.5.0", - "typedoc": "0.24.7", - "typescript": "5.0.4", + "typedoc": "0.25.4", + "typescript": "5.2.2", "xlsx": "^0.18.5", - "zone.js": "~0.13.0" + "zone.js": "~0.14.0" } }, "node_modules/@aashutoshrathi/word-wrap": { @@ -92,6 +90,7 @@ "version": "1.9.3", "resolved": "https://registry.npmjs.org/@algolia/autocomplete-core/-/autocomplete-core-1.9.3.tgz", "integrity": "sha512-009HdfugtGCdC4JdXUbVJClA0q0zh24yyePn+KUGk3rP7j8FEe/m5Yo/z65gn6nP/cM39PxpzqKrL7A6fP6PPw==", + "dev": true, "dependencies": { "@algolia/autocomplete-plugin-algolia-insights": "1.9.3", "@algolia/autocomplete-shared": "1.9.3" @@ -101,6 +100,7 @@ "version": "1.9.3", "resolved": "https://registry.npmjs.org/@algolia/autocomplete-plugin-algolia-insights/-/autocomplete-plugin-algolia-insights-1.9.3.tgz", "integrity": "sha512-a/yTUkcO/Vyy+JffmAnTWbr4/90cLzw+CC3bRbhnULr/EM0fGNvM13oQQ14f2moLMcVDyAx/leczLlAOovhSZg==", + "dev": true, "dependencies": { "@algolia/autocomplete-shared": "1.9.3" }, @@ -112,6 +112,7 @@ "version": "1.9.3", "resolved": "https://registry.npmjs.org/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.9.3.tgz", "integrity": "sha512-d4qlt6YmrLMYy95n5TB52wtNDr6EgAIPH81dvvvW8UmuWRgxEtY0NJiPwl/h95JtG2vmRM804M0DSwMCNZlzRA==", + "dev": true, "dependencies": { "@algolia/autocomplete-shared": "1.9.3" }, @@ -124,124 +125,139 @@ "version": "1.9.3", "resolved": "https://registry.npmjs.org/@algolia/autocomplete-shared/-/autocomplete-shared-1.9.3.tgz", "integrity": "sha512-Wnm9E4Ye6Rl6sTTqjoymD+l8DjSTHsHboVRYrKgEt8Q7UHm9nYbqhN/i0fhUYA3OAEH7WA8x3jfpnmJm3rKvaQ==", + "dev": true, "peerDependencies": { "@algolia/client-search": ">= 4.9.1 < 6", "algoliasearch": ">= 4.9.1 < 6" } }, "node_modules/@algolia/cache-browser-local-storage": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.19.1.tgz", - "integrity": "sha512-FYAZWcGsFTTaSAwj9Std8UML3Bu8dyWDncM7Ls8g+58UOe4XYdlgzXWbrIgjaguP63pCCbMoExKr61B+ztK3tw==", + "version": "4.20.0", + "resolved": "https://registry.npmjs.org/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.20.0.tgz", + "integrity": "sha512-uujahcBt4DxduBTvYdwO3sBfHuJvJokiC3BP1+O70fglmE1ShkH8lpXqZBac1rrU3FnNYSUs4pL9lBdTKeRPOQ==", + "dev": true, "dependencies": { - "@algolia/cache-common": "4.19.1" + "@algolia/cache-common": "4.20.0" } }, "node_modules/@algolia/cache-common": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/cache-common/-/cache-common-4.19.1.tgz", - "integrity": "sha512-XGghi3l0qA38HiqdoUY+wvGyBsGvKZ6U3vTiMBT4hArhP3fOGLXpIINgMiiGjTe4FVlTa5a/7Zf2bwlIHfRqqg==" + "version": "4.20.0", + "resolved": "https://registry.npmjs.org/@algolia/cache-common/-/cache-common-4.20.0.tgz", + "integrity": "sha512-vCfxauaZutL3NImzB2G9LjLt36vKAckc6DhMp05An14kVo8F1Yofb6SIl6U3SaEz8pG2QOB9ptwM5c+zGevwIQ==", + "dev": true }, "node_modules/@algolia/cache-in-memory": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/cache-in-memory/-/cache-in-memory-4.19.1.tgz", - "integrity": "sha512-+PDWL+XALGvIginigzu8oU6eWw+o76Z8zHbBovWYcrtWOEtinbl7a7UTt3x3lthv+wNuFr/YD1Gf+B+A9V8n5w==", + "version": "4.20.0", + "resolved": "https://registry.npmjs.org/@algolia/cache-in-memory/-/cache-in-memory-4.20.0.tgz", + "integrity": "sha512-Wm9ak/IaacAZXS4mB3+qF/KCoVSBV6aLgIGFEtQtJwjv64g4ePMapORGmCyulCFwfePaRAtcaTbMcJF+voc/bg==", + "dev": true, "dependencies": { - "@algolia/cache-common": "4.19.1" + "@algolia/cache-common": "4.20.0" } }, "node_modules/@algolia/client-account": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/client-account/-/client-account-4.19.1.tgz", - "integrity": "sha512-Oy0ritA2k7AMxQ2JwNpfaEcgXEDgeyKu0V7E7xt/ZJRdXfEpZcwp9TOg4TJHC7Ia62gIeT2Y/ynzsxccPw92GA==", + "version": "4.20.0", + "resolved": "https://registry.npmjs.org/@algolia/client-account/-/client-account-4.20.0.tgz", + "integrity": "sha512-GGToLQvrwo7am4zVkZTnKa72pheQeez/16sURDWm7Seyz+HUxKi3BM6fthVVPUEBhtJ0reyVtuK9ArmnaKl10Q==", + "dev": true, "dependencies": { - "@algolia/client-common": "4.19.1", - "@algolia/client-search": "4.19.1", - "@algolia/transporter": "4.19.1" + "@algolia/client-common": "4.20.0", + "@algolia/client-search": "4.20.0", + "@algolia/transporter": "4.20.0" } }, "node_modules/@algolia/client-analytics": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-4.19.1.tgz", - "integrity": "sha512-5QCq2zmgdZLIQhHqwl55ZvKVpLM3DNWjFI4T+bHr3rGu23ew2bLO4YtyxaZeChmDb85jUdPDouDlCumGfk6wOg==", + "version": "4.20.0", + "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-4.20.0.tgz", + "integrity": "sha512-EIr+PdFMOallRdBTHHdKI3CstslgLORQG7844Mq84ib5oVFRVASuuPmG4bXBgiDbcsMLUeOC6zRVJhv1KWI0ug==", + "dev": true, "dependencies": { - "@algolia/client-common": "4.19.1", - "@algolia/client-search": "4.19.1", - "@algolia/requester-common": "4.19.1", - "@algolia/transporter": "4.19.1" + "@algolia/client-common": "4.20.0", + "@algolia/client-search": "4.20.0", + "@algolia/requester-common": "4.20.0", + "@algolia/transporter": "4.20.0" } }, "node_modules/@algolia/client-common": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-4.19.1.tgz", - "integrity": "sha512-3kAIVqTcPrjfS389KQvKzliC559x+BDRxtWamVJt8IVp7LGnjq+aVAXg4Xogkur1MUrScTZ59/AaUd5EdpyXgA==", + "version": "4.20.0", + "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-4.20.0.tgz", + "integrity": "sha512-P3WgMdEss915p+knMMSd/fwiHRHKvDu4DYRrCRaBrsfFw7EQHon+EbRSm4QisS9NYdxbS04kcvNoavVGthyfqQ==", + "dev": true, "dependencies": { - "@algolia/requester-common": "4.19.1", - "@algolia/transporter": "4.19.1" + "@algolia/requester-common": "4.20.0", + "@algolia/transporter": "4.20.0" } }, "node_modules/@algolia/client-personalization": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-4.19.1.tgz", - "integrity": "sha512-8CWz4/H5FA+krm9HMw2HUQenizC/DxUtsI5oYC0Jxxyce1vsr8cb1aEiSJArQT6IzMynrERif1RVWLac1m36xw==", + "version": "4.20.0", + "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-4.20.0.tgz", + "integrity": "sha512-N9+zx0tWOQsLc3K4PVRDV8GUeOLAY0i445En79Pr3zWB+m67V+n/8w4Kw1C5LlbHDDJcyhMMIlqezh6BEk7xAQ==", + "dev": true, "dependencies": { - "@algolia/client-common": "4.19.1", - "@algolia/requester-common": "4.19.1", - "@algolia/transporter": "4.19.1" + "@algolia/client-common": "4.20.0", + "@algolia/requester-common": "4.20.0", + "@algolia/transporter": "4.20.0" } }, "node_modules/@algolia/client-search": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-4.19.1.tgz", - "integrity": "sha512-mBecfMFS4N+yK/p0ZbK53vrZbL6OtWMk8YmnOv1i0LXx4pelY8TFhqKoTit3NPVPwoSNN0vdSN9dTu1xr1XOVw==", + "version": "4.20.0", + "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-4.20.0.tgz", + "integrity": "sha512-zgwqnMvhWLdpzKTpd3sGmMlr4c+iS7eyyLGiaO51zDZWGMkpgoNVmltkzdBwxOVXz0RsFMznIxB9zuarUv4TZg==", + "dev": true, "dependencies": { - "@algolia/client-common": "4.19.1", - "@algolia/requester-common": "4.19.1", - "@algolia/transporter": "4.19.1" + "@algolia/client-common": "4.20.0", + "@algolia/requester-common": "4.20.0", + "@algolia/transporter": "4.20.0" } }, "node_modules/@algolia/logger-common": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/logger-common/-/logger-common-4.19.1.tgz", - "integrity": "sha512-i6pLPZW/+/YXKis8gpmSiNk1lOmYCmRI6+x6d2Qk1OdfvX051nRVdalRbEcVTpSQX6FQAoyeaui0cUfLYW5Elw==" + "version": "4.20.0", + "resolved": "https://registry.npmjs.org/@algolia/logger-common/-/logger-common-4.20.0.tgz", + "integrity": "sha512-xouigCMB5WJYEwvoWW5XDv7Z9f0A8VoXJc3VKwlHJw/je+3p2RcDXfksLI4G4lIVncFUYMZx30tP/rsdlvvzHQ==", + "dev": true }, "node_modules/@algolia/logger-console": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/logger-console/-/logger-console-4.19.1.tgz", - "integrity": "sha512-jj72k9GKb9W0c7TyC3cuZtTr0CngLBLmc8trzZlXdfvQiigpUdvTi1KoWIb2ZMcRBG7Tl8hSb81zEY3zI2RlXg==", + "version": "4.20.0", + "resolved": "https://registry.npmjs.org/@algolia/logger-console/-/logger-console-4.20.0.tgz", + "integrity": "sha512-THlIGG1g/FS63z0StQqDhT6bprUczBI8wnLT3JWvfAQDZX5P6fCg7dG+pIrUBpDIHGszgkqYEqECaKKsdNKOUA==", + "dev": true, "dependencies": { - "@algolia/logger-common": "4.19.1" + "@algolia/logger-common": "4.20.0" } }, "node_modules/@algolia/requester-browser-xhr": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.19.1.tgz", - "integrity": "sha512-09K/+t7lptsweRTueHnSnmPqIxbHMowejAkn9XIcJMLdseS3zl8ObnS5GWea86mu3vy4+8H+ZBKkUN82Zsq/zg==", + "version": "4.20.0", + "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.20.0.tgz", + "integrity": "sha512-HbzoSjcjuUmYOkcHECkVTwAelmvTlgs48N6Owt4FnTOQdwn0b8pdht9eMgishvk8+F8bal354nhx/xOoTfwiAw==", + "dev": true, "dependencies": { - "@algolia/requester-common": "4.19.1" + "@algolia/requester-common": "4.20.0" } }, "node_modules/@algolia/requester-common": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/requester-common/-/requester-common-4.19.1.tgz", - "integrity": "sha512-BisRkcWVxrDzF1YPhAckmi2CFYK+jdMT60q10d7z3PX+w6fPPukxHRnZwooiTUrzFe50UBmLItGizWHP5bDzVQ==" + "version": "4.20.0", + "resolved": "https://registry.npmjs.org/@algolia/requester-common/-/requester-common-4.20.0.tgz", + "integrity": "sha512-9h6ye6RY/BkfmeJp7Z8gyyeMrmmWsMOCRBXQDs4mZKKsyVlfIVICpcSibbeYcuUdurLhIlrOUkH3rQEgZzonng==", + "dev": true }, "node_modules/@algolia/requester-node-http": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-4.19.1.tgz", - "integrity": "sha512-6DK52DHviBHTG2BK/Vv2GIlEw7i+vxm7ypZW0Z7vybGCNDeWzADx+/TmxjkES2h15+FZOqVf/Ja677gePsVItA==", + "version": "4.20.0", + "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-4.20.0.tgz", + "integrity": "sha512-ocJ66L60ABSSTRFnCHIEZpNHv6qTxsBwJEPfYaSBsLQodm0F9ptvalFkHMpvj5DfE22oZrcrLbOYM2bdPJRHng==", + "dev": true, "dependencies": { - "@algolia/requester-common": "4.19.1" + "@algolia/requester-common": "4.20.0" } }, "node_modules/@algolia/transporter": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/transporter/-/transporter-4.19.1.tgz", - "integrity": "sha512-nkpvPWbpuzxo1flEYqNIbGz7xhfhGOKGAZS7tzC+TELgEmi7z99qRyTfNSUlW7LZmB3ACdnqAo+9A9KFBENviQ==", + "version": "4.20.0", + "resolved": "https://registry.npmjs.org/@algolia/transporter/-/transporter-4.20.0.tgz", + "integrity": "sha512-Lsii1pGWOAISbzeyuf+r/GPhvHMPHSPrTDWNcIzOE1SG1inlJHICaVe2ikuoRjcpgxZNU54Jl+if15SUCsaTUg==", + "dev": true, "dependencies": { - "@algolia/cache-common": "4.19.1", - "@algolia/logger-common": "4.19.1", - "@algolia/requester-common": "4.19.1" + "@algolia/cache-common": "4.20.0", + "@algolia/logger-common": "4.20.0", + "@algolia/requester-common": "4.20.0" } }, "node_modules/@ampproject/remapping": { @@ -258,111 +274,112 @@ } }, "node_modules/@angular-devkit/architect": { - "version": "0.1602.0", - "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1602.0.tgz", - "integrity": "sha512-ZRmUTBeD+uGr605eOHnsovEn6f1mOBI+kxP64DRvagNweX5TN04s3iyQ8jmLSAHQD9ush31LFxv3dVNxv3ceXQ==", + "version": "0.1700.5", + "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1700.5.tgz", + "integrity": "sha512-kPGiPzystxyLDj79Wy+wCZs5vzx6iUy6fjZ9dKFNS3M9T9UXoo8CZLJS0dWrgO/97M25MSgufyIEDmi+HvwZ7w==", "dev": true, "dependencies": { - "@angular-devkit/core": "16.2.0", + "@angular-devkit/core": "17.0.5", "rxjs": "7.8.1" }, "engines": { - "node": "^16.14.0 || >=18.10.0", + "node": "^18.13.0 || >=20.9.0", "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", "yarn": ">= 1.13.0" } }, "node_modules/@angular-devkit/build-angular": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-16.2.0.tgz", - "integrity": "sha512-miylwjOqvlKmYrzS84bjRaJrecZxOXH9xsPVvQE8VBe8UKePJjRAL6yyOqXUOGtzlch2YmT98RAnuni7y0FEAw==", + "version": "17.0.5", + "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-17.0.5.tgz", + "integrity": "sha512-45+DTM3F8OFlMFRxQRgTBXnfndysgiZXiqItiKmFFau7wENZiTijUuFMFjOIHlLXFDI1qs130hYE4YkPNFffxg==", "dev": true, "dependencies": { "@ampproject/remapping": "2.2.1", - "@angular-devkit/architect": "0.1602.0", - "@angular-devkit/build-webpack": "0.1602.0", - "@angular-devkit/core": "16.2.0", - "@babel/core": "7.22.9", - "@babel/generator": "7.22.9", + "@angular-devkit/architect": "0.1700.5", + "@angular-devkit/build-webpack": "0.1700.5", + "@angular-devkit/core": "17.0.5", + "@babel/core": "7.23.2", + "@babel/generator": "7.23.0", "@babel/helper-annotate-as-pure": "7.22.5", "@babel/helper-split-export-declaration": "7.22.6", - "@babel/plugin-proposal-async-generator-functions": "7.20.7", + "@babel/plugin-transform-async-generator-functions": "7.23.2", "@babel/plugin-transform-async-to-generator": "7.22.5", - "@babel/plugin-transform-runtime": "7.22.9", - "@babel/preset-env": "7.22.9", - "@babel/runtime": "7.22.6", - "@babel/template": "7.22.5", + "@babel/plugin-transform-runtime": "7.23.2", + "@babel/preset-env": "7.23.2", + "@babel/runtime": "7.23.2", "@discoveryjs/json-ext": "0.5.7", - "@ngtools/webpack": "16.2.0", + "@ngtools/webpack": "17.0.5", "@vitejs/plugin-basic-ssl": "1.0.1", "ansi-colors": "4.1.3", - "autoprefixer": "10.4.14", + "autoprefixer": "10.4.16", "babel-loader": "9.1.3", "babel-plugin-istanbul": "6.1.1", + "browser-sync": "2.29.3", "browserslist": "^4.21.5", "chokidar": "3.5.3", "copy-webpack-plugin": "11.0.0", "critters": "0.0.20", "css-loader": "6.8.1", - "esbuild-wasm": "0.18.17", + "esbuild-wasm": "0.19.5", "fast-glob": "3.3.1", - "guess-parser": "0.4.22", - "https-proxy-agent": "5.0.1", - "inquirer": "8.2.4", + "http-proxy-middleware": "2.0.6", + "https-proxy-agent": "7.0.2", + "inquirer": "9.2.11", "jsonc-parser": "3.2.0", "karma-source-map-support": "1.4.0", - "less": "4.1.3", + "less": "4.2.0", "less-loader": "11.1.0", "license-webpack-plugin": "4.0.2", "loader-utils": "3.2.1", - "magic-string": "0.30.1", + "magic-string": "0.30.5", "mini-css-extract-plugin": "2.7.6", "mrmime": "1.0.1", "open": "8.4.2", "ora": "5.4.1", "parse5-html-rewriting-stream": "7.0.0", - "picomatch": "2.3.1", - "piscina": "4.0.0", - "postcss": "8.4.27", + "picomatch": "3.0.1", + "piscina": "4.1.0", + "postcss": "8.4.31", "postcss-loader": "7.3.3", "resolve-url-loader": "5.0.0", "rxjs": "7.8.1", - "sass": "1.64.1", + "sass": "1.69.5", "sass-loader": "13.3.2", "semver": "7.5.4", "source-map-loader": "4.0.1", "source-map-support": "0.5.21", - "terser": "5.19.2", + "terser": "5.24.0", "text-table": "0.2.0", "tree-kill": "1.2.2", - "tslib": "2.6.1", - "vite": "4.4.7", - "webpack": "5.88.2", + "tslib": "2.6.2", + "undici": "5.27.2", + "vite": "4.5.0", + "webpack": "5.89.0", "webpack-dev-middleware": "6.1.1", "webpack-dev-server": "4.15.1", - "webpack-merge": "5.9.0", + "webpack-merge": "5.10.0", "webpack-subresource-integrity": "5.1.0" }, "engines": { - "node": "^16.14.0 || >=18.10.0", + "node": "^18.13.0 || >=20.9.0", "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", "yarn": ">= 1.13.0" }, "optionalDependencies": { - "esbuild": "0.18.17" + "esbuild": "0.19.5" }, "peerDependencies": { - "@angular/compiler-cli": "^16.0.0", - "@angular/localize": "^16.0.0", - "@angular/platform-server": "^16.0.0", - "@angular/service-worker": "^16.0.0", + "@angular/compiler-cli": "^17.0.0", + "@angular/localize": "^17.0.0", + "@angular/platform-server": "^17.0.0", + "@angular/service-worker": "^17.0.0", "jest": "^29.5.0", "jest-environment-jsdom": "^29.5.0", "karma": "^6.3.0", - "ng-packagr": "^16.0.0", + "ng-packagr": "^17.0.0", "protractor": "^7.0.0", "tailwindcss": "^2.0.0 || ^3.0.0", - "typescript": ">=4.9.3 <5.2" + "typescript": ">=5.2 <5.3" }, "peerDependenciesMeta": { "@angular/localize": { @@ -394,247 +411,563 @@ } } }, - "node_modules/@angular-devkit/build-angular/node_modules/@types/node": { - "version": "20.4.9", - "resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.9.tgz", - "integrity": "sha512-8e2HYcg7ohnTUbHk8focoklEQYvemQmu9M/f43DZVx43kHn0tE3BY/6gSDxS7k0SprtS0NHvj+L80cGLnoOUcQ==", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/android-arm": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.5.tgz", + "integrity": "sha512-bhvbzWFF3CwMs5tbjf3ObfGqbl/17ict2/uwOSfr3wmxDE6VdS2GqY/FuzIPe0q0bdhj65zQsvqfArI9MY6+AA==", + "cpu": [ + "arm" + ], "dev": true, "optional": true, - "peer": true + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } }, - "node_modules/@angular-devkit/build-angular/node_modules/@vitejs/plugin-basic-ssl": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.0.1.tgz", - "integrity": "sha512-pcub+YbFtFhaGRTo1832FQHQSHvMrlb43974e2eS8EKleR3p1cDdkJFPci1UhwkEf1J9Bz+wKBSzqpKp7nNj2A==", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/android-arm64": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.5.tgz", + "integrity": "sha512-5d1OkoJxnYQfmC+Zd8NBFjkhyCNYwM4n9ODrycTFY6Jk1IGiZ+tjVJDDSwDt77nK+tfpGP4T50iMtVi4dEGzhQ==", + "cpu": [ + "arm64" + ], "dev": true, + "optional": true, + "os": [ + "android" + ], "engines": { - "node": ">=14.6.0" - }, - "peerDependencies": { - "vite": "^3.0.0 || ^4.0.0" + "node": ">=12" } }, - "node_modules/@angular-devkit/build-angular/node_modules/vite": { - "version": "4.4.7", - "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.7.tgz", - "integrity": "sha512-6pYf9QJ1mHylfVh39HpuSfMPojPSKVxZvnclX1K1FyZ1PXDOcLBibdq5t1qxJSnL63ca8Wf4zts6mD8u8oc9Fw==", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/android-x64": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.5.tgz", + "integrity": "sha512-9t+28jHGL7uBdkBjL90QFxe7DVA+KGqWlHCF8ChTKyaKO//VLuoBricQCgwhOjA1/qOczsw843Fy4cbs4H3DVA==", + "cpu": [ + "x64" + ], "dev": true, - "dependencies": { - "esbuild": "^0.18.10", - "postcss": "^8.4.26", - "rollup": "^3.25.2" - }, - "bin": { - "vite": "bin/vite.js" - }, + "optional": true, + "os": [ + "android" + ], "engines": { - "node": "^14.18.0 || >=16.0.0" - }, - "funding": { - "url": "https://github.com/vitejs/vite?sponsor=1" - }, - "optionalDependencies": { - "fsevents": "~2.3.2" - }, - "peerDependencies": { - "@types/node": ">= 14", - "less": "*", - "lightningcss": "^1.21.0", - "sass": "*", - "stylus": "*", - "sugarss": "*", - "terser": "^5.4.0" - }, - "peerDependenciesMeta": { - "@types/node": { - "optional": true - }, - "less": { - "optional": true - }, - "lightningcss": { - "optional": true - }, - "sass": { - "optional": true - }, - "stylus": { - "optional": true - }, - "sugarss": { - "optional": true - }, - "terser": { - "optional": true - } + "node": ">=12" } }, - "node_modules/@angular-devkit/build-webpack": { - "version": "0.1602.0", - "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1602.0.tgz", - "integrity": "sha512-KdSr6iAcO30i/LIGL8mYi+d1buVXuDCp2dptzEJ4vxReOMFJca90KLwb+tVHEqqnDb0WkNfWm8Ii2QYh2FrNyA==", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/darwin-arm64": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.5.tgz", + "integrity": "sha512-mvXGcKqqIqyKoxq26qEDPHJuBYUA5KizJncKOAf9eJQez+L9O+KfvNFu6nl7SCZ/gFb2QPaRqqmG0doSWlgkqw==", + "cpu": [ + "arm64" + ], "dev": true, - "dependencies": { - "@angular-devkit/architect": "0.1602.0", - "rxjs": "7.8.1" - }, + "optional": true, + "os": [ + "darwin" + ], "engines": { - "node": "^16.14.0 || >=18.10.0", - "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", - "yarn": ">= 1.13.0" - }, - "peerDependencies": { - "webpack": "^5.30.0", - "webpack-dev-server": "^4.0.0" + "node": ">=12" } }, - "node_modules/@angular-devkit/core": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-16.2.0.tgz", - "integrity": "sha512-l1k6Rqm3YM16BEn3CWyQKrk9xfu+2ux7Bw3oS+h1TO4/RoxO2PgHj8LLRh/WNrYVarhaqO7QZ5ePBkXNMkzJ1g==", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/darwin-x64": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.5.tgz", + "integrity": "sha512-Ly8cn6fGLNet19s0X4unjcniX24I0RqjPv+kurpXabZYSXGM4Pwpmf85WHJN3lAgB8GSth7s5A0r856S+4DyiA==", + "cpu": [ + "x64" + ], "dev": true, - "dependencies": { - "ajv": "8.12.0", - "ajv-formats": "2.1.1", - "jsonc-parser": "3.2.0", - "rxjs": "7.8.1", - "source-map": "0.7.4" - }, + "optional": true, + "os": [ + "darwin" + ], "engines": { - "node": "^16.14.0 || >=18.10.0", - "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", - "yarn": ">= 1.13.0" - }, - "peerDependencies": { - "chokidar": "^3.5.2" - }, - "peerDependenciesMeta": { - "chokidar": { - "optional": true - } + "node": ">=12" } }, - "node_modules/@angular-devkit/schematics": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-16.2.0.tgz", - "integrity": "sha512-QMDJXPE0+YQJ9Ap3MMzb0v7rx6ZbBEokmHgpdIjN3eILYmbAdsSGE8HTV8NjS9nKmcyE9OGzFCMb7PFrDTlTAw==", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/freebsd-arm64": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.5.tgz", + "integrity": "sha512-GGDNnPWTmWE+DMchq1W8Sd0mUkL+APvJg3b11klSGUDvRXh70JqLAO56tubmq1s2cgpVCSKYywEiKBfju8JztQ==", + "cpu": [ + "arm64" + ], "dev": true, - "dependencies": { - "@angular-devkit/core": "16.2.0", - "jsonc-parser": "3.2.0", - "magic-string": "0.30.1", - "ora": "5.4.1", - "rxjs": "7.8.1" - }, + "optional": true, + "os": [ + "freebsd" + ], "engines": { - "node": "^16.14.0 || >=18.10.0", - "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", - "yarn": ">= 1.13.0" + "node": ">=12" } }, - "node_modules/@angular-eslint/bundled-angular-compiler": { - "version": "16.1.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-16.1.0.tgz", - "integrity": "sha512-5EFAWXuFJADr3imo/ZYshY8s0K7U7wyysnE2LXnpT9PAi5rmkzt70UNZNRuamCbXr4tdIiu+fXWOj7tUuJKnnw==", - "dev": true - }, - "node_modules/@angular-eslint/eslint-plugin": { - "version": "16.1.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-16.1.0.tgz", - "integrity": "sha512-BFzzJJlgQgWc8avdSBkaDWAzNSUqcwWy0L1iZSBdXGoIOxj72kLbwe99emb8M+rUfCveljQkeM2pcYu8XLbJIA==", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/freebsd-x64": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.5.tgz", + "integrity": "sha512-1CCwDHnSSoA0HNwdfoNY0jLfJpd7ygaLAp5EHFos3VWJCRX9DMwWODf96s9TSse39Br7oOTLryRVmBoFwXbuuQ==", + "cpu": [ + "x64" + ], "dev": true, - "dependencies": { - "@angular-eslint/utils": "16.1.0", - "@typescript-eslint/utils": "5.62.0" - }, - "peerDependencies": { - "eslint": "^7.20.0 || ^8.0.0", - "typescript": "*" + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" } }, - "node_modules/@angular-eslint/eslint-plugin-template": { - "version": "16.1.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-16.1.0.tgz", - "integrity": "sha512-wQHWR5vqWGgO7mqoG5ixXeplIlz/OmxBJE9QMLPTZE8GdaTx8+F/5J37OWh84zCpD3mOa/FHYZxBDm2MfUmA1Q==", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-arm": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.5.tgz", + "integrity": "sha512-lrWXLY/vJBzCPC51QN0HM71uWgIEpGSjSZZADQhq7DKhPcI6NH1IdzjfHkDQws2oNpJKpR13kv7/pFHBbDQDwQ==", + "cpu": [ + "arm" + ], "dev": true, - "dependencies": { - "@angular-eslint/bundled-angular-compiler": "16.1.0", - "@angular-eslint/utils": "16.1.0", - "@typescript-eslint/type-utils": "5.62.0", - "@typescript-eslint/utils": "5.62.0", - "aria-query": "5.3.0", - "axobject-query": "3.1.1" - }, - "peerDependencies": { - "eslint": "^7.20.0 || ^8.0.0", - "typescript": "*" + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" } }, - "node_modules/@angular-eslint/schematics": { - "version": "16.1.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-16.1.0.tgz", - "integrity": "sha512-L1tmP3R2krHyveaRXAvn/SeDoBFNpS1VtPPrzZm1NYr1qPcAxf3NtG2nnoyVFu6WZGt59ZGHNQ/dZxnXvm0UGg==", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-arm64": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.5.tgz", + "integrity": "sha512-o3vYippBmSrjjQUCEEiTZ2l+4yC0pVJD/Dl57WfPwwlvFkrxoSO7rmBZFii6kQB3Wrn/6GwJUPLU5t52eq2meA==", + "cpu": [ + "arm64" + ], "dev": true, - "dependencies": { - "@angular-eslint/eslint-plugin": "16.1.0", - "@angular-eslint/eslint-plugin-template": "16.1.0", - "@nx/devkit": "16.5.1", - "ignore": "5.2.4", - "nx": "16.5.1", - "strip-json-comments": "3.1.1", - "tmp": "0.2.1" - }, - "peerDependencies": { - "@angular/cli": ">= 16.0.0 < 17.0.0" + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" } }, - "node_modules/@angular-eslint/template-parser": { - "version": "16.1.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-16.1.0.tgz", - "integrity": "sha512-DOQtzVehtbO7+BQ+FMOXRsxGRjHb3ve6M+S4qASKTiI+twtONjRODcHezD3N4PDkjpKPbOnk7YnFsHur5csUNw==", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-ia32": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.5.tgz", + "integrity": "sha512-MkjHXS03AXAkNp1KKkhSKPOCYztRtK+KXDNkBa6P78F8Bw0ynknCSClO/ztGszILZtyO/lVKpa7MolbBZ6oJtQ==", + "cpu": [ + "ia32" + ], "dev": true, - "dependencies": { - "@angular-eslint/bundled-angular-compiler": "16.1.0", - "eslint-scope": "^7.0.0" - }, - "peerDependencies": { - "eslint": "^7.20.0 || ^8.0.0", - "typescript": "*" + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" } }, - "node_modules/@angular-eslint/utils": { - "version": "16.1.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-16.1.0.tgz", - "integrity": "sha512-u5XscYUq1F/7RuwyVIV2a280QL27lyQz434VYR+Np/oO21NGj5jxoRKb55xhXT9EFVs5Sy4JYeEUp6S75J/cUw==", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-loong64": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.5.tgz", + "integrity": "sha512-42GwZMm5oYOD/JHqHska3Jg0r+XFb/fdZRX+WjADm3nLWLcIsN27YKtqxzQmGNJgu0AyXg4HtcSK9HuOk3v1Dw==", + "cpu": [ + "loong64" + ], "dev": true, - "dependencies": { - "@angular-eslint/bundled-angular-compiler": "16.1.0", - "@typescript-eslint/utils": "5.62.0" - }, - "peerDependencies": { - "eslint": "^7.20.0 || ^8.0.0", - "typescript": "*" + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" } }, - "node_modules/@angular/animations": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-16.2.0.tgz", - "integrity": "sha512-SgOjldgRlU6XL1f6OUmFa+1iiy1OCWXH8i7q7g0yGCeQ4XAlvNRjDj++xxvUwDhE2pLKJLPYDJmCH98mvjKZcA==", + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-mips64el": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.5.tgz", + "integrity": "sha512-kcjndCSMitUuPJobWCnwQ9lLjiLZUR3QLQmlgaBfMX23UEa7ZOrtufnRds+6WZtIS9HdTXqND4yH8NLoVVIkcg==", + "cpu": [ + "mips64el" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-ppc64": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.5.tgz", + "integrity": "sha512-yJAxJfHVm0ZbsiljbtFFP1BQKLc8kUF6+17tjQ78QjqjAQDnhULWiTA6u0FCDmYT1oOKS9PzZ2z0aBI+Mcyj7Q==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-riscv64": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.5.tgz", + "integrity": "sha512-5u8cIR/t3gaD6ad3wNt1MNRstAZO+aNyBxu2We8X31bA8XUNyamTVQwLDA1SLoPCUehNCymhBhK3Qim1433Zag==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-s390x": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.5.tgz", + "integrity": "sha512-Z6JrMyEw/EmZBD/OFEFpb+gao9xJ59ATsoTNlj39jVBbXqoZm4Xntu6wVmGPB/OATi1uk/DB+yeDPv2E8PqZGw==", + "cpu": [ + "s390x" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/linux-x64": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.5.tgz", + "integrity": "sha512-psagl+2RlK1z8zWZOmVdImisMtrUxvwereIdyJTmtmHahJTKb64pAcqoPlx6CewPdvGvUKe2Jw+0Z/0qhSbG1A==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/netbsd-x64": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.5.tgz", + "integrity": "sha512-kL2l+xScnAy/E/3119OggX8SrWyBEcqAh8aOY1gr4gPvw76la2GlD4Ymf832UCVbmuWeTf2adkZDK+h0Z/fB4g==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/openbsd-x64": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.5.tgz", + "integrity": "sha512-sPOfhtzFufQfTBgRnE1DIJjzsXukKSvZxloZbkJDG383q0awVAq600pc1nfqBcl0ice/WN9p4qLc39WhBShRTA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/sunos-x64": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.5.tgz", + "integrity": "sha512-dGZkBXaafuKLpDSjKcB0ax0FL36YXCvJNnztjKV+6CO82tTYVDSH2lifitJ29jxRMoUhgkg9a+VA/B03WK5lcg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/win32-arm64": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.5.tgz", + "integrity": "sha512-dWVjD9y03ilhdRQ6Xig1NWNgfLtf2o/STKTS+eZuF90fI2BhbwD6WlaiCGKptlqXlURVB5AUOxUj09LuwKGDTg==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/win32-ia32": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.5.tgz", + "integrity": "sha512-4liggWIA4oDgUxqpZwrDhmEfAH4d0iljanDOK7AnVU89T6CzHon/ony8C5LeOdfgx60x5cnQJFZwEydVlYx4iw==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/@esbuild/win32-x64": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.5.tgz", + "integrity": "sha512-czTrygUsB/jlM8qEW5MD8bgYU2Xg14lo6kBDXW6HdxKjh8M5PzETGiSHaz9MtbXBYDloHNUAUW2tMiKW4KM9Mw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/esbuild": { + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.5.tgz", + "integrity": "sha512-bUxalY7b1g8vNhQKdB24QDmHeY4V4tw/s6Ak5z+jJX9laP5MoQseTOMemAr0gxssjNcH0MCViG8ONI2kksvfFQ==", + "dev": true, + "hasInstallScript": true, + "optional": true, + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=12" + }, + "optionalDependencies": { + "@esbuild/android-arm": "0.19.5", + "@esbuild/android-arm64": "0.19.5", + "@esbuild/android-x64": "0.19.5", + "@esbuild/darwin-arm64": "0.19.5", + "@esbuild/darwin-x64": "0.19.5", + "@esbuild/freebsd-arm64": "0.19.5", + "@esbuild/freebsd-x64": "0.19.5", + "@esbuild/linux-arm": "0.19.5", + "@esbuild/linux-arm64": "0.19.5", + "@esbuild/linux-ia32": "0.19.5", + "@esbuild/linux-loong64": "0.19.5", + "@esbuild/linux-mips64el": "0.19.5", + "@esbuild/linux-ppc64": "0.19.5", + "@esbuild/linux-riscv64": "0.19.5", + "@esbuild/linux-s390x": "0.19.5", + "@esbuild/linux-x64": "0.19.5", + "@esbuild/netbsd-x64": "0.19.5", + "@esbuild/openbsd-x64": "0.19.5", + "@esbuild/sunos-x64": "0.19.5", + "@esbuild/win32-arm64": "0.19.5", + "@esbuild/win32-ia32": "0.19.5", + "@esbuild/win32-x64": "0.19.5" + } + }, + "node_modules/@angular-devkit/build-webpack": { + "version": "0.1700.5", + "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1700.5.tgz", + "integrity": "sha512-rLtDIK6je7JxhWG76aM8smfX13XHv+LlepwdK4lQqPEnz5BnkTfNFBnqwIWHA2eNUNTnVgeS356PxckZI3YL1g==", + "dev": true, + "dependencies": { + "@angular-devkit/architect": "0.1700.5", + "rxjs": "7.8.1" + }, + "engines": { + "node": "^18.13.0 || >=20.9.0", + "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", + "yarn": ">= 1.13.0" + }, + "peerDependencies": { + "webpack": "^5.30.0", + "webpack-dev-server": "^4.0.0" + } + }, + "node_modules/@angular-devkit/core": { + "version": "17.0.5", + "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-17.0.5.tgz", + "integrity": "sha512-e1evgRabAfOZBnmFCe8E0oufcu+FzBe5hBzS94Dm42GlxdX965/M4yVKQxIMpjivQTmjl+AWb6cF1ltBdSGZeQ==", + "dev": true, + "dependencies": { + "ajv": "8.12.0", + "ajv-formats": "2.1.1", + "jsonc-parser": "3.2.0", + "picomatch": "3.0.1", + "rxjs": "7.8.1", + "source-map": "0.7.4" + }, + "engines": { + "node": "^18.13.0 || >=20.9.0", + "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", + "yarn": ">= 1.13.0" + }, + "peerDependencies": { + "chokidar": "^3.5.2" + }, + "peerDependenciesMeta": { + "chokidar": { + "optional": true + } + } + }, + "node_modules/@angular-devkit/schematics": { + "version": "17.0.5", + "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-17.0.5.tgz", + "integrity": "sha512-KYPku0qTb8B+TtRbFqXGYpJOPg1k6d5bNHV6n8jTc35mlEUUghOd7HkovdfkQ3cgGNQM56a74D1CvSeruZEGsA==", + "dev": true, + "dependencies": { + "@angular-devkit/core": "17.0.5", + "jsonc-parser": "3.2.0", + "magic-string": "0.30.5", + "ora": "5.4.1", + "rxjs": "7.8.1" + }, + "engines": { + "node": "^18.13.0 || >=20.9.0", + "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", + "yarn": ">= 1.13.0" + } + }, + "node_modules/@angular-eslint/bundled-angular-compiler": { + "version": "17.0.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-17.0.0.tgz", + "integrity": "sha512-nHLliW18XduO51+e/RST8O2YnhcQR3+NSSy8zlmYyjLeUi5NBpC/Hwp68KxPP2YcUYie1tWlaw48YJYo97qE6A==", + "dev": true + }, + "node_modules/@angular-eslint/eslint-plugin": { + "version": "17.0.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-17.0.0.tgz", + "integrity": "sha512-I2gb7hDthNiWbeNXlINBYQIbwKkPPM8442EIPeWtwgOQ2qjMwTAz1l3FA46U7pwbaXsdlY0p9Kp4ABy9T0cknA==", + "dev": true, + "dependencies": { + "@angular-eslint/utils": "17.0.0", + "@typescript-eslint/utils": "6.10.0" + }, + "peerDependencies": { + "eslint": "^7.20.0 || ^8.0.0", + "typescript": "*" + } + }, + "node_modules/@angular-eslint/eslint-plugin-template": { + "version": "17.0.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-17.0.0.tgz", + "integrity": "sha512-Yy9097HAkMEiYANGw2UZQuJSO0fXpBWUMOxwWUFDD5Am7eB51a+5BiOdBe8uy4lM5OnIfm+aIASwbmvPHwjjTA==", + "dev": true, + "dependencies": { + "@angular-eslint/bundled-angular-compiler": "17.0.0", + "@angular-eslint/utils": "17.0.0", + "@typescript-eslint/type-utils": "6.10.0", + "@typescript-eslint/utils": "6.10.0", + "aria-query": "5.3.0", + "axobject-query": "4.0.0" + }, + "peerDependencies": { + "eslint": "^7.20.0 || ^8.0.0", + "typescript": "*" + } + }, + "node_modules/@angular-eslint/schematics": { + "version": "17.0.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-17.0.0.tgz", + "integrity": "sha512-lNeLPJoCjq67D0SHIehcseJqMe2rG485inH8ZmA1bIoRYAyQ3s/sLH2+Qbkh7aP3m+Jd3TVLArt3g1hbqFWRUA==", + "dev": true, + "dependencies": { + "@angular-eslint/eslint-plugin": "17.0.0", + "@angular-eslint/eslint-plugin-template": "17.0.0", + "@nx/devkit": "17.0.3", + "ignore": "5.2.4", + "nx": "17.0.3", + "strip-json-comments": "3.1.1", + "tmp": "0.2.1" + }, + "peerDependencies": { + "@angular/cli": ">= 17.0.0 < 18.0.0" + } + }, + "node_modules/@angular-eslint/template-parser": { + "version": "17.0.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-17.0.0.tgz", + "integrity": "sha512-uYdANaTVEXxvsTYPQU0dh7dNK4b9Ez6y512DH9Hgnv1T6CSwBPjMk0/rQfefJevk+LxDjCBspnbXcgnY/yi88Q==", + "dev": true, + "dependencies": { + "@angular-eslint/bundled-angular-compiler": "17.0.0", + "eslint-scope": "^7.0.0" + }, + "peerDependencies": { + "eslint": "^7.20.0 || ^8.0.0", + "typescript": "*" + } + }, + "node_modules/@angular-eslint/utils": { + "version": "17.0.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-17.0.0.tgz", + "integrity": "sha512-kfKk4jqmvX/aFCHhl3BfAyvF+DRE/qPyGMBbFL/dm7mRTr4ZRsNX88KyzpWlA9tD355b+cFvM2jd9hqtPM8KIQ==", + "dev": true, + "dependencies": { + "@angular-eslint/bundled-angular-compiler": "17.0.0", + "@typescript-eslint/utils": "6.10.0" + }, + "peerDependencies": { + "eslint": "^7.20.0 || ^8.0.0", + "typescript": "*" + } + }, + "node_modules/@angular/animations": { + "version": "17.0.5", + "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-17.0.5.tgz", + "integrity": "sha512-NZ9Y3QWqrn0THypVNwsztMV9rnjxNMRIf6to8aZv+ehIUOvskqcA/lW5qAdcMr1uNoyloB9vahJrDniWWEKT5A==", "dev": true, "dependencies": { "tslib": "^2.3.0" }, "engines": { - "node": "^16.14.0 || >=18.10.0" + "node": "^18.13.0 || >=20.9.0" }, "peerDependencies": { - "@angular/core": "16.2.0" + "@angular/core": "17.0.5" } }, "node_modules/@angular/cdk": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-16.2.0.tgz", - "integrity": "sha512-pOIXP15uQkl3bf7t0i25+0uBjkHkVmBgwOMlqE9imY4gGq7UswbZRYHaGudJITin2ASFqKDgKvwNRCBqfmjO4A==", + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-17.0.2.tgz", + "integrity": "sha512-5d2LmlpvsrfLubfzWxzWa+pLW93m/GXVuFITETozPbwEeqOTDNZPbS4v89VF1SWUCxefb1tx5m4zaGpsTep7gQ==", "dev": true, "dependencies": { "tslib": "^2.3.0" @@ -643,32 +976,32 @@ "parse5": "^7.1.2" }, "peerDependencies": { - "@angular/common": "^16.0.0 || ^17.0.0", - "@angular/core": "^16.0.0 || ^17.0.0", + "@angular/common": "^17.0.0 || ^18.0.0", + "@angular/core": "^17.0.0 || ^18.0.0", "rxjs": "^6.5.3 || ^7.4.0" } }, "node_modules/@angular/cli": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-16.2.0.tgz", - "integrity": "sha512-xT8vJOyw6Rc2364XDW2jHagLgKu7342ktd/lt+c0u6R+AB2XVFMePR7VceLohX9N/vRUsbQ0nVSZr+ru/hA+HA==", + "version": "17.0.5", + "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-17.0.5.tgz", + "integrity": "sha512-IWtepjO1yTVGblbpTI7vtdxX5EjOYSL4BGa+3g85XuY6U2H38Bc9ZVBAYteAvRX1ZA2yvwJw068YY52ITlnr4A==", "dev": true, "dependencies": { - "@angular-devkit/architect": "0.1602.0", - "@angular-devkit/core": "16.2.0", - "@angular-devkit/schematics": "16.2.0", - "@schematics/angular": "16.2.0", + "@angular-devkit/architect": "0.1700.5", + "@angular-devkit/core": "17.0.5", + "@angular-devkit/schematics": "17.0.5", + "@schematics/angular": "17.0.5", "@yarnpkg/lockfile": "1.1.0", "ansi-colors": "4.1.3", "ini": "4.1.1", - "inquirer": "8.2.4", + "inquirer": "9.2.11", "jsonc-parser": "3.2.0", - "npm-package-arg": "10.1.0", - "npm-pick-manifest": "8.0.1", + "npm-package-arg": "11.0.1", + "npm-pick-manifest": "9.0.0", "open": "8.4.2", "ora": "5.4.1", - "pacote": "15.2.0", - "resolve": "1.22.2", + "pacote": "17.0.4", + "resolve": "1.22.8", "semver": "7.5.4", "symbol-observable": "4.0.0", "yargs": "17.7.2" @@ -677,40 +1010,40 @@ "ng": "bin/ng.js" }, "engines": { - "node": "^16.14.0 || >=18.10.0", + "node": "^18.13.0 || >=20.9.0", "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", "yarn": ">= 1.13.0" } }, "node_modules/@angular/common": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/common/-/common-16.2.0.tgz", - "integrity": "sha512-ByrDLsTBarzqRmq4GS841Ku0lvB4L2wfOCfGEIw2ZuiNbZlDA5O/qohQgJnHR5d9meVJnu9NgdbeyMzk90xZNg==", + "version": "17.0.5", + "resolved": "https://registry.npmjs.org/@angular/common/-/common-17.0.5.tgz", + "integrity": "sha512-1vFZ7nd8xyAYh/DwFtRuSieP8Dy/6QuOxl914/TOUr26F1a4e+7ywCyMLVjmYjx+WkZe7uu/Hgpr2raBaVTnQw==", "dev": true, "dependencies": { "tslib": "^2.3.0" }, "engines": { - "node": "^16.14.0 || >=18.10.0" + "node": "^18.13.0 || >=20.9.0" }, "peerDependencies": { - "@angular/core": "16.2.0", + "@angular/core": "17.0.5", "rxjs": "^6.5.3 || ^7.4.0" } }, "node_modules/@angular/compiler": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-16.2.0.tgz", - "integrity": "sha512-Ai0CKRUDlMY6iFCeoRsC+soVFTU7eyMDmNzeakdmNvGYMdLdjH8WvgaNukesi6WX7YBIQIKTPJVral8fXBQroQ==", + "version": "17.0.5", + "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-17.0.5.tgz", + "integrity": "sha512-V6LnX/B2YXpzXeNWavtX/XPNUnWrVUFpiOniKqHYhAxXnibhyXL9DRsyVs8QbKgIcPPcQeJMHdAjklCWJsePvg==", "dev": true, "dependencies": { "tslib": "^2.3.0" }, "engines": { - "node": "^16.14.0 || >=18.10.0" + "node": "^18.13.0 || >=20.9.0" }, "peerDependencies": { - "@angular/core": "16.2.0" + "@angular/core": "17.0.5" }, "peerDependenciesMeta": { "@angular/core": { @@ -719,12 +1052,12 @@ } }, "node_modules/@angular/compiler-cli": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-16.2.0.tgz", - "integrity": "sha512-IGRpEJwbzOLFsLj2qgTHpZ6nNcRjKDYaaAnVx+B1CfK4DP31PIsZLgsWcEcYt7KbF/FUlrCNwdBxrqE7rDxZaw==", + "version": "17.0.5", + "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-17.0.5.tgz", + "integrity": "sha512-Nb99iKz8LMoc5HC9iu5rbWblXb68sHHI6bcN8sdqvc2g+PohkGNbtRjVZFhP+WKMaNFYDSvLWcHFFYItLRkT4g==", "dev": true, "dependencies": { - "@babel/core": "7.22.5", + "@babel/core": "7.23.2", "@jridgewell/sourcemap-codec": "^1.4.14", "chokidar": "^3.0.0", "convert-source-map": "^1.5.1", @@ -739,101 +1072,68 @@ "ngcc": "bundles/ngcc/index.js" }, "engines": { - "node": "^16.14.0 || >=18.10.0" + "node": "^18.13.0 || >=20.9.0" }, "peerDependencies": { - "@angular/compiler": "16.2.0", - "typescript": ">=4.9.3 <5.2" + "@angular/compiler": "17.0.5", + "typescript": ">=5.2 <5.3" } }, - "node_modules/@angular/compiler-cli/node_modules/@babel/core": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.22.5.tgz", - "integrity": "sha512-SBuTAjg91A3eKOvD+bPEz3LlhHZRNu1nFOVts9lzDJTXshHTjII0BAtDS3Y2DAkdZdDKWVZGVwkDfc4Clxn1dg==", + "node_modules/@angular/core": { + "version": "17.0.5", + "resolved": "https://registry.npmjs.org/@angular/core/-/core-17.0.5.tgz", + "integrity": "sha512-siWUrdBWgTAqMnRF+qxGZznj5AdR/x3+8l0/bj4CkSZzwZGL/CHy40ec71bbgiPkYob1v4v40voXu2aSSeCLPg==", "dev": true, "dependencies": { - "@ampproject/remapping": "^2.2.0", - "@babel/code-frame": "^7.22.5", - "@babel/generator": "^7.22.5", - "@babel/helper-compilation-targets": "^7.22.5", - "@babel/helper-module-transforms": "^7.22.5", - "@babel/helpers": "^7.22.5", - "@babel/parser": "^7.22.5", - "@babel/template": "^7.22.5", - "@babel/traverse": "^7.22.5", - "@babel/types": "^7.22.5", - "convert-source-map": "^1.7.0", - "debug": "^4.1.0", - "gensync": "^1.0.0-beta.2", - "json5": "^2.2.2", - "semver": "^6.3.0" + "tslib": "^2.3.0" }, "engines": { - "node": ">=6.9.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/babel" - } - }, - "node_modules/@angular/compiler-cli/node_modules/@babel/core/node_modules/semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true, - "bin": { - "semver": "bin/semver.js" - } - }, - "node_modules/@angular/core": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/core/-/core-16.2.0.tgz", - "integrity": "sha512-iwUWFw+JmRxw0chcNoqhXVR8XUTE+Rszhy22iSCkK0Jo8IJqEad1d2dQoFu1QfqOVdPMZtpJDmC/ppQ/f5c5aA==", - "dev": true, - "dependencies": { - "tslib": "^2.3.0" - }, - "engines": { - "node": "^16.14.0 || >=18.10.0" + "node": "^18.13.0 || >=20.9.0" }, "peerDependencies": { "rxjs": "^6.5.3 || ^7.4.0", - "zone.js": "~0.13.0" + "zone.js": "~0.14.0" } }, + "node_modules/@angular/fire": { + "version": "0.0.0", + "resolved": "https://registry.npmjs.org/@angular/fire/-/fire-0.0.0.tgz", + "integrity": "sha512-z6dYD4QwNySyVA1qylMSukhl4iWDwRhQ4GtjAJTVz0/MuJGN+CCSpjF7KpJxCHjfu3CtjtcA+Z79AhiUYThpEQ==", + "dev": true + }, "node_modules/@angular/forms": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-16.2.0.tgz", - "integrity": "sha512-Z/IFw319ZSgGbJFkR5Ba0sRIIqDxQDVH4I+vnVoOYqq2NxuHYfLJDHAB9uHln9GWj86b1SrJBZe8qiS7Sxb7yQ==", + "version": "17.0.5", + "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-17.0.5.tgz", + "integrity": "sha512-d91Rre/NK+SgamF1OJmDJUx+Zs8M7qFmrKu7c+hNsXPe8J/fkMNoWFikne/WSsegwY929E1xpeqvu/KXQt90ug==", "dev": true, "dependencies": { "tslib": "^2.3.0" }, "engines": { - "node": "^16.14.0 || >=18.10.0" + "node": "^18.13.0 || >=20.9.0" }, "peerDependencies": { - "@angular/common": "16.2.0", - "@angular/core": "16.2.0", - "@angular/platform-browser": "16.2.0", + "@angular/common": "17.0.5", + "@angular/core": "17.0.5", + "@angular/platform-browser": "17.0.5", "rxjs": "^6.5.3 || ^7.4.0" } }, "node_modules/@angular/platform-browser": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-16.2.0.tgz", - "integrity": "sha512-6xjZFnSD0C8ylDbzKpsxCJ4pLJDRvippr9Wj9RCeDQvAzMibsqIjpbesyOccw3hO+jheJQRhM/rZeO1ubZU94w==", + "version": "17.0.5", + "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-17.0.5.tgz", + "integrity": "sha512-VJQ6bVS40xJLNGNcX59/QFPrZesIm2zETOqAc6K04onuWF1EnJqvcDog9eYJsm0sLWhQeCdWVmAFRenTkDoqng==", "dev": true, "dependencies": { "tslib": "^2.3.0" }, "engines": { - "node": "^16.14.0 || >=18.10.0" + "node": "^18.13.0 || >=20.9.0" }, "peerDependencies": { - "@angular/animations": "16.2.0", - "@angular/common": "16.2.0", - "@angular/core": "16.2.0" + "@angular/animations": "17.0.5", + "@angular/common": "17.0.5", + "@angular/core": "17.0.5" }, "peerDependenciesMeta": { "@angular/animations": { @@ -842,61 +1142,75 @@ } }, "node_modules/@angular/platform-browser-dynamic": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-16.2.0.tgz", - "integrity": "sha512-kLxgR+ichWb6dNA1JUAh0JB+iSrObkomd10porGQWVxAGmHqg1eiB3bBaSAgcaLftsrmEguIH8O9AEfq+HLfrA==", + "version": "17.0.5", + "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-17.0.5.tgz", + "integrity": "sha512-Ki+0B3/S+Rv3O4jf+tbDBPs0m+VUMoS6VVCCLviaurYGPLPtGblhCzRv49Zoyo5gEVoEOgnxS6CI91Tv6My9ug==", "dev": true, "dependencies": { "tslib": "^2.3.0" }, "engines": { - "node": "^16.14.0 || >=18.10.0" + "node": "^18.13.0 || >=20.9.0" }, "peerDependencies": { - "@angular/common": "16.2.0", - "@angular/compiler": "16.2.0", - "@angular/core": "16.2.0", - "@angular/platform-browser": "16.2.0" + "@angular/common": "17.0.5", + "@angular/compiler": "17.0.5", + "@angular/core": "17.0.5", + "@angular/platform-browser": "17.0.5" } }, "node_modules/@angular/platform-server": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/platform-server/-/platform-server-16.2.0.tgz", - "integrity": "sha512-8BYC2NLoOHQCqnPF4rauKw7io9+JP46S0H5+ApJNEwEtIAhXkAdkekQ9ir4/iH4q1KMfk5aR+nOCxofGBnKq6Q==", + "version": "17.0.5", + "resolved": "https://registry.npmjs.org/@angular/platform-server/-/platform-server-17.0.5.tgz", + "integrity": "sha512-urnYha4tXg1Rzz0EAczwmLxW4ksWjgF0YCx0r3np47Hx2WP6O9OPjm5D5O/SoPcYUSxQvH9ntgysOtJWIVGmcQ==", "dev": true, "dependencies": { "tslib": "^2.3.0", "xhr2": "^0.2.0" }, "engines": { - "node": "^16.14.0 || >=18.10.0" + "node": "^18.13.0 || >=20.9.0" }, "peerDependencies": { - "@angular/animations": "16.2.0", - "@angular/common": "16.2.0", - "@angular/compiler": "16.2.0", - "@angular/core": "16.2.0", - "@angular/platform-browser": "16.2.0" + "@angular/animations": "17.0.5", + "@angular/common": "17.0.5", + "@angular/compiler": "17.0.5", + "@angular/core": "17.0.5", + "@angular/platform-browser": "17.0.5" } }, "node_modules/@angular/router": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/router/-/router-16.2.0.tgz", - "integrity": "sha512-bFOaE7PNF0UHgVhl8BvyHiZHizTRZO7w3V29VqsdXUMMugBR4kr1/FXGzXTaz+9/eK7LokUwN9pjKKENNmhdyg==", + "version": "17.0.5", + "resolved": "https://registry.npmjs.org/@angular/router/-/router-17.0.5.tgz", + "integrity": "sha512-9e5MQJzDdfhXKSYrduIDmDf73GBRcjx6qE+k5CliGY4sFza10wdbrM4LkiuA3Z2Ja+2AKkotrGG3ZMCtAsFY1g==", "dev": true, "dependencies": { "tslib": "^2.3.0" }, "engines": { - "node": "^16.14.0 || >=18.10.0" + "node": "^18.13.0 || >=20.9.0" }, "peerDependencies": { - "@angular/common": "16.2.0", - "@angular/core": "16.2.0", - "@angular/platform-browser": "16.2.0", + "@angular/common": "17.0.5", + "@angular/core": "17.0.5", + "@angular/platform-browser": "17.0.5", "rxjs": "^6.5.3 || ^7.4.0" } }, + "node_modules/@angular/ssr": { + "version": "17.0.5", + "resolved": "https://registry.npmjs.org/@angular/ssr/-/ssr-17.0.5.tgz", + "integrity": "sha512-Snio+nw+Ur1p7utyZ68wK/0xajg7E+JZBZouA88L7U8f1++YQFJV80nAuRZNYQKIBN//IWoNW+xyM+FR15HQBA==", + "dev": true, + "dependencies": { + "critters": "0.0.20", + "tslib": "^2.3.0" + }, + "peerDependencies": { + "@angular/common": "^17.0.0", + "@angular/core": "^17.0.0" + } + }, "node_modules/@assemblyscript/loader": { "version": "0.10.1", "resolved": "https://registry.npmjs.org/@assemblyscript/loader/-/loader-0.10.1.tgz", @@ -904,12 +1218,12 @@ "dev": true }, "node_modules/@babel/code-frame": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.10.tgz", - "integrity": "sha512-/KKIMG4UEL35WmI9OlvMhurwtytjvXoFcGNrOvyG9zIzA8YmPjVtIZUf7b05+TPO7G7/GEmLHDaoCgACHl9hhA==", + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.5.tgz", + "integrity": "sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==", "dev": true, "dependencies": { - "@babel/highlight": "^7.22.10", + "@babel/highlight": "^7.23.4", "chalk": "^2.4.2" }, "engines": { @@ -917,34 +1231,34 @@ } }, "node_modules/@babel/compat-data": { - "version": "7.22.9", - "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.9.tgz", - "integrity": "sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==", + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.23.5.tgz", + "integrity": "sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==", "dev": true, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/core": { - "version": "7.22.9", - "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.22.9.tgz", - "integrity": "sha512-G2EgeufBcYw27U4hhoIwFcgc1XU7TlXJ3mv04oOv1WCuo900U/anZSPzEqNjwdjgffkk2Gs0AN0dW1CKVLcG7w==", + "version": "7.23.2", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.2.tgz", + "integrity": "sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==", "dev": true, "dependencies": { "@ampproject/remapping": "^2.2.0", - "@babel/code-frame": "^7.22.5", - "@babel/generator": "^7.22.9", - "@babel/helper-compilation-targets": "^7.22.9", - "@babel/helper-module-transforms": "^7.22.9", - "@babel/helpers": "^7.22.6", - "@babel/parser": "^7.22.7", - "@babel/template": "^7.22.5", - "@babel/traverse": "^7.22.8", - "@babel/types": "^7.22.5", - "convert-source-map": "^1.7.0", + "@babel/code-frame": "^7.22.13", + "@babel/generator": "^7.23.0", + "@babel/helper-compilation-targets": "^7.22.15", + "@babel/helper-module-transforms": "^7.23.0", + "@babel/helpers": "^7.23.2", + "@babel/parser": "^7.23.0", + "@babel/template": "^7.22.15", + "@babel/traverse": "^7.23.2", + "@babel/types": "^7.23.0", + "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", - "json5": "^2.2.2", + "json5": "^2.2.3", "semver": "^6.3.1" }, "engines": { @@ -955,6 +1269,12 @@ "url": "https://opencollective.com/babel" } }, + "node_modules/@babel/core/node_modules/convert-source-map": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", + "dev": true + }, "node_modules/@babel/core/node_modules/semver": { "version": "6.3.1", "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", @@ -965,12 +1285,12 @@ } }, "node_modules/@babel/generator": { - "version": "7.22.9", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.22.9.tgz", - "integrity": "sha512-KtLMbmicyuK2Ak/FTCJVbDnkN1SlT8/kceFTiuDiiRUUSMnHMidxSCdG4ndkTOHHpoomWe/4xkvHkEOncwjYIw==", + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz", + "integrity": "sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==", "dev": true, "dependencies": { - "@babel/types": "^7.22.5", + "@babel/types": "^7.23.0", "@jridgewell/gen-mapping": "^0.3.2", "@jridgewell/trace-mapping": "^0.3.17", "jsesc": "^2.5.1" @@ -992,25 +1312,25 @@ } }, "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.10.tgz", - "integrity": "sha512-Av0qubwDQxC56DoUReVDeLfMEjYYSN1nZrTUrWkXd7hpU73ymRANkbuDm3yni9npkn+RXy9nNbEJZEzXr7xrfQ==", + "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz", + "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==", "dev": true, "dependencies": { - "@babel/types": "^7.22.10" + "@babel/types": "^7.22.15" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-compilation-targets": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.10.tgz", - "integrity": "sha512-JMSwHD4J7SLod0idLq5PKgI+6g/hLD/iuWBq08ZX49xE14VpVEojJ5rHWptpirV2j020MvypRLAXAO50igCJ5Q==", + "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz", + "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==", "dev": true, "dependencies": { "@babel/compat-data": "^7.22.9", - "@babel/helper-validator-option": "^7.22.5", + "@babel/helper-validator-option": "^7.22.15", "browserslist": "^4.21.9", "lru-cache": "^5.1.1", "semver": "^6.3.1" @@ -1029,17 +1349,17 @@ } }, "node_modules/@babel/helper-create-class-features-plugin": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.10.tgz", - "integrity": "sha512-5IBb77txKYQPpOEdUdIhBx8VrZyDCQ+H82H0+5dX1TmuscP5vJKEE3cKurjtIw/vFwzbVH48VweE78kVDBrqjA==", + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.5.tgz", + "integrity": "sha512-QELlRWxSpgdwdJzSJn4WAhKC+hvw/AtHbbrIoncKHkhKKR/luAlKkgBDcri1EzWAo8f8VvYVryEHN4tax/V67A==", "dev": true, "dependencies": { "@babel/helper-annotate-as-pure": "^7.22.5", - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-function-name": "^7.22.5", - "@babel/helper-member-expression-to-functions": "^7.22.5", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-function-name": "^7.23.0", + "@babel/helper-member-expression-to-functions": "^7.23.0", "@babel/helper-optimise-call-expression": "^7.22.5", - "@babel/helper-replace-supers": "^7.22.9", + "@babel/helper-replace-supers": "^7.22.20", "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5", "@babel/helper-split-export-declaration": "^7.22.6", "semver": "^6.3.1" @@ -1061,9 +1381,9 @@ } }, "node_modules/@babel/helper-create-regexp-features-plugin": { - "version": "7.22.9", - "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.9.tgz", - "integrity": "sha512-+svjVa/tFwsNSG4NEy1h85+HQ5imbT92Q5/bgtS7P0GTQlP8WuFdqsiABmQouhiFGyV66oGxZFpeYHza1rNsKw==", + "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz", + "integrity": "sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==", "dev": true, "dependencies": { "@babel/helper-annotate-as-pure": "^7.22.5", @@ -1087,9 +1407,9 @@ } }, "node_modules/@babel/helper-define-polyfill-provider": { - "version": "0.4.2", - "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.2.tgz", - "integrity": "sha512-k0qnnOqHn5dK9pZpfD5XXZ9SojAITdCKRn2Lp6rnDGzIbaP0rHyMPk/4wsSxVBVz4RfN0q6VpXWP2pDGIoQ7hw==", + "version": "0.4.3", + "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.3.tgz", + "integrity": "sha512-WBrLmuPP47n7PNwsZ57pqam6G/RGo1vw/87b0Blc53tZNGZ4x7YvZ6HgQe2vo1W/FR20OgjeZuGXzudPiXHFug==", "dev": true, "dependencies": { "@babel/helper-compilation-targets": "^7.22.6", @@ -1103,22 +1423,22 @@ } }, "node_modules/@babel/helper-environment-visitor": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz", - "integrity": "sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==", + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz", + "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==", "dev": true, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-function-name": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz", - "integrity": "sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==", + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz", + "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==", "dev": true, "dependencies": { - "@babel/template": "^7.22.5", - "@babel/types": "^7.22.5" + "@babel/template": "^7.22.15", + "@babel/types": "^7.23.0" }, "engines": { "node": ">=6.9.0" @@ -1137,40 +1457,40 @@ } }, "node_modules/@babel/helper-member-expression-to-functions": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.22.5.tgz", - "integrity": "sha512-aBiH1NKMG0H2cGZqspNvsaBe6wNGjbJjuLy29aU+eDZjSbbN53BaxlpB02xm9v34pLTZ1nIQPFYn2qMZoa5BQQ==", + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz", + "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==", "dev": true, "dependencies": { - "@babel/types": "^7.22.5" + "@babel/types": "^7.23.0" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-module-imports": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz", - "integrity": "sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==", + "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz", + "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==", "dev": true, "dependencies": { - "@babel/types": "^7.22.5" + "@babel/types": "^7.22.15" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-module-transforms": { - "version": "7.22.9", - "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.9.tgz", - "integrity": "sha512-t+WA2Xn5K+rTeGtC8jCsdAH52bjggG5TKRuRrAGNM/mjIbO4GxvlLMFOEz9wXY5I2XQ60PMFsAG2WIcG82dQMQ==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz", + "integrity": "sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==", "dev": true, "dependencies": { - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-module-imports": "^7.22.5", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-module-imports": "^7.22.15", "@babel/helper-simple-access": "^7.22.5", "@babel/helper-split-export-declaration": "^7.22.6", - "@babel/helper-validator-identifier": "^7.22.5" + "@babel/helper-validator-identifier": "^7.22.20" }, "engines": { "node": ">=6.9.0" @@ -1201,14 +1521,14 @@ } }, "node_modules/@babel/helper-remap-async-to-generator": { - "version": "7.22.9", - "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.9.tgz", - "integrity": "sha512-8WWC4oR4Px+tr+Fp0X3RHDVfINGpF3ad1HIbrc8A77epiR6eMMc6jsgozkzT2uDiOOdoS9cLIQ+XD2XvI2WSmQ==", + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz", + "integrity": "sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==", "dev": true, "dependencies": { "@babel/helper-annotate-as-pure": "^7.22.5", - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-wrap-function": "^7.22.9" + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-wrap-function": "^7.22.20" }, "engines": { "node": ">=6.9.0" @@ -1218,13 +1538,13 @@ } }, "node_modules/@babel/helper-replace-supers": { - "version": "7.22.9", - "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.22.9.tgz", - "integrity": "sha512-LJIKvvpgPOPUThdYqcX6IXRuIcTkcAub0IaDRGCZH0p5GPUp7PhRU9QVgFcDDd51BaPkk77ZjqFwh6DZTAEmGg==", + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.22.20.tgz", + "integrity": "sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==", "dev": true, "dependencies": { - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-member-expression-to-functions": "^7.22.5", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-member-expression-to-functions": "^7.22.15", "@babel/helper-optimise-call-expression": "^7.22.5" }, "engines": { @@ -1271,67 +1591,67 @@ } }, "node_modules/@babel/helper-string-parser": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz", - "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==", + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz", + "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==", "dev": true, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-validator-identifier": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz", - "integrity": "sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==", + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz", + "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==", "dev": true, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-validator-option": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz", - "integrity": "sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==", + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz", + "integrity": "sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==", "dev": true, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-wrap-function": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.10.tgz", - "integrity": "sha512-OnMhjWjuGYtdoO3FmsEFWvBStBAe2QOgwOLsLNDjN+aaiMD8InJk1/O3HSD8lkqTjCgg5YI34Tz15KNNA3p+nQ==", + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz", + "integrity": "sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==", "dev": true, "dependencies": { "@babel/helper-function-name": "^7.22.5", - "@babel/template": "^7.22.5", - "@babel/types": "^7.22.10" + "@babel/template": "^7.22.15", + "@babel/types": "^7.22.19" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helpers": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.10.tgz", - "integrity": "sha512-a41J4NW8HyZa1I1vAndrraTlPZ/eZoga2ZgS7fEr0tZJGVU4xqdE80CEm0CcNjha5EZ8fTBYLKHF0kqDUuAwQw==", + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.5.tgz", + "integrity": "sha512-oO7us8FzTEsG3U6ag9MfdF1iA/7Z6dz+MtFhifZk8C8o453rGJFFWUP1t+ULM9TUIAzC9uxXEiXjOiVMyd7QPg==", "dev": true, "dependencies": { - "@babel/template": "^7.22.5", - "@babel/traverse": "^7.22.10", - "@babel/types": "^7.22.10" + "@babel/template": "^7.22.15", + "@babel/traverse": "^7.23.5", + "@babel/types": "^7.23.5" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/highlight": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.10.tgz", - "integrity": "sha512-78aUtVcT7MUscr0K5mIEnkwxPE0MaxkR5RxRwuHaQ+JuU5AmTPhY+do2mdzVTnIJJpyBglql2pehuBIWHug+WQ==", + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz", + "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==", "dev": true, "dependencies": { - "@babel/helper-validator-identifier": "^7.22.5", + "@babel/helper-validator-identifier": "^7.22.20", "chalk": "^2.4.2", "js-tokens": "^4.0.0" }, @@ -1340,9 +1660,9 @@ } }, "node_modules/@babel/parser": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.10.tgz", - "integrity": "sha512-lNbdGsQb9ekfsnjFGhEiF4hfFqGgfOP3H3d27re3n+CGhNuTSUEQdfWk556sTLNTloczcdM5TYF2LhzmDQKyvQ==", + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.5.tgz", + "integrity": "sha512-hOOqoiNXrmGdFbhgCzu6GiURxUgM27Xwd/aPuu8RfHEZPBzL1Z54okAHAQjXfcQNwvrlkAmAp4SlRTZ45vlthQ==", "dev": true, "bin": { "parser": "bin/babel-parser.js" @@ -1352,9 +1672,9 @@ } }, "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.5.tgz", - "integrity": "sha512-NP1M5Rf+u2Gw9qfSO4ihjcTGW5zXTi36ITLd4/EoAcEhIZ0yjMqmftDNl3QC19CX7olhrjpyU454g/2W7X0jvQ==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.23.3.tgz", + "integrity": "sha512-iRkKcCqb7iGnq9+3G6rZ+Ciz5VywC4XNRHe57lKM+jOeYAoR0lVqdeeDRfh0tQcTfw/+vBhHn926FmQhLtlFLQ==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -1367,14 +1687,14 @@ } }, "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.5.tgz", - "integrity": "sha512-31Bb65aZaUwqCbWMnZPduIZxCBngHFlzyN6Dq6KAJjtx+lx6ohKHubc61OomYi7XwVD4Ol0XCVz4h+pYFR048g==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.23.3.tgz", + "integrity": "sha512-WwlxbfMNdVEpQjZmK5mhm7oSwD3dS6eU+Iwsi4Knl9wAletWem7kaRsGOG+8UEbRyqxY4SS5zvtfXwX+jMxUwQ==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5", "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5", - "@babel/plugin-transform-optional-chaining": "^7.22.5" + "@babel/plugin-transform-optional-chaining": "^7.23.3" }, "engines": { "node": ">=6.9.0" @@ -1383,24 +1703,6 @@ "@babel/core": "^7.13.0" } }, - "node_modules/@babel/plugin-proposal-async-generator-functions": { - "version": "7.20.7", - "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.20.7.tgz", - "integrity": "sha512-xMbiLsn/8RK7Wq7VeVytytS2L6qE69bXPB10YCmMdDZbKF4okCqY74pI/jJQ/8U0b/F6NrT2+14b8/P9/3AMGA==", - "dev": true, - "dependencies": { - "@babel/helper-environment-visitor": "^7.18.9", - "@babel/helper-plugin-utils": "^7.20.2", - "@babel/helper-remap-async-to-generator": "^7.18.9", - "@babel/plugin-syntax-async-generators": "^7.8.4" - }, - "engines": { - "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, "node_modules/@babel/plugin-proposal-private-property-in-object": { "version": "7.21.0-placeholder-for-preset-env.2", "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz", @@ -1413,22 +1715,6 @@ "@babel/core": "^7.0.0-0" } }, - "node_modules/@babel/plugin-proposal-unicode-property-regex": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.18.6.tgz", - "integrity": "sha512-2BShG/d5yoZyXZfVePH91urL5wTG6ASZU9M4o03lKK8u8UW1y08OMttBSOADTcJrnPMpvDXRG3G8fyLh4ovs8w==", - "dev": true, - "dependencies": { - "@babel/helper-create-regexp-features-plugin": "^7.18.6", - "@babel/helper-plugin-utils": "^7.18.6" - }, - "engines": { - "node": ">=4" - }, - "peerDependencies": { - "@babel/core": "^7.0.0-0" - } - }, "node_modules/@babel/plugin-syntax-async-generators": { "version": "7.8.4", "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz", @@ -1493,9 +1779,9 @@ } }, "node_modules/@babel/plugin-syntax-import-assertions": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.22.5.tgz", - "integrity": "sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.23.3.tgz", + "integrity": "sha512-lPgDSU+SJLK3xmFDTV2ZRQAiM7UuUjGidwBywFavObCiZc1BeAAcMtHJKUya92hPHO+at63JJPLygilZard8jw==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -1508,9 +1794,9 @@ } }, "node_modules/@babel/plugin-syntax-import-attributes": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.5.tgz", - "integrity": "sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.23.3.tgz", + "integrity": "sha512-pawnE0P9g10xgoP7yKr6CK63K2FMsTE+FZidZO/1PwRdzmAPVs+HS1mAURUsgaoxammTJvULUdIkEK0gOcU2tA==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -1665,9 +1951,9 @@ } }, "node_modules/@babel/plugin-transform-arrow-functions": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.22.5.tgz", - "integrity": "sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.23.3.tgz", + "integrity": "sha512-NzQcQrzaQPkaEwoTm4Mhyl8jI1huEL/WWIEvudjTCMJ9aBZNpsJbMASx7EQECtQQPS/DcnFpo0FIh3LvEO9cxQ==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -1680,14 +1966,14 @@ } }, "node_modules/@babel/plugin-transform-async-generator-functions": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.22.10.tgz", - "integrity": "sha512-eueE8lvKVzq5wIObKK/7dvoeKJ+xc6TvRn6aysIjS6pSCeLy7S/eVi7pEQknZqyqvzaNKdDtem8nUNTBgDVR2g==", + "version": "7.23.2", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.23.2.tgz", + "integrity": "sha512-BBYVGxbDVHfoeXbOwcagAkOQAm9NxoTdMGfTqghu1GrvadSaw6iW3Je6IcL5PNOw8VwjxqBECXy50/iCQSY/lQ==", "dev": true, "dependencies": { - "@babel/helper-environment-visitor": "^7.22.5", + "@babel/helper-environment-visitor": "^7.22.20", "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-remap-async-to-generator": "^7.22.9", + "@babel/helper-remap-async-to-generator": "^7.22.20", "@babel/plugin-syntax-async-generators": "^7.8.4" }, "engines": { @@ -1715,9 +2001,9 @@ } }, "node_modules/@babel/plugin-transform-block-scoped-functions": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.22.5.tgz", - "integrity": "sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.23.3.tgz", + "integrity": "sha512-vI+0sIaPIO6CNuM9Kk5VmXcMVRiOpDh7w2zZt9GXzmE/9KD70CUEVhvPR/etAeNK/FAEkhxQtXOzVF3EuRL41A==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -1730,9 +2016,9 @@ } }, "node_modules/@babel/plugin-transform-block-scoping": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.22.10.tgz", - "integrity": "sha512-1+kVpGAOOI1Albt6Vse7c8pHzcZQdQKW+wJH+g8mCaszOdDVwRXa/slHPqIw+oJAJANTKDMuM2cBdV0Dg618Vg==", + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.23.4.tgz", + "integrity": "sha512-0QqbP6B6HOh7/8iNR4CQU2Th/bbRtBp4KS9vcaZd1fZ0wSh5Fyssg0UCIHwxh+ka+pNDREbVLQnHCMHKZfPwfw==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -1745,12 +2031,12 @@ } }, "node_modules/@babel/plugin-transform-class-properties": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.22.5.tgz", - "integrity": "sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.23.3.tgz", + "integrity": "sha512-uM+AN8yCIjDPccsKGlw271xjJtGii+xQIF/uMPS8H15L12jZTsLfF4o5vNO7d/oUguOyfdikHGc/yi9ge4SGIg==", "dev": true, "dependencies": { - "@babel/helper-create-class-features-plugin": "^7.22.5", + "@babel/helper-create-class-features-plugin": "^7.22.15", "@babel/helper-plugin-utils": "^7.22.5" }, "engines": { @@ -1761,12 +2047,12 @@ } }, "node_modules/@babel/plugin-transform-class-static-block": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.5.tgz", - "integrity": "sha512-SPToJ5eYZLxlnp1UzdARpOGeC2GbHvr9d/UV0EukuVx8atktg194oe+C5BqQ8jRTkgLRVOPYeXRSBg1IlMoVRA==", + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.23.4.tgz", + "integrity": "sha512-nsWu/1M+ggti1SOALj3hfx5FXzAY06fwPJsUZD4/A5e1bWi46VUIWtD+kOX6/IdhXGsXBWllLFDSnqSCdUNydQ==", "dev": true, "dependencies": { - "@babel/helper-create-class-features-plugin": "^7.22.5", + "@babel/helper-create-class-features-plugin": "^7.22.15", "@babel/helper-plugin-utils": "^7.22.5", "@babel/plugin-syntax-class-static-block": "^7.14.5" }, @@ -1778,18 +2064,18 @@ } }, "node_modules/@babel/plugin-transform-classes": { - "version": "7.22.6", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.6.tgz", - "integrity": "sha512-58EgM6nuPNG6Py4Z3zSuu0xWu2VfodiMi72Jt5Kj2FECmaYk1RrTXA45z6KBFsu9tRgwQDwIiY4FXTt+YsSFAQ==", + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.23.5.tgz", + "integrity": "sha512-jvOTR4nicqYC9yzOHIhXG5emiFEOpappSJAl73SDSEDcybD+Puuze8Tnpb9p9qEyYup24tq891gkaygIFvWDqg==", "dev": true, "dependencies": { "@babel/helper-annotate-as-pure": "^7.22.5", - "@babel/helper-compilation-targets": "^7.22.6", - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-function-name": "^7.22.5", + "@babel/helper-compilation-targets": "^7.22.15", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-function-name": "^7.23.0", "@babel/helper-optimise-call-expression": "^7.22.5", "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-replace-supers": "^7.22.5", + "@babel/helper-replace-supers": "^7.22.20", "@babel/helper-split-export-declaration": "^7.22.6", "globals": "^11.1.0" }, @@ -1801,13 +2087,13 @@ } }, "node_modules/@babel/plugin-transform-computed-properties": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.22.5.tgz", - "integrity": "sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.23.3.tgz", + "integrity": "sha512-dTj83UVTLw/+nbiHqQSFdwO9CbTtwq1DsDqm3CUEtDrZNET5rT5E6bIdTlOftDTDLMYxvxHNEYO4B9SLl8SLZw==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5", - "@babel/template": "^7.22.5" + "@babel/template": "^7.22.15" }, "engines": { "node": ">=6.9.0" @@ -1817,9 +2103,9 @@ } }, "node_modules/@babel/plugin-transform-destructuring": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.22.10.tgz", - "integrity": "sha512-dPJrL0VOyxqLM9sritNbMSGx/teueHF/htMKrPT7DNxccXxRDPYqlgPFFdr8u+F+qUZOkZoXue/6rL5O5GduEw==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.23.3.tgz", + "integrity": "sha512-n225npDqjDIr967cMScVKHXJs7rout1q+tt50inyBCPkyZ8KxeI6d+GIbSBTT/w/9WdlWDOej3V9HE5Lgk57gw==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -1832,12 +2118,12 @@ } }, "node_modules/@babel/plugin-transform-dotall-regex": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.22.5.tgz", - "integrity": "sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.23.3.tgz", + "integrity": "sha512-vgnFYDHAKzFaTVp+mneDsIEbnJ2Np/9ng9iviHw3P/KVcgONxpNULEW/51Z/BaFojG2GI2GwwXck5uV1+1NOYQ==", "dev": true, "dependencies": { - "@babel/helper-create-regexp-features-plugin": "^7.22.5", + "@babel/helper-create-regexp-features-plugin": "^7.22.15", "@babel/helper-plugin-utils": "^7.22.5" }, "engines": { @@ -1848,9 +2134,9 @@ } }, "node_modules/@babel/plugin-transform-duplicate-keys": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.22.5.tgz", - "integrity": "sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.23.3.tgz", + "integrity": "sha512-RrqQ+BQmU3Oyav3J+7/myfvRCq7Tbz+kKLLshUmMwNlDHExbGL7ARhajvoBJEvc+fCguPPu887N+3RRXBVKZUA==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -1863,9 +2149,9 @@ } }, "node_modules/@babel/plugin-transform-dynamic-import": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.5.tgz", - "integrity": "sha512-0MC3ppTB1AMxd8fXjSrbPa7LT9hrImt+/fcj+Pg5YMD7UQyWp/02+JWpdnCymmsXwIx5Z+sYn1bwCn4ZJNvhqQ==", + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.23.4.tgz", + "integrity": "sha512-V6jIbLhdJK86MaLh4Jpghi8ho5fGzt3imHOBu/x0jlBaPYqDoWz4RDXjmMOfnh+JWNaQleEAByZLV0QzBT4YQQ==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5", @@ -1879,12 +2165,12 @@ } }, "node_modules/@babel/plugin-transform-exponentiation-operator": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.22.5.tgz", - "integrity": "sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.23.3.tgz", + "integrity": "sha512-5fhCsl1odX96u7ILKHBj4/Y8vipoqwsJMh4csSA8qFfxrZDEA4Ssku2DyNvMJSmZNOEBT750LfFPbtrnTP90BQ==", "dev": true, "dependencies": { - "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.5", + "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.15", "@babel/helper-plugin-utils": "^7.22.5" }, "engines": { @@ -1895,9 +2181,9 @@ } }, "node_modules/@babel/plugin-transform-export-namespace-from": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.5.tgz", - "integrity": "sha512-X4hhm7FRnPgd4nDA4b/5V280xCx6oL7Oob5+9qVS5C13Zq4bh1qq7LU0GgRU6b5dBWBvhGaXYVB4AcN6+ol6vg==", + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.23.4.tgz", + "integrity": "sha512-GzuSBcKkx62dGzZI1WVgTWvkkz84FZO5TC5T8dl/Tht/rAla6Dg/Mz9Yhypg+ezVACf/rgDuQt3kbWEv7LdUDQ==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5", @@ -1911,9 +2197,9 @@ } }, "node_modules/@babel/plugin-transform-for-of": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.5.tgz", - "integrity": "sha512-3kxQjX1dU9uudwSshyLeEipvrLjBCVthCgeTp6CzE/9JYrlAIaeekVxRpCWsDDfYTfRZRoCeZatCQvwo+wvK8A==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.3.tgz", + "integrity": "sha512-X8jSm8X1CMwxmK878qsUGJRmbysKNbdpTv/O1/v0LuY/ZkZrng5WYiekYSdg9m09OTmDDUWeEDsTE+17WYbAZw==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -1926,13 +2212,13 @@ } }, "node_modules/@babel/plugin-transform-function-name": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.22.5.tgz", - "integrity": "sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.23.3.tgz", + "integrity": "sha512-I1QXp1LxIvt8yLaib49dRW5Okt7Q4oaxao6tFVKS/anCdEOMtYwWVKoiOA1p34GOWIZjUK0E+zCp7+l1pfQyiw==", "dev": true, "dependencies": { - "@babel/helper-compilation-targets": "^7.22.5", - "@babel/helper-function-name": "^7.22.5", + "@babel/helper-compilation-targets": "^7.22.15", + "@babel/helper-function-name": "^7.23.0", "@babel/helper-plugin-utils": "^7.22.5" }, "engines": { @@ -1943,9 +2229,9 @@ } }, "node_modules/@babel/plugin-transform-json-strings": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.5.tgz", - "integrity": "sha512-DuCRB7fu8MyTLbEQd1ew3R85nx/88yMoqo2uPSjevMj3yoN7CDM8jkgrY0wmVxfJZyJ/B9fE1iq7EQppWQmR5A==", + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.23.4.tgz", + "integrity": "sha512-81nTOqM1dMwZ/aRXQ59zVubN9wHGqk6UtqRK+/q+ciXmRy8fSolhGVvG09HHRGo4l6fr/c4ZhXUQH0uFW7PZbg==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5", @@ -1959,9 +2245,9 @@ } }, "node_modules/@babel/plugin-transform-literals": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.22.5.tgz", - "integrity": "sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.23.3.tgz", + "integrity": "sha512-wZ0PIXRxnwZvl9AYpqNUxpZ5BiTGrYt7kueGQ+N5FiQ7RCOD4cm8iShd6S6ggfVIWaJf2EMk8eRzAh52RfP4rQ==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -1974,9 +2260,9 @@ } }, "node_modules/@babel/plugin-transform-logical-assignment-operators": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.5.tgz", - "integrity": "sha512-MQQOUW1KL8X0cDWfbwYP+TbVbZm16QmQXJQ+vndPtH/BoO0lOKpVoEDMI7+PskYxH+IiE0tS8xZye0qr1lGzSA==", + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.23.4.tgz", + "integrity": "sha512-Mc/ALf1rmZTP4JKKEhUwiORU+vcfarFVLfcFiolKUo6sewoxSEgl36ak5t+4WamRsNr6nzjZXQjM35WsU+9vbg==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5", @@ -1990,9 +2276,9 @@ } }, "node_modules/@babel/plugin-transform-member-expression-literals": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.22.5.tgz", - "integrity": "sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.23.3.tgz", + "integrity": "sha512-sC3LdDBDi5x96LA+Ytekz2ZPk8i/Ck+DEuDbRAll5rknJ5XRTSaPKEYwomLcs1AA8wg9b3KjIQRsnApj+q51Ag==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -2005,12 +2291,12 @@ } }, "node_modules/@babel/plugin-transform-modules-amd": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.22.5.tgz", - "integrity": "sha512-R+PTfLTcYEmb1+kK7FNkhQ1gP4KgjpSO6HfH9+f8/yfp2Nt3ggBjiVpRwmwTlfqZLafYKJACy36yDXlEmI9HjQ==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.23.3.tgz", + "integrity": "sha512-vJYQGxeKM4t8hYCKVBlZX/gtIY2I7mRGFNcm85sgXGMTBcoV3QdVtdpbcWEbzbfUIUZKwvgFT82mRvaQIebZzw==", "dev": true, "dependencies": { - "@babel/helper-module-transforms": "^7.22.5", + "@babel/helper-module-transforms": "^7.23.3", "@babel/helper-plugin-utils": "^7.22.5" }, "engines": { @@ -2021,12 +2307,12 @@ } }, "node_modules/@babel/plugin-transform-modules-commonjs": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.22.5.tgz", - "integrity": "sha512-B4pzOXj+ONRmuaQTg05b3y/4DuFz3WcCNAXPLb2Q0GT0TrGKGxNKV4jwsXts+StaM0LQczZbOpj8o1DLPDJIiA==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.23.3.tgz", + "integrity": "sha512-aVS0F65LKsdNOtcz6FRCpE4OgsP2OFnW46qNxNIX9h3wuzaNcSQsJysuMwqSibC98HPrf2vCgtxKNwS0DAlgcA==", "dev": true, "dependencies": { - "@babel/helper-module-transforms": "^7.22.5", + "@babel/helper-module-transforms": "^7.23.3", "@babel/helper-plugin-utils": "^7.22.5", "@babel/helper-simple-access": "^7.22.5" }, @@ -2038,15 +2324,15 @@ } }, "node_modules/@babel/plugin-transform-modules-systemjs": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.22.5.tgz", - "integrity": "sha512-emtEpoaTMsOs6Tzz+nbmcePl6AKVtS1yC4YNAeMun9U8YCsgadPNxnOPQ8GhHFB2qdx+LZu9LgoC0Lthuu05DQ==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.23.3.tgz", + "integrity": "sha512-ZxyKGTkF9xT9YJuKQRo19ewf3pXpopuYQd8cDXqNzc3mUNbOME0RKMoZxviQk74hwzfQsEe66dE92MaZbdHKNQ==", "dev": true, "dependencies": { "@babel/helper-hoist-variables": "^7.22.5", - "@babel/helper-module-transforms": "^7.22.5", + "@babel/helper-module-transforms": "^7.23.3", "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-validator-identifier": "^7.22.5" + "@babel/helper-validator-identifier": "^7.22.20" }, "engines": { "node": ">=6.9.0" @@ -2056,12 +2342,12 @@ } }, "node_modules/@babel/plugin-transform-modules-umd": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.22.5.tgz", - "integrity": "sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.23.3.tgz", + "integrity": "sha512-zHsy9iXX2nIsCBFPud3jKn1IRPWg3Ing1qOZgeKV39m1ZgIdpJqvlWVeiHBZC6ITRG0MfskhYe9cLgntfSFPIg==", "dev": true, "dependencies": { - "@babel/helper-module-transforms": "^7.22.5", + "@babel/helper-module-transforms": "^7.23.3", "@babel/helper-plugin-utils": "^7.22.5" }, "engines": { @@ -2088,9 +2374,9 @@ } }, "node_modules/@babel/plugin-transform-new-target": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.22.5.tgz", - "integrity": "sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.23.3.tgz", + "integrity": "sha512-YJ3xKqtJMAT5/TIZnpAR3I+K+WaDowYbN3xyxI8zxx/Gsypwf9B9h0VB+1Nh6ACAAPRS5NSRje0uVv5i79HYGQ==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -2103,9 +2389,9 @@ } }, "node_modules/@babel/plugin-transform-nullish-coalescing-operator": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.5.tgz", - "integrity": "sha512-6CF8g6z1dNYZ/VXok5uYkkBBICHZPiGEl7oDnAx2Mt1hlHVHOSIKWJaXHjQJA5VB43KZnXZDIexMchY4y2PGdA==", + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.23.4.tgz", + "integrity": "sha512-jHE9EVVqHKAQx+VePv5LLGHjmHSJR76vawFPTdlxR/LVJPfOEGxREQwQfjuZEOPTwG92X3LINSh3M40Rv4zpVA==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5", @@ -2119,9 +2405,9 @@ } }, "node_modules/@babel/plugin-transform-numeric-separator": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.5.tgz", - "integrity": "sha512-NbslED1/6M+sXiwwtcAB/nieypGw02Ejf4KtDeMkCEpP6gWFMX1wI9WKYua+4oBneCCEmulOkRpwywypVZzs/g==", + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.23.4.tgz", + "integrity": "sha512-mps6auzgwjRrwKEZA05cOwuDc9FAzoyFS4ZsG/8F43bTLf/TgkJg7QXOrPO1JO599iA3qgK9MXdMGOEC8O1h6Q==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5", @@ -2135,16 +2421,16 @@ } }, "node_modules/@babel/plugin-transform-object-rest-spread": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.5.tgz", - "integrity": "sha512-Kk3lyDmEslH9DnvCDA1s1kkd3YWQITiBOHngOtDL9Pt6BZjzqb6hiOlb8VfjiiQJ2unmegBqZu0rx5RxJb5vmQ==", + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.23.4.tgz", + "integrity": "sha512-9x9K1YyeQVw0iOXJlIzwm8ltobIIv7j2iLyP2jIhEbqPRQ7ScNgwQufU2I0Gq11VjyG4gI4yMXt2VFags+1N3g==", "dev": true, "dependencies": { - "@babel/compat-data": "^7.22.5", - "@babel/helper-compilation-targets": "^7.22.5", + "@babel/compat-data": "^7.23.3", + "@babel/helper-compilation-targets": "^7.22.15", "@babel/helper-plugin-utils": "^7.22.5", "@babel/plugin-syntax-object-rest-spread": "^7.8.3", - "@babel/plugin-transform-parameters": "^7.22.5" + "@babel/plugin-transform-parameters": "^7.23.3" }, "engines": { "node": ">=6.9.0" @@ -2154,13 +2440,13 @@ } }, "node_modules/@babel/plugin-transform-object-super": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.22.5.tgz", - "integrity": "sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.23.3.tgz", + "integrity": "sha512-BwQ8q0x2JG+3lxCVFohg+KbQM7plfpBwThdW9A6TMtWwLsbDA01Ek2Zb/AgDN39BiZsExm4qrXxjk+P1/fzGrA==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-replace-supers": "^7.22.5" + "@babel/helper-replace-supers": "^7.22.20" }, "engines": { "node": ">=6.9.0" @@ -2170,9 +2456,9 @@ } }, "node_modules/@babel/plugin-transform-optional-catch-binding": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.5.tgz", - "integrity": "sha512-pH8orJahy+hzZje5b8e2QIlBWQvGpelS76C63Z+jhZKsmzfNaPQ+LaW6dcJ9bxTpo1mtXbgHwy765Ro3jftmUg==", + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.23.4.tgz", + "integrity": "sha512-XIq8t0rJPHf6Wvmbn9nFxU6ao4c7WhghTR5WyV8SrJfUFzyxhCm4nhC+iAp3HFhbAKLfYpgzhJ6t4XCtVwqO5A==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5", @@ -2186,9 +2472,9 @@ } }, "node_modules/@babel/plugin-transform-optional-chaining": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.22.10.tgz", - "integrity": "sha512-MMkQqZAZ+MGj+jGTG3OTuhKeBpNcO+0oCEbrGNEaOmiEn+1MzRyQlYsruGiU8RTK3zV6XwrVJTmwiDOyYK6J9g==", + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.23.4.tgz", + "integrity": "sha512-ZU8y5zWOfjM5vZ+asjgAPwDaBjJzgufjES89Rs4Lpq63O300R/kOz30WCLo6BxxX6QVEilwSlpClnG5cZaikTA==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5", @@ -2203,9 +2489,9 @@ } }, "node_modules/@babel/plugin-transform-parameters": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.5.tgz", - "integrity": "sha512-AVkFUBurORBREOmHRKo06FjHYgjrabpdqRSwq6+C7R5iTCZOsM4QbcB27St0a4U6fffyAOqh3s/qEfybAhfivg==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.23.3.tgz", + "integrity": "sha512-09lMt6UsUb3/34BbECKVbVwrT9bO6lILWln237z7sLaWnMsTi7Yc9fhX5DLpkJzAGfaReXI22wP41SZmnAA3Vw==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -2218,12 +2504,12 @@ } }, "node_modules/@babel/plugin-transform-private-methods": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.22.5.tgz", - "integrity": "sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.23.3.tgz", + "integrity": "sha512-UzqRcRtWsDMTLrRWFvUBDwmw06tCQH9Rl1uAjfh6ijMSmGYQ+fpdB+cnqRC8EMh5tuuxSv0/TejGL+7vyj+50g==", "dev": true, "dependencies": { - "@babel/helper-create-class-features-plugin": "^7.22.5", + "@babel/helper-create-class-features-plugin": "^7.22.15", "@babel/helper-plugin-utils": "^7.22.5" }, "engines": { @@ -2234,13 +2520,13 @@ } }, "node_modules/@babel/plugin-transform-private-property-in-object": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.5.tgz", - "integrity": "sha512-/9xnaTTJcVoBtSSmrVyhtSvO3kbqS2ODoh2juEU72c3aYonNF0OMGiaz2gjukyKM2wBBYJP38S4JiE0Wfb5VMQ==", + "version": "7.23.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.23.4.tgz", + "integrity": "sha512-9G3K1YqTq3F4Vt88Djx1UZ79PDyj+yKRnUy7cZGSMe+a7jkwD259uKKuUzQlPkGam7R+8RJwh5z4xO27fA1o2A==", "dev": true, "dependencies": { "@babel/helper-annotate-as-pure": "^7.22.5", - "@babel/helper-create-class-features-plugin": "^7.22.5", + "@babel/helper-create-class-features-plugin": "^7.22.15", "@babel/helper-plugin-utils": "^7.22.5", "@babel/plugin-syntax-private-property-in-object": "^7.14.5" }, @@ -2252,9 +2538,9 @@ } }, "node_modules/@babel/plugin-transform-property-literals": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.22.5.tgz", - "integrity": "sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.23.3.tgz", + "integrity": "sha512-jR3Jn3y7cZp4oEWPFAlRsSWjxKe4PZILGBSd4nis1TsC5qeSpb+nrtihJuDhNI7QHiVbUaiXa0X2RZY3/TI6Nw==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -2267,9 +2553,9 @@ } }, "node_modules/@babel/plugin-transform-regenerator": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.10.tgz", - "integrity": "sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.23.3.tgz", + "integrity": "sha512-KP+75h0KghBMcVpuKisx3XTu9Ncut8Q8TuvGO4IhY+9D5DFEckQefOuIsB/gQ2tG71lCke4NMrtIPS8pOj18BQ==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5", @@ -2283,9 +2569,9 @@ } }, "node_modules/@babel/plugin-transform-reserved-words": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.22.5.tgz", - "integrity": "sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.23.3.tgz", + "integrity": "sha512-QnNTazY54YqgGxwIexMZva9gqbPa15t/x9VS+0fsEFWplwVpXYZivtgl43Z1vMpc1bdPP2PP8siFeVcnFvA3Cg==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -2298,16 +2584,16 @@ } }, "node_modules/@babel/plugin-transform-runtime": { - "version": "7.22.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.22.9.tgz", - "integrity": "sha512-9KjBH61AGJetCPYp/IEyLEp47SyybZb0nDRpBvmtEkm+rUIwxdlKpyNHI1TmsGkeuLclJdleQHRZ8XLBnnh8CQ==", + "version": "7.23.2", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.2.tgz", + "integrity": "sha512-XOntj6icgzMS58jPVtQpiuF6ZFWxQiJavISGx5KGjRj+3gqZr8+N6Kx+N9BApWzgS+DOjIZfXXj0ZesenOWDyA==", "dev": true, "dependencies": { - "@babel/helper-module-imports": "^7.22.5", + "@babel/helper-module-imports": "^7.22.15", "@babel/helper-plugin-utils": "^7.22.5", - "babel-plugin-polyfill-corejs2": "^0.4.4", - "babel-plugin-polyfill-corejs3": "^0.8.2", - "babel-plugin-polyfill-regenerator": "^0.5.1", + "babel-plugin-polyfill-corejs2": "^0.4.6", + "babel-plugin-polyfill-corejs3": "^0.8.5", + "babel-plugin-polyfill-regenerator": "^0.5.3", "semver": "^6.3.1" }, "engines": { @@ -2327,9 +2613,9 @@ } }, "node_modules/@babel/plugin-transform-shorthand-properties": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.22.5.tgz", - "integrity": "sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.23.3.tgz", + "integrity": "sha512-ED2fgqZLmexWiN+YNFX26fx4gh5qHDhn1O2gvEhreLW2iI63Sqm4llRLCXALKrCnbN4Jy0VcMQZl/SAzqug/jg==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -2342,9 +2628,9 @@ } }, "node_modules/@babel/plugin-transform-spread": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.22.5.tgz", - "integrity": "sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.23.3.tgz", + "integrity": "sha512-VvfVYlrlBVu+77xVTOAoxQ6mZbnIq5FM0aGBSFEcIh03qHf+zNqA4DC/3XMUozTg7bZV3e3mZQ0i13VB6v5yUg==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5", @@ -2358,9 +2644,9 @@ } }, "node_modules/@babel/plugin-transform-sticky-regex": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.22.5.tgz", - "integrity": "sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.23.3.tgz", + "integrity": "sha512-HZOyN9g+rtvnOU3Yh7kSxXrKbzgrm5X4GncPY1QOquu7epga5MxKHVpYu2hvQnry/H+JjckSYRb93iNfsioAGg==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -2373,9 +2659,9 @@ } }, "node_modules/@babel/plugin-transform-template-literals": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.22.5.tgz", - "integrity": "sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.23.3.tgz", + "integrity": "sha512-Flok06AYNp7GV2oJPZZcP9vZdszev6vPBkHLwxwSpaIqx75wn6mUd3UFWsSsA0l8nXAKkyCmL/sR02m8RYGeHg==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -2388,9 +2674,9 @@ } }, "node_modules/@babel/plugin-transform-typeof-symbol": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.22.5.tgz", - "integrity": "sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.23.3.tgz", + "integrity": "sha512-4t15ViVnaFdrPC74be1gXBSMzXk3B4Us9lP7uLRQHTFpV5Dvt33pn+2MyyNxmN3VTTm3oTrZVMUmuw3oBnQ2oQ==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -2403,9 +2689,9 @@ } }, "node_modules/@babel/plugin-transform-unicode-escapes": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.10.tgz", - "integrity": "sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.23.3.tgz", + "integrity": "sha512-OMCUx/bU6ChE3r4+ZdylEqAjaQgHAgipgW8nsCfu5pGqDcFytVd91AwRvUJSBZDz0exPGgnjoqhgRYLRjFZc9Q==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.22.5" @@ -2418,12 +2704,12 @@ } }, "node_modules/@babel/plugin-transform-unicode-property-regex": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.22.5.tgz", - "integrity": "sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.23.3.tgz", + "integrity": "sha512-KcLIm+pDZkWZQAFJ9pdfmh89EwVfmNovFBcXko8szpBeF8z68kWIPeKlmSOkT9BXJxs2C0uk+5LxoxIv62MROA==", "dev": true, "dependencies": { - "@babel/helper-create-regexp-features-plugin": "^7.22.5", + "@babel/helper-create-regexp-features-plugin": "^7.22.15", "@babel/helper-plugin-utils": "^7.22.5" }, "engines": { @@ -2434,12 +2720,12 @@ } }, "node_modules/@babel/plugin-transform-unicode-regex": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.22.5.tgz", - "integrity": "sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.23.3.tgz", + "integrity": "sha512-wMHpNA4x2cIA32b/ci3AfwNgheiva2W0WUKWTK7vBHBhDKfPsc5cFGNWm69WBqpwd86u1qwZ9PWevKqm1A3yAw==", "dev": true, "dependencies": { - "@babel/helper-create-regexp-features-plugin": "^7.22.5", + "@babel/helper-create-regexp-features-plugin": "^7.22.15", "@babel/helper-plugin-utils": "^7.22.5" }, "engines": { @@ -2450,12 +2736,12 @@ } }, "node_modules/@babel/plugin-transform-unicode-sets-regex": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.22.5.tgz", - "integrity": "sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg==", + "version": "7.23.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.23.3.tgz", + "integrity": "sha512-W7lliA/v9bNR83Qc3q1ip9CQMZ09CcHDbHfbLRDNuAhn1Mvkr1ZNF7hPmztMQvtTGVLJ9m8IZqWsTkXOml8dbw==", "dev": true, "dependencies": { - "@babel/helper-create-regexp-features-plugin": "^7.22.5", + "@babel/helper-create-regexp-features-plugin": "^7.22.15", "@babel/helper-plugin-utils": "^7.22.5" }, "engines": { @@ -2466,17 +2752,17 @@ } }, "node_modules/@babel/preset-env": { - "version": "7.22.9", - "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.22.9.tgz", - "integrity": "sha512-wNi5H/Emkhll/bqPjsjQorSykrlfY5OWakd6AulLvMEytpKasMVUpVy8RL4qBIBs5Ac6/5i0/Rv0b/Fg6Eag/g==", + "version": "7.23.2", + "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.2.tgz", + "integrity": "sha512-BW3gsuDD+rvHL2VO2SjAUNTBe5YrjsTiDyqamPDWY723na3/yPQ65X5oQkFVJZ0o50/2d+svm1rkPoJeR1KxVQ==", "dev": true, "dependencies": { - "@babel/compat-data": "^7.22.9", - "@babel/helper-compilation-targets": "^7.22.9", + "@babel/compat-data": "^7.23.2", + "@babel/helper-compilation-targets": "^7.22.15", "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-validator-option": "^7.22.5", - "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.22.5", - "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.22.5", + "@babel/helper-validator-option": "^7.22.15", + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.22.15", + "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.22.15", "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2", "@babel/plugin-syntax-async-generators": "^7.8.4", "@babel/plugin-syntax-class-properties": "^7.12.13", @@ -2497,58 +2783,58 @@ "@babel/plugin-syntax-top-level-await": "^7.14.5", "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6", "@babel/plugin-transform-arrow-functions": "^7.22.5", - "@babel/plugin-transform-async-generator-functions": "^7.22.7", + "@babel/plugin-transform-async-generator-functions": "^7.23.2", "@babel/plugin-transform-async-to-generator": "^7.22.5", "@babel/plugin-transform-block-scoped-functions": "^7.22.5", - "@babel/plugin-transform-block-scoping": "^7.22.5", + "@babel/plugin-transform-block-scoping": "^7.23.0", "@babel/plugin-transform-class-properties": "^7.22.5", - "@babel/plugin-transform-class-static-block": "^7.22.5", - "@babel/plugin-transform-classes": "^7.22.6", + "@babel/plugin-transform-class-static-block": "^7.22.11", + "@babel/plugin-transform-classes": "^7.22.15", "@babel/plugin-transform-computed-properties": "^7.22.5", - "@babel/plugin-transform-destructuring": "^7.22.5", + "@babel/plugin-transform-destructuring": "^7.23.0", "@babel/plugin-transform-dotall-regex": "^7.22.5", "@babel/plugin-transform-duplicate-keys": "^7.22.5", - "@babel/plugin-transform-dynamic-import": "^7.22.5", + "@babel/plugin-transform-dynamic-import": "^7.22.11", "@babel/plugin-transform-exponentiation-operator": "^7.22.5", - "@babel/plugin-transform-export-namespace-from": "^7.22.5", - "@babel/plugin-transform-for-of": "^7.22.5", + "@babel/plugin-transform-export-namespace-from": "^7.22.11", + "@babel/plugin-transform-for-of": "^7.22.15", "@babel/plugin-transform-function-name": "^7.22.5", - "@babel/plugin-transform-json-strings": "^7.22.5", + "@babel/plugin-transform-json-strings": "^7.22.11", "@babel/plugin-transform-literals": "^7.22.5", - "@babel/plugin-transform-logical-assignment-operators": "^7.22.5", + "@babel/plugin-transform-logical-assignment-operators": "^7.22.11", "@babel/plugin-transform-member-expression-literals": "^7.22.5", - "@babel/plugin-transform-modules-amd": "^7.22.5", - "@babel/plugin-transform-modules-commonjs": "^7.22.5", - "@babel/plugin-transform-modules-systemjs": "^7.22.5", + "@babel/plugin-transform-modules-amd": "^7.23.0", + "@babel/plugin-transform-modules-commonjs": "^7.23.0", + "@babel/plugin-transform-modules-systemjs": "^7.23.0", "@babel/plugin-transform-modules-umd": "^7.22.5", "@babel/plugin-transform-named-capturing-groups-regex": "^7.22.5", "@babel/plugin-transform-new-target": "^7.22.5", - "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.5", - "@babel/plugin-transform-numeric-separator": "^7.22.5", - "@babel/plugin-transform-object-rest-spread": "^7.22.5", + "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.11", + "@babel/plugin-transform-numeric-separator": "^7.22.11", + "@babel/plugin-transform-object-rest-spread": "^7.22.15", "@babel/plugin-transform-object-super": "^7.22.5", - "@babel/plugin-transform-optional-catch-binding": "^7.22.5", - "@babel/plugin-transform-optional-chaining": "^7.22.6", - "@babel/plugin-transform-parameters": "^7.22.5", + "@babel/plugin-transform-optional-catch-binding": "^7.22.11", + "@babel/plugin-transform-optional-chaining": "^7.23.0", + "@babel/plugin-transform-parameters": "^7.22.15", "@babel/plugin-transform-private-methods": "^7.22.5", - "@babel/plugin-transform-private-property-in-object": "^7.22.5", + "@babel/plugin-transform-private-property-in-object": "^7.22.11", "@babel/plugin-transform-property-literals": "^7.22.5", - "@babel/plugin-transform-regenerator": "^7.22.5", + "@babel/plugin-transform-regenerator": "^7.22.10", "@babel/plugin-transform-reserved-words": "^7.22.5", "@babel/plugin-transform-shorthand-properties": "^7.22.5", "@babel/plugin-transform-spread": "^7.22.5", "@babel/plugin-transform-sticky-regex": "^7.22.5", "@babel/plugin-transform-template-literals": "^7.22.5", "@babel/plugin-transform-typeof-symbol": "^7.22.5", - "@babel/plugin-transform-unicode-escapes": "^7.22.5", + "@babel/plugin-transform-unicode-escapes": "^7.22.10", "@babel/plugin-transform-unicode-property-regex": "^7.22.5", "@babel/plugin-transform-unicode-regex": "^7.22.5", "@babel/plugin-transform-unicode-sets-regex": "^7.22.5", - "@babel/preset-modules": "^0.1.5", - "@babel/types": "^7.22.5", - "babel-plugin-polyfill-corejs2": "^0.4.4", - "babel-plugin-polyfill-corejs3": "^0.8.2", - "babel-plugin-polyfill-regenerator": "^0.5.1", + "@babel/preset-modules": "0.1.6-no-external-plugins", + "@babel/types": "^7.23.0", + "babel-plugin-polyfill-corejs2": "^0.4.6", + "babel-plugin-polyfill-corejs3": "^0.8.5", + "babel-plugin-polyfill-regenerator": "^0.5.3", "core-js-compat": "^3.31.0", "semver": "^6.3.1" }, @@ -2569,14 +2855,12 @@ } }, "node_modules/@babel/preset-modules": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6.tgz", - "integrity": "sha512-ID2yj6K/4lKfhuU3+EX4UvNbIt7eACFbHmNUjzA+ep+B5971CknnA/9DEWKbRokfbbtblxxxXFJJrH47UEAMVg==", + "version": "0.1.6-no-external-plugins", + "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz", + "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.0.0", - "@babel/plugin-proposal-unicode-property-regex": "^7.4.4", - "@babel/plugin-transform-dotall-regex": "^7.4.4", "@babel/types": "^7.4.4", "esutils": "^2.0.2" }, @@ -2591,45 +2875,45 @@ "dev": true }, "node_modules/@babel/runtime": { - "version": "7.22.6", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.6.tgz", - "integrity": "sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==", + "version": "7.23.2", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz", + "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==", "dev": true, "dependencies": { - "regenerator-runtime": "^0.13.11" + "regenerator-runtime": "^0.14.0" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/template": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.5.tgz", - "integrity": "sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==", + "version": "7.22.15", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz", + "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==", "dev": true, "dependencies": { - "@babel/code-frame": "^7.22.5", - "@babel/parser": "^7.22.5", - "@babel/types": "^7.22.5" + "@babel/code-frame": "^7.22.13", + "@babel/parser": "^7.22.15", + "@babel/types": "^7.22.15" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/traverse": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.10.tgz", - "integrity": "sha512-Q/urqV4pRByiNNpb/f5OSv28ZlGJiFiiTh+GAHktbIrkPhPbl90+uW6SmpoLyZqutrg9AEaEf3Q/ZBRHBXgxig==", + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.5.tgz", + "integrity": "sha512-czx7Xy5a6sapWWRx61m1Ke1Ra4vczu1mCTtJam5zRTBOonfdJ+S/B6HYmGYu3fJtr8GGET3si6IhgWVBhJ/m8w==", "dev": true, "dependencies": { - "@babel/code-frame": "^7.22.10", - "@babel/generator": "^7.22.10", - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-function-name": "^7.22.5", + "@babel/code-frame": "^7.23.5", + "@babel/generator": "^7.23.5", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-function-name": "^7.23.0", "@babel/helper-hoist-variables": "^7.22.5", "@babel/helper-split-export-declaration": "^7.22.6", - "@babel/parser": "^7.22.10", - "@babel/types": "^7.22.10", + "@babel/parser": "^7.23.5", + "@babel/types": "^7.23.5", "debug": "^4.1.0", "globals": "^11.1.0" }, @@ -2638,12 +2922,12 @@ } }, "node_modules/@babel/traverse/node_modules/@babel/generator": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.22.10.tgz", - "integrity": "sha512-79KIf7YiWjjdZ81JnLujDRApWtl7BxTqWD88+FFdQEIOG8LJ0etDOM7CXuIgGJa55sGOwZVwuEsaLEm0PJ5/+A==", + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.5.tgz", + "integrity": "sha512-BPssCHrBD+0YrxviOa3QzpqwhNIXKEtOa2jQrm4FlmkC2apYgRnQcmPWiGZDlGxiNtltnUFolMe8497Esry+jA==", "dev": true, "dependencies": { - "@babel/types": "^7.22.10", + "@babel/types": "^7.23.5", "@jridgewell/gen-mapping": "^0.3.2", "@jridgewell/trace-mapping": "^0.3.17", "jsesc": "^2.5.1" @@ -2653,13 +2937,13 @@ } }, "node_modules/@babel/types": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.22.10.tgz", - "integrity": "sha512-obaoigiLrlDZ7TUQln/8m4mSqIW2QFeOrCQc9r+xsaHGNoplVNYlRVpsfE8Vj35GEm2ZH4ZhrNYogs/3fj85kg==", + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.5.tgz", + "integrity": "sha512-ON5kSOJwVO6xXVRTvOI0eOnWe7VdUcIpsovGo9U/Br4Ie4UVFQTboO2cYnDhAGU6Fp+UxSiT+pMft0SMHfuq6w==", "dev": true, "dependencies": { - "@babel/helper-string-parser": "^7.22.5", - "@babel/helper-validator-identifier": "^7.22.5", + "@babel/helper-string-parser": "^7.23.4", + "@babel/helper-validator-identifier": "^7.22.20", "to-fast-properties": "^2.0.0" }, "engines": { @@ -2675,6 +2959,28 @@ "node": ">=0.1.90" } }, + "node_modules/@cspotcode/source-map-support": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz", + "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==", + "dev": true, + "dependencies": { + "@jridgewell/trace-mapping": "0.3.9" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/@cspotcode/source-map-support/node_modules/@jridgewell/trace-mapping": { + "version": "0.3.9", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz", + "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==", + "dev": true, + "dependencies": { + "@jridgewell/resolve-uri": "^3.0.3", + "@jridgewell/sourcemap-codec": "^1.4.10" + } + }, "node_modules/@discoveryjs/json-ext": { "version": "0.5.7", "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz", @@ -2685,33 +2991,37 @@ } }, "node_modules/@docsearch/css": { - "version": "3.5.1", - "resolved": "https://registry.npmjs.org/@docsearch/css/-/css-3.5.1.tgz", - "integrity": "sha512-2Pu9HDg/uP/IT10rbQ+4OrTQuxIWdKVUEdcw9/w7kZJv9NeHS6skJx1xuRiFyoGKwAzcHXnLp7csE99sj+O1YA==" + "version": "3.5.2", + "resolved": "https://registry.npmjs.org/@docsearch/css/-/css-3.5.2.tgz", + "integrity": "sha512-SPiDHaWKQZpwR2siD0KQUwlStvIAnEyK6tAE2h2Wuoq8ue9skzhlyVQ1ddzOxX6khULnAALDiR/isSF3bnuciA==", + "dev": true }, "node_modules/@docsearch/js": { - "version": "3.5.1", - "resolved": "https://registry.npmjs.org/@docsearch/js/-/js-3.5.1.tgz", - "integrity": "sha512-EXi8de5njxgP6TV3N9ytnGRLG9zmBNTEZjR4VzwPcpPLbZxxTLG2gaFyJyKiFVQxHW/DPlMrDJA3qoRRGEkgZw==", + "version": "3.5.2", + "resolved": "https://registry.npmjs.org/@docsearch/js/-/js-3.5.2.tgz", + "integrity": "sha512-p1YFTCDflk8ieHgFJYfmyHBki1D61+U9idwrLh+GQQMrBSP3DLGKpy0XUJtPjAOPltcVbqsTjiPFfH7JImjUNg==", + "dev": true, "dependencies": { - "@docsearch/react": "3.5.1", + "@docsearch/react": "3.5.2", "preact": "^10.0.0" } }, "node_modules/@docsearch/react": { - "version": "3.5.1", - "resolved": "https://registry.npmjs.org/@docsearch/react/-/react-3.5.1.tgz", - "integrity": "sha512-t5mEODdLzZq4PTFAm/dvqcvZFdPDMdfPE5rJS5SC8OUq9mPzxEy6b+9THIqNM9P0ocCb4UC5jqBrxKclnuIbzQ==", + "version": "3.5.2", + "resolved": "https://registry.npmjs.org/@docsearch/react/-/react-3.5.2.tgz", + "integrity": "sha512-9Ahcrs5z2jq/DcAvYtvlqEBHImbm4YJI8M9y0x6Tqg598P40HTEkX7hsMcIuThI+hTFxRGZ9hll0Wygm2yEjng==", + "dev": true, "dependencies": { "@algolia/autocomplete-core": "1.9.3", "@algolia/autocomplete-preset-algolia": "1.9.3", - "@docsearch/css": "3.5.1", - "algoliasearch": "^4.0.0" + "@docsearch/css": "3.5.2", + "algoliasearch": "^4.19.1" }, "peerDependencies": { "@types/react": ">= 16.8.0 < 19.0.0", "react": ">= 16.8.0 < 19.0.0", - "react-dom": ">= 16.8.0 < 19.0.0" + "react-dom": ">= 16.8.0 < 19.0.0", + "search-insights": ">= 1 < 3" }, "peerDependenciesMeta": { "@types/react": { @@ -2722,16 +3032,19 @@ }, "react-dom": { "optional": true + }, + "search-insights": { + "optional": true } } }, "node_modules/@es-joy/jsdoccomment": { - "version": "0.40.1", - "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.40.1.tgz", - "integrity": "sha512-YORCdZSusAlBrFpZ77pJjc5r1bQs5caPWtAu+WWmiSo+8XaUzseapVrfAtiRFbQWnrBxxLLEwF6f6ZG/UgCQCg==", + "version": "0.41.0", + "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.41.0.tgz", + "integrity": "sha512-aKUhyn1QI5Ksbqcr3fFJj16p99QdjUxXAEuFst1Z47DRyoiMwivIH9MV/ARcJOCXVjPfjITciej8ZD2O/6qUmw==", "dev": true, "dependencies": { - "comment-parser": "1.4.0", + "comment-parser": "1.4.1", "esquery": "^1.5.0", "jsdoc-type-pratt-parser": "~4.0.0" }, @@ -2740,9 +3053,9 @@ } }, "node_modules/@esbuild/android-arm": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.17.tgz", - "integrity": "sha512-wHsmJG/dnL3OkpAcwbgoBTTMHVi4Uyou3F5mf58ZtmUyIKfcdA7TROav/6tCzET4A3QW2Q2FC+eFneMU+iyOxg==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.8.tgz", + "integrity": "sha512-31E2lxlGM1KEfivQl8Yf5aYU/mflz9g06H6S15ITUFQueMFtFjESRMoDSkvMo8thYvLBax+VKTPlpnx+sPicOA==", "cpu": [ "arm" ], @@ -2756,9 +3069,9 @@ } }, "node_modules/@esbuild/android-arm64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.17.tgz", - "integrity": "sha512-9np+YYdNDed5+Jgr1TdWBsozZ85U1Oa3xW0c7TWqH0y2aGghXtZsuT8nYRbzOMcl0bXZXjOGbksoTtVOlWrRZg==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.8.tgz", + "integrity": "sha512-B8JbS61bEunhfx8kasogFENgQfr/dIp+ggYXwTqdbMAgGDhRa3AaPpQMuQU0rNxDLECj6FhDzk1cF9WHMVwrtA==", "cpu": [ "arm64" ], @@ -2772,9 +3085,9 @@ } }, "node_modules/@esbuild/android-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.17.tgz", - "integrity": "sha512-O+FeWB/+xya0aLg23hHEM2E3hbfwZzjqumKMSIqcHbNvDa+dza2D0yLuymRBQQnC34CWrsJUXyH2MG5VnLd6uw==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.8.tgz", + "integrity": "sha512-rdqqYfRIn4jWOp+lzQttYMa2Xar3OK9Yt2fhOhzFXqg0rVWEfSclJvZq5fZslnz6ypHvVf3CT7qyf0A5pM682A==", "cpu": [ "x64" ], @@ -2788,9 +3101,9 @@ } }, "node_modules/@esbuild/darwin-arm64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.17.tgz", - "integrity": "sha512-M9uJ9VSB1oli2BE/dJs3zVr9kcCBBsE883prage1NWz6pBS++1oNn/7soPNS3+1DGj0FrkSvnED4Bmlu1VAE9g==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.8.tgz", + "integrity": "sha512-RQw9DemMbIq35Bprbboyf8SmOr4UXsRVxJ97LgB55VKKeJOOdvsIPy0nFyF2l8U+h4PtBx/1kRf0BelOYCiQcw==", "cpu": [ "arm64" ], @@ -2804,9 +3117,9 @@ } }, "node_modules/@esbuild/darwin-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.17.tgz", - "integrity": "sha512-XDre+J5YeIJDMfp3n0279DFNrGCXlxOuGsWIkRb1NThMZ0BsrWXoTg23Jer7fEXQ9Ye5QjrvXpxnhzl3bHtk0g==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.8.tgz", + "integrity": "sha512-3sur80OT9YdeZwIVgERAysAbwncom7b4bCI2XKLjMfPymTud7e/oY4y+ci1XVp5TfQp/bppn7xLw1n/oSQY3/Q==", "cpu": [ "x64" ], @@ -2820,9 +3133,9 @@ } }, "node_modules/@esbuild/freebsd-arm64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.17.tgz", - "integrity": "sha512-cjTzGa3QlNfERa0+ptykyxs5A6FEUQQF0MuilYXYBGdBxD3vxJcKnzDlhDCa1VAJCmAxed6mYhA2KaJIbtiNuQ==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.8.tgz", + "integrity": "sha512-WAnPJSDattvS/XtPCTj1tPoTxERjcTpH6HsMr6ujTT+X6rylVe8ggxk8pVxzf5U1wh5sPODpawNicF5ta/9Tmw==", "cpu": [ "arm64" ], @@ -2836,9 +3149,9 @@ } }, "node_modules/@esbuild/freebsd-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.17.tgz", - "integrity": "sha512-sOxEvR8d7V7Kw8QqzxWc7bFfnWnGdaFBut1dRUYtu+EIRXefBc/eIsiUiShnW0hM3FmQ5Zf27suDuHsKgZ5QrA==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.8.tgz", + "integrity": "sha512-ICvZyOplIjmmhjd6mxi+zxSdpPTKFfyPPQMQTK/w+8eNK6WV01AjIztJALDtwNNfFhfZLux0tZLC+U9nSyA5Zg==", "cpu": [ "x64" ], @@ -2852,9 +3165,9 @@ } }, "node_modules/@esbuild/linux-arm": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.17.tgz", - "integrity": "sha512-2d3Lw6wkwgSLC2fIvXKoMNGVaeY8qdN0IC3rfuVxJp89CRfA3e3VqWifGDfuakPmp90+ZirmTfye1n4ncjv2lg==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.8.tgz", + "integrity": "sha512-H4vmI5PYqSvosPaTJuEppU9oz1dq2A7Mr2vyg5TF9Ga+3+MGgBdGzcyBP7qK9MrwFQZlvNyJrvz6GuCaj3OukQ==", "cpu": [ "arm" ], @@ -2868,9 +3181,9 @@ } }, "node_modules/@esbuild/linux-arm64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.17.tgz", - "integrity": "sha512-c9w3tE7qA3CYWjT+M3BMbwMt+0JYOp3vCMKgVBrCl1nwjAlOMYzEo+gG7QaZ9AtqZFj5MbUc885wuBBmu6aADQ==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.8.tgz", + "integrity": "sha512-z1zMZivxDLHWnyGOctT9JP70h0beY54xDDDJt4VpTX+iwA77IFsE1vCXWmprajJGa+ZYSqkSbRQ4eyLCpCmiCQ==", "cpu": [ "arm64" ], @@ -2884,9 +3197,9 @@ } }, "node_modules/@esbuild/linux-ia32": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.17.tgz", - "integrity": "sha512-1DS9F966pn5pPnqXYz16dQqWIB0dmDfAQZd6jSSpiT9eX1NzKh07J6VKR3AoXXXEk6CqZMojiVDSZi1SlmKVdg==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.8.tgz", + "integrity": "sha512-1a8suQiFJmZz1khm/rDglOc8lavtzEMRo0v6WhPgxkrjcU0LkHj+TwBrALwoz/OtMExvsqbbMI0ChyelKabSvQ==", "cpu": [ "ia32" ], @@ -2900,9 +3213,9 @@ } }, "node_modules/@esbuild/linux-loong64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.17.tgz", - "integrity": "sha512-EvLsxCk6ZF0fpCB6w6eOI2Fc8KW5N6sHlIovNe8uOFObL2O+Mr0bflPHyHwLT6rwMg9r77WOAWb2FqCQrVnwFg==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.8.tgz", + "integrity": "sha512-fHZWS2JJxnXt1uYJsDv9+b60WCc2RlvVAy1F76qOLtXRO+H4mjt3Tr6MJ5l7Q78X8KgCFudnTuiQRBhULUyBKQ==", "cpu": [ "loong64" ], @@ -2916,9 +3229,9 @@ } }, "node_modules/@esbuild/linux-mips64el": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.17.tgz", - "integrity": "sha512-e0bIdHA5p6l+lwqTE36NAW5hHtw2tNRmHlGBygZC14QObsA3bD4C6sXLJjvnDIjSKhW1/0S3eDy+QmX/uZWEYQ==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.8.tgz", + "integrity": "sha512-Wy/z0EL5qZYLX66dVnEg9riiwls5IYnziwuju2oUiuxVc+/edvqXa04qNtbrs0Ukatg5HEzqT94Zs7J207dN5Q==", "cpu": [ "mips64el" ], @@ -2932,9 +3245,9 @@ } }, "node_modules/@esbuild/linux-ppc64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.17.tgz", - "integrity": "sha512-BAAilJ0M5O2uMxHYGjFKn4nJKF6fNCdP1E0o5t5fvMYYzeIqy2JdAP88Az5LHt9qBoUa4tDaRpfWt21ep5/WqQ==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.8.tgz", + "integrity": "sha512-ETaW6245wK23YIEufhMQ3HSeHO7NgsLx8gygBVldRHKhOlD1oNeNy/P67mIh1zPn2Hr2HLieQrt6tWrVwuqrxg==", "cpu": [ "ppc64" ], @@ -2948,9 +3261,9 @@ } }, "node_modules/@esbuild/linux-riscv64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.17.tgz", - "integrity": "sha512-Wh/HW2MPnC3b8BqRSIme/9Zhab36PPH+3zam5pqGRH4pE+4xTrVLx2+XdGp6fVS3L2x+DrsIcsbMleex8fbE6g==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.8.tgz", + "integrity": "sha512-T2DRQk55SgoleTP+DtPlMrxi/5r9AeFgkhkZ/B0ap99zmxtxdOixOMI570VjdRCs9pE4Wdkz7JYrsPvsl7eESg==", "cpu": [ "riscv64" ], @@ -2964,9 +3277,9 @@ } }, "node_modules/@esbuild/linux-s390x": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.17.tgz", - "integrity": "sha512-j/34jAl3ul3PNcK3pfI0NSlBANduT2UO5kZ7FCaK33XFv3chDhICLY8wJJWIhiQ+YNdQ9dxqQctRg2bvrMlYgg==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.8.tgz", + "integrity": "sha512-NPxbdmmo3Bk7mbNeHmcCd7R7fptJaczPYBaELk6NcXxy7HLNyWwCyDJ/Xx+/YcNH7Im5dHdx9gZ5xIwyliQCbg==", "cpu": [ "s390x" ], @@ -2980,9 +3293,9 @@ } }, "node_modules/@esbuild/linux-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.17.tgz", - "integrity": "sha512-QM50vJ/y+8I60qEmFxMoxIx4de03pGo2HwxdBeFd4nMh364X6TIBZ6VQ5UQmPbQWUVWHWws5MmJXlHAXvJEmpQ==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.8.tgz", + "integrity": "sha512-lytMAVOM3b1gPypL2TRmZ5rnXl7+6IIk8uB3eLsV1JwcizuolblXRrc5ShPrO9ls/b+RTp+E6gbsuLWHWi2zGg==", "cpu": [ "x64" ], @@ -2996,9 +3309,9 @@ } }, "node_modules/@esbuild/netbsd-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.17.tgz", - "integrity": "sha512-/jGlhWR7Sj9JPZHzXyyMZ1RFMkNPjC6QIAan0sDOtIo2TYk3tZn5UDrkE0XgsTQCxWTTOcMPf9p6Rh2hXtl5TQ==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.8.tgz", + "integrity": "sha512-hvWVo2VsXz/8NVt1UhLzxwAfo5sioj92uo0bCfLibB0xlOmimU/DeAEsQILlBQvkhrGjamP0/el5HU76HAitGw==", "cpu": [ "x64" ], @@ -3012,9 +3325,9 @@ } }, "node_modules/@esbuild/openbsd-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.17.tgz", - "integrity": "sha512-rSEeYaGgyGGf4qZM2NonMhMOP/5EHp4u9ehFiBrg7stH6BYEEjlkVREuDEcQ0LfIl53OXLxNbfuIj7mr5m29TA==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.8.tgz", + "integrity": "sha512-/7Y7u77rdvmGTxR83PgaSvSBJCC2L3Kb1M/+dmSIvRvQPXXCuC97QAwMugBNG0yGcbEGfFBH7ojPzAOxfGNkwQ==", "cpu": [ "x64" ], @@ -3028,9 +3341,9 @@ } }, "node_modules/@esbuild/sunos-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.17.tgz", - "integrity": "sha512-Y7ZBbkLqlSgn4+zot4KUNYst0bFoO68tRgI6mY2FIM+b7ZbyNVtNbDP5y8qlu4/knZZ73fgJDlXID+ohY5zt5g==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.8.tgz", + "integrity": "sha512-9Lc4s7Oi98GqFA4HzA/W2JHIYfnXbUYgekUP/Sm4BG9sfLjyv6GKKHKKVs83SMicBF2JwAX6A1PuOLMqpD001w==", "cpu": [ "x64" ], @@ -3044,9 +3357,9 @@ } }, "node_modules/@esbuild/win32-arm64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.17.tgz", - "integrity": "sha512-bwPmTJsEQcbZk26oYpc4c/8PvTY3J5/QK8jM19DVlEsAB41M39aWovWoHtNm78sd6ip6prilxeHosPADXtEJFw==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.8.tgz", + "integrity": "sha512-rq6WzBGjSzihI9deW3fC2Gqiak68+b7qo5/3kmB6Gvbh/NYPA0sJhrnp7wgV4bNwjqM+R2AApXGxMO7ZoGhIJg==", "cpu": [ "arm64" ], @@ -3060,9 +3373,9 @@ } }, "node_modules/@esbuild/win32-ia32": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.17.tgz", - "integrity": "sha512-H/XaPtPKli2MhW+3CQueo6Ni3Avggi6hP/YvgkEe1aSaxw+AeO8MFjq8DlgfTd9Iz4Yih3QCZI6YLMoyccnPRg==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.8.tgz", + "integrity": "sha512-AIAbverbg5jMvJznYiGhrd3sumfwWs8572mIJL5NQjJa06P8KfCPWZQ0NwZbPQnbQi9OWSZhFVSUWjjIrn4hSw==", "cpu": [ "ia32" ], @@ -3076,9 +3389,9 @@ } }, "node_modules/@esbuild/win32-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.17.tgz", - "integrity": "sha512-fGEb8f2BSA3CW7riJVurug65ACLuQAzKq0SSqkY2b2yHHH0MzDfbLyKIGzHwOI/gkHcxM/leuSW6D5w/LMNitA==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.8.tgz", + "integrity": "sha512-bfZ0cQ1uZs2PqpulNL5j/3w+GDhP36k1K5c38QdQg+Swy51jFZWWeIkteNsufkQxp986wnqRRsb/bHbY1WQ7TA==", "cpu": [ "x64" ], @@ -3107,18 +3420,18 @@ } }, "node_modules/@eslint-community/regexpp": { - "version": "4.6.2", - "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.6.2.tgz", - "integrity": "sha512-pPTNuaAG3QMH+buKyBIGJs3g/S5y0caxw0ygM3YyE6yJFySwiGGSzA+mM3KJ8QQvzeLh3blwgSonkFjgQdxzMw==", + "version": "4.10.0", + "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz", + "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==", "dev": true, "engines": { "node": "^12.0.0 || ^14.0.0 || >=16.0.0" } }, "node_modules/@eslint/eslintrc": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.1.tgz", - "integrity": "sha512-9t7ZA7NGGK8ckelF0PQCfcxIUzs1Md5rrO6U/c+FIQNanea5UZC0wqKXH4vHBccmu4ZJgZ2idtPeW7+Q2npOEA==", + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz", + "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==", "dev": true, "dependencies": { "ajv": "^6.12.4", @@ -3161,9 +3474,9 @@ "dev": true }, "node_modules/@eslint/eslintrc/node_modules/globals": { - "version": "13.20.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz", - "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==", + "version": "13.23.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz", + "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==", "dev": true, "dependencies": { "type-fest": "^0.20.2" @@ -3206,21 +3519,30 @@ } }, "node_modules/@eslint/js": { - "version": "8.46.0", - "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.46.0.tgz", - "integrity": "sha512-a8TLtmPi8xzPkCbp/OGFUo5yhRkHM2Ko9kOWP4znJr0WAhWyThaw3PnwX4vOTWOAMsV2uRt32PPDcEz63esSaA==", + "version": "8.55.0", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.55.0.tgz", + "integrity": "sha512-qQfo2mxH5yVom1kacMtZZJFVdW+E70mqHMJvVg6WTLo+VBuQJ4TojZlfWBjK0ve5BdEeNAVxOsl/nvNMpJOaJA==", "dev": true, "engines": { "node": "^12.22.0 || ^14.17.0 || >=16.0.0" } }, + "node_modules/@fastify/busboy": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/@fastify/busboy/-/busboy-2.1.0.tgz", + "integrity": "sha512-+KpH+QxZU7O4675t3mnkQKcZZg56u+K/Ct2K+N2AZYNVK8kyeo/bI18tI8aPm3tvNNRyTWfj6s5tnGNlcbQRsA==", + "dev": true, + "engines": { + "node": ">=14" + } + }, "node_modules/@humanwhocodes/config-array": { - "version": "0.11.10", - "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz", - "integrity": "sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==", + "version": "0.11.13", + "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz", + "integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==", "dev": true, "dependencies": { - "@humanwhocodes/object-schema": "^1.2.1", + "@humanwhocodes/object-schema": "^2.0.1", "debug": "^4.1.1", "minimatch": "^3.0.5" }, @@ -3242,9 +3564,9 @@ } }, "node_modules/@humanwhocodes/object-schema": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz", - "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz", + "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==", "dev": true }, "node_modules/@isaacs/cliui": { @@ -3369,21 +3691,21 @@ } }, "node_modules/@jest/expect-utils": { - "version": "29.6.2", - "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.6.2.tgz", - "integrity": "sha512-6zIhM8go3RV2IG4aIZaZbxwpOzz3ZiM23oxAlkquOIole+G6TrbeXnykxWYlqF7kz2HlBjdKtca20x9atkEQYg==", + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.7.0.tgz", + "integrity": "sha512-GlsNBWiFQFCVi9QVSx7f5AgMeLxe9YCCs5PuP2O2LdjDAA8Jh9eX7lA1Jq/xdXw3Wb3hyvlFNfZIfcRetSzYcA==", "dev": true, "dependencies": { - "jest-get-type": "^29.4.3" + "jest-get-type": "^29.6.3" }, "engines": { "node": "^14.15.0 || ^16.10.0 || >=18.0.0" } }, "node_modules/@jest/schemas": { - "version": "29.6.0", - "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.0.tgz", - "integrity": "sha512-rxLjXyJBTL4LQeJW3aKo0M/+GkCOXsO+8i9Iu7eDb6KwtP65ayoDsitrdPBtujxQ88k4wI2FNYfa6TOGwSn6cQ==", + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz", + "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==", "dev": true, "dependencies": { "@sinclair/typebox": "^0.27.8" @@ -3393,12 +3715,12 @@ } }, "node_modules/@jest/types": { - "version": "29.6.1", - "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.1.tgz", - "integrity": "sha512-tPKQNMPuXgvdOn2/Lg9HNfUvjYVGolt04Hp03f5hAk878uwOLikN+JzeLY0HcVgKgFl9Hs3EIqpu3WX27XNhnw==", + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz", + "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==", "dev": true, "dependencies": { - "@jest/schemas": "^29.6.0", + "@jest/schemas": "^29.6.3", "@types/istanbul-lib-coverage": "^2.0.0", "@types/istanbul-reports": "^3.0.0", "@types/node": "*", @@ -3528,9 +3850,9 @@ "dev": true }, "node_modules/@jridgewell/trace-mapping": { - "version": "0.3.19", - "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.19.tgz", - "integrity": "sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==", + "version": "0.3.20", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz", + "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==", "dev": true, "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", @@ -3543,122 +3865,32 @@ "integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==", "dev": true }, - "node_modules/@ngtools/webpack": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-16.2.0.tgz", - "integrity": "sha512-c9jv4r7GnLTpnPOeF+a9yAm/3/2wwl9lMBU32i9hlY+q/Hqde4PiL95bUOLnRRL1I64DV7BFTlSZqSPgDpFXZQ==", - "dev": true, - "engines": { - "node": "^16.14.0 || >=18.10.0", - "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", - "yarn": ">= 1.13.0" - }, - "peerDependencies": { - "@angular/compiler-cli": "^16.0.0", - "typescript": ">=4.9.3 <5.2", - "webpack": "^5.54.0" - } - }, - "node_modules/@nguniversal/builders": { - "version": "16.1.3", - "resolved": "https://registry.npmjs.org/@nguniversal/builders/-/builders-16.1.3.tgz", - "integrity": "sha512-GAPKLboYZ08ILCXnq2+XVdWv+FIsNwEyVR9olPFC7YV16IqFH/sV49fFhOIXrmgdksugCYy+Dhy38efJfp2GPg==", - "dev": true, - "dependencies": { - "@angular-devkit/architect": "~0.1601.0-next.0", - "@angular-devkit/core": "~16.1.0-next.0", - "@nguniversal/common": "16.1.3", - "browser-sync": "^2.27.10", - "express": "^4.18.2", - "guess-parser": "^0.4.22", - "http-proxy-middleware": "^2.0.6", - "ora": "^5.1.0", - "piscina": "~4.0.0", - "rxjs": "^7.0.0", - "tree-kill": "^1.2.2" - }, - "engines": { - "node": "^16.14.0 || >=18.10.0" - }, - "peerDependencies": { - "@angular-devkit/build-angular": "^16.0.0 || ^16.1.0-next.0" - } - }, - "node_modules/@nguniversal/builders/node_modules/@angular-devkit/architect": { - "version": "0.1601.8", - "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1601.8.tgz", - "integrity": "sha512-kOXVGwsQnZvtz2UZNefcEy64Jiwq0eSoQUeozvDXOaYRJABLjPKI2YaarvKC9/Z1SGLuje0o/eRJO4T8aRk9rQ==", + "node_modules/@ljharb/through": { + "version": "2.3.11", + "resolved": "https://registry.npmjs.org/@ljharb/through/-/through-2.3.11.tgz", + "integrity": "sha512-ccfcIDlogiXNq5KcbAwbaO7lMh3Tm1i3khMPYpxlK8hH/W53zN81KM9coerRLOnTGu3nfXIniAmQbRI9OxbC0w==", "dev": true, "dependencies": { - "@angular-devkit/core": "16.1.8", - "rxjs": "7.8.1" + "call-bind": "^1.0.2" }, "engines": { - "node": "^16.14.0 || >=18.10.0", - "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", - "yarn": ">= 1.13.0" + "node": ">= 0.4" } }, - "node_modules/@nguniversal/builders/node_modules/@angular-devkit/core": { - "version": "16.1.8", - "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-16.1.8.tgz", - "integrity": "sha512-dSRD/+bGanArIXkj+kaU1kDFleZeQMzmBiOXX+pK0Ah9/0Yn1VmY3RZh1zcX9vgIQXV+t7UPrTpOjaERMUtVGw==", + "node_modules/@ngtools/webpack": { + "version": "17.0.5", + "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-17.0.5.tgz", + "integrity": "sha512-r82k7mxErJHtd6dzq0PKHQNhOuEjUZn95f2adJpO5mP/R/ms8LUk1ILvP3EocxkisYU8ET2EeGj3wQZC2g3RcA==", "dev": true, - "dependencies": { - "ajv": "8.12.0", - "ajv-formats": "2.1.1", - "jsonc-parser": "3.2.0", - "rxjs": "7.8.1", - "source-map": "0.7.4" - }, "engines": { - "node": "^16.14.0 || >=18.10.0", + "node": "^18.13.0 || >=20.9.0", "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", "yarn": ">= 1.13.0" }, "peerDependencies": { - "chokidar": "^3.5.2" - }, - "peerDependenciesMeta": { - "chokidar": { - "optional": true - } - } - }, - "node_modules/@nguniversal/common": { - "version": "16.1.3", - "resolved": "https://registry.npmjs.org/@nguniversal/common/-/common-16.1.3.tgz", - "integrity": "sha512-b+k97hN2vlSt2Sovg84ZPMj2KdPyc3tlhvjROw4YUjlIZ6M/pEX7rrpGfiui1h8XQ5HIUyd1yHvPEsAorxFu3w==", - "dev": true, - "dependencies": { - "critters": "0.0.20", - "jsdom": "22.1.0", - "tslib": "^2.3.0" - }, - "engines": { - "node": "^16.14.0 || >=18.10.0" - }, - "peerDependencies": { - "@angular/common": "^16.0.0 || ^16.1.0-next.0", - "@angular/core": "^16.0.0 || ^16.1.0-next.0" - } - }, - "node_modules/@nguniversal/express-engine": { - "version": "16.1.3", - "resolved": "https://registry.npmjs.org/@nguniversal/express-engine/-/express-engine-16.1.3.tgz", - "integrity": "sha512-UqhOvo4cNO9MiNmKNWyLs108xs28lQfmbBl2MiBMBwCEC9ZpZwZev2kjRRUpT+ZWd7f/cZ7bpAF7jUA2pR9vYA==", - "dev": true, - "dependencies": { - "@nguniversal/common": "16.1.3", - "tslib": "^2.3.0" - }, - "engines": { - "node": "^16.14.0 || >=18.10.0" - }, - "peerDependencies": { - "@angular/common": "^16.0.0 || ^16.1.0-next.0", - "@angular/core": "^16.0.0 || ^16.1.0-next.0", - "express": "^4.15.2" + "@angular/compiler-cli": "^17.0.0", + "typescript": ">=5.2 <5.3", + "webpack": "^5.54.0" } }, "node_modules/@nodelib/fs.scandir": { @@ -3696,6 +3928,31 @@ "node": ">= 8" } }, + "node_modules/@npmcli/agent": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/@npmcli/agent/-/agent-2.2.0.tgz", + "integrity": "sha512-2yThA1Es98orMkpSLVqlDZAMPK3jHJhifP2gnNUdk1754uZ8yI5c+ulCoVG+WlntQA6MzhrURMXjSd9Z7dJ2/Q==", + "dev": true, + "dependencies": { + "agent-base": "^7.1.0", + "http-proxy-agent": "^7.0.0", + "https-proxy-agent": "^7.0.1", + "lru-cache": "^10.0.1", + "socks-proxy-agent": "^8.0.1" + }, + "engines": { + "node": "^16.14.0 || >=18.0.0" + } + }, + "node_modules/@npmcli/agent/node_modules/lru-cache": { + "version": "10.1.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.1.0.tgz", + "integrity": "sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==", + "dev": true, + "engines": { + "node": "14 || >=16.14" + } + }, "node_modules/@npmcli/fs": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-3.1.0.tgz", @@ -3709,46 +3966,55 @@ } }, "node_modules/@npmcli/git": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/@npmcli/git/-/git-4.1.0.tgz", - "integrity": "sha512-9hwoB3gStVfa0N31ymBmrX+GuDGdVA/QWShZVqE0HK2Af+7QGGrCTbZia/SW0ImUTjTne7SP91qxDmtXvDHRPQ==", + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/@npmcli/git/-/git-5.0.3.tgz", + "integrity": "sha512-UZp9NwK+AynTrKvHn5k3KviW/hA5eENmFsu3iAPe7sWRt0lFUdsY/wXIYjpDFe7cdSNwOIzbObfwgt6eL5/2zw==", "dev": true, "dependencies": { - "@npmcli/promise-spawn": "^6.0.0", - "lru-cache": "^7.4.4", - "npm-pick-manifest": "^8.0.0", + "@npmcli/promise-spawn": "^7.0.0", + "lru-cache": "^10.0.1", + "npm-pick-manifest": "^9.0.0", "proc-log": "^3.0.0", "promise-inflight": "^1.0.1", "promise-retry": "^2.0.1", "semver": "^7.3.5", - "which": "^3.0.0" + "which": "^4.0.0" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^16.14.0 || >=18.0.0" + } + }, + "node_modules/@npmcli/git/node_modules/isexe": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz", + "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==", + "dev": true, + "engines": { + "node": ">=16" } }, "node_modules/@npmcli/git/node_modules/lru-cache": { - "version": "7.18.3", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz", - "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==", + "version": "10.1.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.1.0.tgz", + "integrity": "sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==", "dev": true, "engines": { - "node": ">=12" + "node": "14 || >=16.14" } }, "node_modules/@npmcli/git/node_modules/which": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/which/-/which-3.0.1.tgz", - "integrity": "sha512-XA1b62dzQzLfaEOSQFTCOd5KFf/1VSzZo7/7TUjnya6u0vGGKzU96UQBZTAThCb2j4/xjBAyii1OhRLJEivHvg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz", + "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==", "dev": true, "dependencies": { - "isexe": "^2.0.0" + "isexe": "^3.1.1" }, "bin": { "node-which": "bin/which.js" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^16.13.0 || >=18.0.0" } }, "node_modules/@npmcli/installed-package-contents": { @@ -3777,99 +4043,119 @@ } }, "node_modules/@npmcli/promise-spawn": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/@npmcli/promise-spawn/-/promise-spawn-6.0.2.tgz", - "integrity": "sha512-gGq0NJkIGSwdbUt4yhdF8ZrmkGKVz9vAdVzpOfnom+V8PLSmSOVhZwbNvZZS1EYcJN5hzzKBxmmVVAInM6HQLg==", + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/@npmcli/promise-spawn/-/promise-spawn-7.0.0.tgz", + "integrity": "sha512-wBqcGsMELZna0jDblGd7UXgOby45TQaMWmbFwWX+SEotk4HV6zG2t6rT9siyLhPk4P6YYqgfL1UO8nMWDBVJXQ==", "dev": true, "dependencies": { - "which": "^3.0.0" + "which": "^4.0.0" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^16.14.0 || >=18.0.0" + } + }, + "node_modules/@npmcli/promise-spawn/node_modules/isexe": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz", + "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==", + "dev": true, + "engines": { + "node": ">=16" } }, "node_modules/@npmcli/promise-spawn/node_modules/which": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/which/-/which-3.0.1.tgz", - "integrity": "sha512-XA1b62dzQzLfaEOSQFTCOd5KFf/1VSzZo7/7TUjnya6u0vGGKzU96UQBZTAThCb2j4/xjBAyii1OhRLJEivHvg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz", + "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==", "dev": true, "dependencies": { - "isexe": "^2.0.0" + "isexe": "^3.1.1" }, "bin": { "node-which": "bin/which.js" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^16.13.0 || >=18.0.0" } }, "node_modules/@npmcli/run-script": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/@npmcli/run-script/-/run-script-6.0.2.tgz", - "integrity": "sha512-NCcr1uQo1k5U+SYlnIrbAh3cxy+OQT1VtqiAbxdymSlptbzBb62AjH2xXgjNCoP073hoa1CfCAcwoZ8k96C4nA==", + "version": "7.0.2", + "resolved": "https://registry.npmjs.org/@npmcli/run-script/-/run-script-7.0.2.tgz", + "integrity": "sha512-Omu0rpA8WXvcGeY6DDzyRoY1i5DkCBkzyJ+m2u7PD6quzb0TvSqdIPOkTn8ZBOj7LbbcbMfZ3c5skwSu6m8y2w==", "dev": true, "dependencies": { "@npmcli/node-gyp": "^3.0.0", - "@npmcli/promise-spawn": "^6.0.0", - "node-gyp": "^9.0.0", + "@npmcli/promise-spawn": "^7.0.0", + "node-gyp": "^10.0.0", "read-package-json-fast": "^3.0.0", - "which": "^3.0.0" + "which": "^4.0.0" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^16.14.0 || >=18.0.0" + } + }, + "node_modules/@npmcli/run-script/node_modules/isexe": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz", + "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==", + "dev": true, + "engines": { + "node": ">=16" } }, "node_modules/@npmcli/run-script/node_modules/which": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/which/-/which-3.0.1.tgz", - "integrity": "sha512-XA1b62dzQzLfaEOSQFTCOd5KFf/1VSzZo7/7TUjnya6u0vGGKzU96UQBZTAThCb2j4/xjBAyii1OhRLJEivHvg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz", + "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==", "dev": true, "dependencies": { - "isexe": "^2.0.0" + "isexe": "^3.1.1" }, "bin": { "node-which": "bin/which.js" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^16.13.0 || >=18.0.0" } }, "node_modules/@nrwl/devkit": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nrwl/devkit/-/devkit-16.5.1.tgz", - "integrity": "sha512-NB+DE/+AFJ7lKH/WBFyatJEhcZGj25F24ncDkwjZ6MzEiSOGOJS0LaV/R+VUsmS5EHTPXYOpn3zHWWAcJhyOmA==", + "version": "17.0.3", + "resolved": "https://registry.npmjs.org/@nrwl/devkit/-/devkit-17.0.3.tgz", + "integrity": "sha512-k1o0tvmGcg2/Kw2d56ULixqngCj5zTfp3mn6yS0ytIJrTQnJVkI8GcFCtpnqbzQjD8nKHhvTIcOMsj2BzLos9A==", "dev": true, "dependencies": { - "@nx/devkit": "16.5.1" + "@nx/devkit": "17.0.3" } }, "node_modules/@nrwl/tao": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nrwl/tao/-/tao-16.5.1.tgz", - "integrity": "sha512-x+gi/fKdM6uQNIti9exFlm3V5LBP3Y8vOEziO42HdOigyrXa0S0HD2WMpccmp6PclYKhwEDUjKJ39xh5sdh4Ig==", + "version": "17.0.3", + "resolved": "https://registry.npmjs.org/@nrwl/tao/-/tao-17.0.3.tgz", + "integrity": "sha512-X6zcwf6c3z7TuztRJWM/OCfzm7+LI4Uw4coc9+PWr44ohHkgId2wEJTzXrDT3+lvv8DgwPpgWPwqntw+YcgRYg==", "dev": true, "dependencies": { - "nx": "16.5.1" + "nx": "17.0.3", + "tslib": "^2.3.0" }, "bin": { "tao": "index.js" } }, "node_modules/@nx/devkit": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/devkit/-/devkit-16.5.1.tgz", - "integrity": "sha512-T1acZrVVmJw/sJ4PIGidCBYBiBqlg/jT9e8nIGXLSDS20xcLvfo4zBQf8UZLrmHglnwwpDpOWuVJCp2rYA5aDg==", + "version": "17.0.3", + "resolved": "https://registry.npmjs.org/@nx/devkit/-/devkit-17.0.3.tgz", + "integrity": "sha512-gW9aVc2BJBQ6PME07lsiaHg2Tjm9FN/qFjzxeSQYe2cR/s4hXqCBUfgKEqjgzMq+ykDR2Japkd8Vg8BN0uWnpA==", "dev": true, "dependencies": { - "@nrwl/devkit": "16.5.1", + "@nrwl/devkit": "17.0.3", "ejs": "^3.1.7", + "enquirer": "~2.3.6", "ignore": "^5.0.4", "semver": "7.5.3", "tmp": "~0.2.1", "tslib": "^2.3.0" }, "peerDependencies": { - "nx": ">= 15 <= 17" + "nx": ">= 16 <= 18" } }, "node_modules/@nx/devkit/node_modules/lru-cache": { @@ -3906,9 +4192,9 @@ "dev": true }, "node_modules/@nx/nx-darwin-arm64": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-darwin-arm64/-/nx-darwin-arm64-16.5.1.tgz", - "integrity": "sha512-q98TFI4B/9N9PmKUr1jcbtD4yAFs1HfYd9jUXXTQOlfO9SbDjnrYJgZ4Fp9rMNfrBhgIQ4x1qx0AukZccKmH9Q==", + "version": "17.0.3", + "resolved": "https://registry.npmjs.org/@nx/nx-darwin-arm64/-/nx-darwin-arm64-17.0.3.tgz", + "integrity": "sha512-KA75JC/hgkt9qwK4dnN1tlaTXWdYItkNMjji6YjkyAYabbLKQKVcQoPocYP/RB/Gng+vNslXwuug2atgxDf43g==", "cpu": [ "arm64" ], @@ -3922,9 +4208,9 @@ } }, "node_modules/@nx/nx-darwin-x64": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-darwin-x64/-/nx-darwin-x64-16.5.1.tgz", - "integrity": "sha512-j9HmL1l8k7EVJ3eOM5y8COF93gqrydpxCDoz23ZEtsY+JHY77VAiRQsmqBgEx9GGA2dXi9VEdS67B0+1vKariw==", + "version": "17.0.3", + "resolved": "https://registry.npmjs.org/@nx/nx-darwin-x64/-/nx-darwin-x64-17.0.3.tgz", + "integrity": "sha512-YVWk9jNibD7fzn8oNBl/UNu8NEfcVwFo5wiNyfOql495yP0tyGdZNHD4i/7aS2Y654G1JYDRf7TutJ7wWFU8bg==", "cpu": [ "x64" ], @@ -3938,9 +4224,9 @@ } }, "node_modules/@nx/nx-freebsd-x64": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-freebsd-x64/-/nx-freebsd-x64-16.5.1.tgz", - "integrity": "sha512-CXSPT01aVS869tvCCF2tZ7LnCa8l41wJ3mTVtWBkjmRde68E5Up093hklRMyXb3kfiDYlfIKWGwrV4r0eH6x1A==", + "version": "17.0.3", + "resolved": "https://registry.npmjs.org/@nx/nx-freebsd-x64/-/nx-freebsd-x64-17.0.3.tgz", + "integrity": "sha512-yiYkfY+3IrlBrlaXN6SO4Fnb0a+Ti+FPwAqRPpH6q3uTCh0NmNgE99ydtT31ZbgCF1ZwRK8NdCbuNO3w9uznwA==", "cpu": [ "x64" ], @@ -3954,9 +4240,9 @@ } }, "node_modules/@nx/nx-linux-arm-gnueabihf": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm-gnueabihf/-/nx-linux-arm-gnueabihf-16.5.1.tgz", - "integrity": "sha512-BhrumqJSZCWFfLFUKl4CAUwR0Y0G2H5EfFVGKivVecEQbb+INAek1aa6c89evg2/OvetQYsJ+51QknskwqvLsA==", + "version": "17.0.3", + "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm-gnueabihf/-/nx-linux-arm-gnueabihf-17.0.3.tgz", + "integrity": "sha512-x4h6QJlESJZ0bigUlxNEVyi7F/VWQQx+1IBptofXhK5eTOPjJ5qgINdM38AZg+kBJDz5XOVMDejg6RzHlhs0Tg==", "cpu": [ "arm" ], @@ -3970,9 +4256,9 @@ } }, "node_modules/@nx/nx-linux-arm64-gnu": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm64-gnu/-/nx-linux-arm64-gnu-16.5.1.tgz", - "integrity": "sha512-x7MsSG0W+X43WVv7JhiSq2eKvH2suNKdlUHEG09Yt0vm3z0bhtym1UCMUg3IUAK7jy9hhLeDaFVFkC6zo+H/XQ==", + "version": "17.0.3", + "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm64-gnu/-/nx-linux-arm64-gnu-17.0.3.tgz", + "integrity": "sha512-1lysnsZv9FS+9fciK0qh5PhsQ8U+vyFoR/jiJl+3vqYNUwEmNLD0VEAZzpZL2SJXQqD5E0bjuQpYxiD7YRXImQ==", "cpu": [ "arm64" ], @@ -3986,9 +4272,9 @@ } }, "node_modules/@nx/nx-linux-arm64-musl": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm64-musl/-/nx-linux-arm64-musl-16.5.1.tgz", - "integrity": "sha512-J+/v/mFjOm74I0PNtH5Ka+fDd+/dWbKhpcZ2R1/6b9agzZk+Ff/SrwJcSYFXXWKbPX+uQ4RcJoytT06Zs3s0ow==", + "version": "17.0.3", + "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm64-musl/-/nx-linux-arm64-musl-17.0.3.tgz", + "integrity": "sha512-0/bvSpbc4vOy9E24fu0ajDGe3SO8lmLtlxjXwGRcnzlt/MWM8sazoO0lX163/X2wF6tuL6+HXHOr6AeqsdeRXQ==", "cpu": [ "arm64" ], @@ -4002,9 +4288,9 @@ } }, "node_modules/@nx/nx-linux-x64-gnu": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-linux-x64-gnu/-/nx-linux-x64-gnu-16.5.1.tgz", - "integrity": "sha512-igooWJ5YxQ94Zft7IqgL+Lw0qHaY15Btw4gfK756g/YTYLZEt4tTvR1y6RnK/wdpE3sa68bFTLVBNCGTyiTiDQ==", + "version": "17.0.3", + "resolved": "https://registry.npmjs.org/@nx/nx-linux-x64-gnu/-/nx-linux-x64-gnu-17.0.3.tgz", + "integrity": "sha512-tKO6MYUxpUsHMuZrYy8hG20RIOdBY3kyEK8wxH8JZZaXKeYUK+5vv5DavWpY5wuu2jffNIJNsbUzcrqOlcbDOg==", "cpu": [ "x64" ], @@ -4018,9 +4304,9 @@ } }, "node_modules/@nx/nx-linux-x64-musl": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-linux-x64-musl/-/nx-linux-x64-musl-16.5.1.tgz", - "integrity": "sha512-zF/exnPqFYbrLAduGhTmZ7zNEyADid2bzNQiIjJkh8Y6NpDwrQIwVIyvIxqynsjMrIs51kBH+8TUjKjj2Jgf5A==", + "version": "17.0.3", + "resolved": "https://registry.npmjs.org/@nx/nx-linux-x64-musl/-/nx-linux-x64-musl-17.0.3.tgz", + "integrity": "sha512-H88yBLrI51m6NGoCkpBYhacRyTBfDuf7x00SnxSfD1yLlxCazPUG7CGkMedpzXo10YHxCFvg7B/Fa23DRRleUg==", "cpu": [ "x64" ], @@ -4034,9 +4320,9 @@ } }, "node_modules/@nx/nx-win32-arm64-msvc": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-win32-arm64-msvc/-/nx-win32-arm64-msvc-16.5.1.tgz", - "integrity": "sha512-qtqiLS9Y9TYyAbbpq58kRoOroko4ZXg5oWVqIWFHoxc5bGPweQSJCROEqd1AOl2ZDC6BxfuVHfhDDop1kK05WA==", + "version": "17.0.3", + "resolved": "https://registry.npmjs.org/@nx/nx-win32-arm64-msvc/-/nx-win32-arm64-msvc-17.0.3.tgz", + "integrity": "sha512-bKzmzjvgLB4IzLWTySqXgBgXawfw0ZSjUkscFQ3ZHrK9loMba1Ue8Ugy2DktlkUrCyPmGSot+YZViTzWP75C3w==", "cpu": [ "arm64" ], @@ -4050,9 +4336,9 @@ } }, "node_modules/@nx/nx-win32-x64-msvc": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-win32-x64-msvc/-/nx-win32-x64-msvc-16.5.1.tgz", - "integrity": "sha512-kUJBLakK7iyA9WfsGGQBVennA4jwf5XIgm0lu35oMOphtZIluvzItMt0EYBmylEROpmpEIhHq0P6J9FA+WH0Rg==", + "version": "17.0.3", + "resolved": "https://registry.npmjs.org/@nx/nx-win32-x64-msvc/-/nx-win32-x64-msvc-17.0.3.tgz", + "integrity": "sha512-SJssAOyUM1IW9t84/Uzau9JHo14hnG5mxvcrborNGlLq+WnP0jzISVs7gvV2xWZ9j1JemxA5KLbkMuIkJyR6qQ==", "cpu": [ "x64" ], @@ -4065,24 +4351,6 @@ "node": ">= 10" } }, - "node_modules/@parcel/watcher": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.0.4.tgz", - "integrity": "sha512-cTDi+FUDBIUOBKEtj+nhiJ71AZVlkAsQFuGQTun5tV9mwQBQgZvhCzG+URPQc8myeN32yRVZEfVAPCs1RW+Jvg==", - "dev": true, - "hasInstallScript": true, - "dependencies": { - "node-addon-api": "^3.2.1", - "node-gyp-build": "^4.3.0" - }, - "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" - } - }, "node_modules/@pkgjs/parseargs": { "version": "0.11.0", "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", @@ -4094,9 +4362,9 @@ } }, "node_modules/@rollup/plugin-json": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-6.0.0.tgz", - "integrity": "sha512-i/4C5Jrdr1XUarRhVu27EEwjt4GObltD7c+MkCIpO2QIbojw8MUs+CCTqOphQi3Qtg1FLmYt+l+6YeoIf51J7w==", + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-6.0.1.tgz", + "integrity": "sha512-RgVfl5hWMkxN1h/uZj8FVESvPuBJ/uf6ly6GTj0GONnkfoBN5KC0MSz+PN2OLDgYXMhtG0mWpTrkiOjoxAIevw==", "dev": true, "dependencies": { "@rollup/pluginutils": "^5.0.1" @@ -4105,7 +4373,7 @@ "node": ">=14.0.0" }, "peerDependencies": { - "rollup": "^1.20.0||^2.0.0||^3.0.0" + "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0" }, "peerDependenciesMeta": { "rollup": { @@ -4114,9 +4382,9 @@ } }, "node_modules/@rollup/plugin-node-resolve": { - "version": "15.1.0", - "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.1.0.tgz", - "integrity": "sha512-xeZHCgsiZ9pzYVgAo9580eCGqwh/XCEUM9q6iQfGNocjgkufHAqC3exA+45URvhiYV8sBF9RlBai650eNs7AsA==", + "version": "15.2.3", + "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.2.3.tgz", + "integrity": "sha512-j/lym8nf5E21LwBT4Df1VD6hRO2L2iwUeUmP7litikRsVp1H6NWx20NEp0Y7su+7XGc476GnXXc4kFeZNGmaSQ==", "dev": true, "dependencies": { "@rollup/pluginutils": "^5.0.1", @@ -4130,7 +4398,7 @@ "node": ">=14.0.0" }, "peerDependencies": { - "rollup": "^2.78.0||^3.0.0" + "rollup": "^2.78.0||^3.0.0||^4.0.0" }, "peerDependenciesMeta": { "rollup": { @@ -4139,9 +4407,9 @@ } }, "node_modules/@rollup/pluginutils": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz", - "integrity": "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==", + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz", + "integrity": "sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==", "dev": true, "dependencies": { "@types/estree": "^1.0.0", @@ -4152,7 +4420,7 @@ "node": ">=14.0.0" }, "peerDependencies": { - "rollup": "^1.20.0||^2.0.0||^3.0.0" + "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0" }, "peerDependenciesMeta": { "rollup": { @@ -4160,68 +4428,252 @@ } } }, + "node_modules/@rollup/pluginutils/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/@rollup/rollup-android-arm-eabi": { + "version": "4.6.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.6.1.tgz", + "integrity": "sha512-0WQ0ouLejaUCRsL93GD4uft3rOmB8qoQMU05Kb8CmMtMBe7XUDLAltxVZI1q6byNqEtU7N1ZX1Vw5lIpgulLQA==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-android-arm64": { + "version": "4.6.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.6.1.tgz", + "integrity": "sha512-1TKm25Rn20vr5aTGGZqo6E4mzPicCUD79k17EgTLAsXc1zysyi4xXKACfUbwyANEPAEIxkzwue6JZ+stYzWUTA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-darwin-arm64": { + "version": "4.6.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.6.1.tgz", + "integrity": "sha512-cEXJQY/ZqMACb+nxzDeX9IPLAg7S94xouJJCNVE5BJM8JUEP4HeTF+ti3cmxWeSJo+5D+o8Tc0UAWUkfENdeyw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-darwin-x64": { + "version": "4.6.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.6.1.tgz", + "integrity": "sha512-LoSU9Xu56isrkV2jLldcKspJ7sSXmZWkAxg7sW/RfF7GS4F5/v4EiqKSMCFbZtDu2Nc1gxxFdQdKwkKS4rwxNg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-linux-arm-gnueabihf": { + "version": "4.6.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.6.1.tgz", + "integrity": "sha512-EfI3hzYAy5vFNDqpXsNxXcgRDcFHUWSx5nnRSCKwXuQlI5J9dD84g2Usw81n3FLBNsGCegKGwwTVsSKK9cooSQ==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.6.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.6.1.tgz", + "integrity": "sha512-9lhc4UZstsegbNLhH0Zu6TqvDfmhGzuCWtcTFXY10VjLLUe4Mr0Ye2L3rrtHaDd/J5+tFMEuo5LTCSCMXWfUKw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.6.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.6.1.tgz", + "integrity": "sha512-FfoOK1yP5ksX3wwZ4Zk1NgyGHZyuRhf99j64I5oEmirV8EFT7+OhUZEnP+x17lcP/QHJNWGsoJwrz4PJ9fBEXw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.6.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.6.1.tgz", + "integrity": "sha512-DNGZvZDO5YF7jN5fX8ZqmGLjZEXIJRdJEdTFMhiyXqyXubBa0WVLDWSNlQ5JR2PNgDbEV1VQowhVRUh+74D+RA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.6.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.6.1.tgz", + "integrity": "sha512-RkJVNVRM+piYy87HrKmhbexCHg3A6Z6MU0W9GHnJwBQNBeyhCJG9KDce4SAMdicQnpURggSvtbGo9xAWOfSvIQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.6.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.6.1.tgz", + "integrity": "sha512-v2FVT6xfnnmTe3W9bJXl6r5KwJglMK/iRlkKiIFfO6ysKs0rDgz7Cwwf3tjldxQUrHL9INT/1r4VA0n9L/F1vQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-ia32-msvc": { + "version": "4.6.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.6.1.tgz", + "integrity": "sha512-YEeOjxRyEjqcWphH9dyLbzgkF8wZSKAKUkldRY6dgNR5oKs2LZazqGB41cWJ4Iqqcy9/zqYgmzBkRoVz3Q9MLw==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.6.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.6.1.tgz", + "integrity": "sha512-0zfTlFAIhgz8V2G8STq8toAjsYYA6eci1hnXuyOTUFnymrtJwnS6uGKiv3v5UrPZkBlamLvrLV2iiaeqCKzb0A==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/wasm-node": { + "version": "4.6.1", + "resolved": "https://registry.npmjs.org/@rollup/wasm-node/-/wasm-node-4.6.1.tgz", + "integrity": "sha512-Mh6TSuMLoK9n3uLKa5r1NdX+BGZJyl5L+dx/MH9K2l9Dzk/R0w1XQMs1aP/quv3KB/kn6UIUbJmXNReIW5032Q==", + "dev": true, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=18.0.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, "node_modules/@schematics/angular": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-16.2.0.tgz", - "integrity": "sha512-Ib0/ZCkjWt7a5p3209JVwEWwf41v03K3ylvlxLIEo1ZGijAZAlrBj4GrA5YQ+TmPm2hRyt+owss7x91/x+i0Gw==", + "version": "17.0.5", + "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-17.0.5.tgz", + "integrity": "sha512-sOc1UG4NiV+7cGwrbWPnyW71O+NgsKaFb2agSrVduRL7o4neMDeqF04ik4Kv1jKA7sZOQfPV+3cn6XI49Mumrw==", "dev": true, "dependencies": { - "@angular-devkit/core": "16.2.0", - "@angular-devkit/schematics": "16.2.0", + "@angular-devkit/core": "17.0.5", + "@angular-devkit/schematics": "17.0.5", "jsonc-parser": "3.2.0" }, "engines": { - "node": "^16.14.0 || >=18.10.0", + "node": "^18.13.0 || >=20.9.0", "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", "yarn": ">= 1.13.0" } }, "node_modules/@sigstore/bundle": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@sigstore/bundle/-/bundle-1.1.0.tgz", - "integrity": "sha512-PFutXEy0SmQxYI4texPw3dd2KewuNqv7OuK1ZFtY2fM754yhvG2KdgwIhRnoEE2uHdtdGNQ8s0lb94dW9sELog==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/@sigstore/bundle/-/bundle-2.1.0.tgz", + "integrity": "sha512-89uOo6yh/oxaU8AeOUnVrTdVMcGk9Q1hJa7Hkvalc6G3Z3CupWk4Xe9djSgJm9fMkH69s0P0cVHUoKSOemLdng==", "dev": true, "dependencies": { - "@sigstore/protobuf-specs": "^0.2.0" + "@sigstore/protobuf-specs": "^0.2.1" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^16.14.0 || >=18.0.0" } }, "node_modules/@sigstore/protobuf-specs": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/@sigstore/protobuf-specs/-/protobuf-specs-0.2.0.tgz", - "integrity": "sha512-8ZhZKAVfXjIspDWwm3D3Kvj0ddbJ0HqDZ/pOs5cx88HpT8mVsotFrg7H1UMnXOuDHz6Zykwxn4mxG3QLuN+RUg==", + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/@sigstore/protobuf-specs/-/protobuf-specs-0.2.1.tgz", + "integrity": "sha512-XTWVxnWJu+c1oCshMLwnKvz8ZQJJDVOlciMfgpJBQbThVjKTCG8dwyhgLngBD2KN0ap9F/gOV8rFDEx8uh7R2A==", "dev": true, "engines": { "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, "node_modules/@sigstore/sign": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/@sigstore/sign/-/sign-1.0.0.tgz", - "integrity": "sha512-INxFVNQteLtcfGmcoldzV6Je0sbbfh9I16DM4yJPw3j5+TFP8X6uIiA18mvpEa9yyeycAKgPmOA3X9hVdVTPUA==", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/@sigstore/sign/-/sign-2.2.0.tgz", + "integrity": "sha512-AAbmnEHDQv6CSfrWA5wXslGtzLPtAtHZleKOgxdQYvx/s76Fk6T6ZVt7w2IGV9j1UrFeBocTTQxaXG2oRrDhYA==", "dev": true, "dependencies": { - "@sigstore/bundle": "^1.1.0", - "@sigstore/protobuf-specs": "^0.2.0", - "make-fetch-happen": "^11.0.1" + "@sigstore/bundle": "^2.1.0", + "@sigstore/protobuf-specs": "^0.2.1", + "make-fetch-happen": "^13.0.0" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^16.14.0 || >=18.0.0" } }, "node_modules/@sigstore/tuf": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/@sigstore/tuf/-/tuf-1.0.3.tgz", - "integrity": "sha512-2bRovzs0nJZFlCN3rXirE4gwxCn97JNjMmwpecqlbgV9WcxX7WRuIrgzx/X7Ib7MYRbyUTpBYE0s2x6AmZXnlg==", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/@sigstore/tuf/-/tuf-2.2.0.tgz", + "integrity": "sha512-KKATZ5orWfqd9ZG6MN8PtCIx4eevWSuGRKQvofnWXRpyMyUEpmrzg5M5BrCpjM+NfZ0RbNGOh5tCz/P2uoRqOA==", "dev": true, "dependencies": { - "@sigstore/protobuf-specs": "^0.2.0", - "tuf-js": "^1.1.7" + "@sigstore/protobuf-specs": "^0.2.1", + "tuf-js": "^2.1.0" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^16.14.0 || >=18.0.0" } }, "node_modules/@sinclair/typebox": { @@ -4242,35 +4694,50 @@ "integrity": "sha512-3m6C7f8pnR5KXys/Hqx2x6ylnpqOak6HtnZI6T5keEO0yT+E4Spkw37VEbdwuC+2oxmjdgq6YZEgiKX7hM1GmQ==", "dev": true }, - "node_modules/@tootallnate/once": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz", - "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==", - "dev": true, - "engines": { - "node": ">= 10" - } + "node_modules/@tsconfig/node10": { + "version": "1.0.9", + "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.9.tgz", + "integrity": "sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==", + "dev": true + }, + "node_modules/@tsconfig/node12": { + "version": "1.0.11", + "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz", + "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==", + "dev": true + }, + "node_modules/@tsconfig/node14": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz", + "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==", + "dev": true + }, + "node_modules/@tsconfig/node16": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz", + "integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==", + "dev": true }, "node_modules/@tufjs/canonical-json": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/@tufjs/canonical-json/-/canonical-json-1.0.0.tgz", - "integrity": "sha512-QTnf++uxunWvG2z3UFNzAoQPHxnSXOwtaI3iJ+AohhV+5vONuArPjJE7aPXPVXfXJsqrVbZBu9b81AJoSd09IQ==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@tufjs/canonical-json/-/canonical-json-2.0.0.tgz", + "integrity": "sha512-yVtV8zsdo8qFHe+/3kw81dSLyF7D576A5cCFCi4X7B39tWT7SekaEFUnvnWJHz+9qO7qJTah1JbrDjWKqFtdWA==", "dev": true, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^16.14.0 || >=18.0.0" } }, "node_modules/@tufjs/models": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/@tufjs/models/-/models-1.0.4.tgz", - "integrity": "sha512-qaGV9ltJP0EO25YfFUPhxRVK0evXFIAGicsVXuRim4Ed9cjPxYhNnNJ49SFmbeLgtxpslIkX317IgpfcHPVj/A==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@tufjs/models/-/models-2.0.0.tgz", + "integrity": "sha512-c8nj8BaOExmZKO2DXhDfegyhSGcG9E/mPN3U13L+/PsoWm1uaGiHHjxqSHQiasDBQwDA3aHuw9+9spYAP1qvvg==", "dev": true, "dependencies": { - "@tufjs/canonical-json": "1.0.0", - "minimatch": "^9.0.0" + "@tufjs/canonical-json": "2.0.0", + "minimatch": "^9.0.3" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^16.14.0 || >=18.0.0" } }, "node_modules/@tufjs/models/node_modules/brace-expansion": { @@ -4298,9 +4765,9 @@ } }, "node_modules/@types/body-parser": { - "version": "1.19.2", - "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.2.tgz", - "integrity": "sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==", + "version": "1.19.5", + "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.5.tgz", + "integrity": "sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==", "dev": true, "dependencies": { "@types/connect": "*", @@ -4308,27 +4775,27 @@ } }, "node_modules/@types/bonjour": { - "version": "3.5.10", - "resolved": "https://registry.npmjs.org/@types/bonjour/-/bonjour-3.5.10.tgz", - "integrity": "sha512-p7ienRMiS41Nu2/igbJxxLDWrSZ0WxM8UQgCeO9KhoVF7cOVFkrKsiDr1EsJIla8vV3oEEjGcz11jc5yimhzZw==", + "version": "3.5.13", + "resolved": "https://registry.npmjs.org/@types/bonjour/-/bonjour-3.5.13.tgz", + "integrity": "sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==", "dev": true, "dependencies": { "@types/node": "*" } }, "node_modules/@types/connect": { - "version": "3.4.35", - "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.35.tgz", - "integrity": "sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==", + "version": "3.4.38", + "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz", + "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==", "dev": true, "dependencies": { "@types/node": "*" } }, "node_modules/@types/connect-history-api-fallback": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.0.tgz", - "integrity": "sha512-4x5FkPpLipqwthjPsF7ZRbOv3uoLUFkTA9G9v583qi4pACvq0uTELrB8OLUzPWUI4IJIyvM85vzkV1nyiI2Lig==", + "version": "1.5.4", + "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.4.tgz", + "integrity": "sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw==", "dev": true, "dependencies": { "@types/express-serve-static-core": "*", @@ -4342,18 +4809,18 @@ "dev": true }, "node_modules/@types/cors": { - "version": "2.8.13", - "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.13.tgz", - "integrity": "sha512-RG8AStHlUiV5ysZQKq97copd2UmVYw3/pRMLefISZ3S1hK104Cwm7iLQ3fTKx+lsUH2CE8FlLaYeEA2LSeqYUA==", + "version": "2.8.17", + "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.17.tgz", + "integrity": "sha512-8CGDvrBj1zgo2qE+oS3pOCyYNqCPryMWY2bGfwA0dcfopWGgxs+78df0Rs3rc9THP4JkOhLsAa+15VdpAqkcUA==", "dev": true, "dependencies": { "@types/node": "*" } }, "node_modules/@types/eslint": { - "version": "8.44.2", - "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.44.2.tgz", - "integrity": "sha512-sdPRb9K6iL5XZOmBubg8yiFp5yS/JdUDQsq5e6h95km91MCYMuvp7mh1fjPEYUhvHepKpZOjnEaMBR4PxjWDzg==", + "version": "8.44.8", + "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.44.8.tgz", + "integrity": "sha512-4K8GavROwhrYl2QXDXm0Rv9epkA8GBFu0EI+XrrnnuCl7u8CWBRusX7fXJfanhZTDWSAL24gDI/UqXyUM0Injw==", "dev": true, "dependencies": { "@types/estree": "*", @@ -4361,9 +4828,9 @@ } }, "node_modules/@types/eslint-scope": { - "version": "3.7.4", - "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.4.tgz", - "integrity": "sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==", + "version": "3.7.7", + "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz", + "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==", "dev": true, "dependencies": { "@types/eslint": "*", @@ -4371,15 +4838,15 @@ } }, "node_modules/@types/estree": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.1.tgz", - "integrity": "sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==", + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz", + "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==", "dev": true }, "node_modules/@types/express": { - "version": "4.17.17", - "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.17.tgz", - "integrity": "sha512-Q4FmmuLGBG58btUnfS1c1r/NQdlp3DMfGDGig8WhfpA2YRUtEkxAjkZb0yvplJGYdF1fsQ81iMDcH24sSCNC/Q==", + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.21.tgz", + "integrity": "sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==", "dev": true, "dependencies": { "@types/body-parser": "*", @@ -4389,9 +4856,9 @@ } }, "node_modules/@types/express-serve-static-core": { - "version": "4.17.35", - "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.35.tgz", - "integrity": "sha512-wALWQwrgiB2AWTT91CB62b6Yt0sNHpznUXeZEcnPU3DRdlDIz74x8Qg1UUYKSVFi+va5vKOLYRBI1bRKiLLKIg==", + "version": "4.17.41", + "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.41.tgz", + "integrity": "sha512-OaJ7XLaelTgrvlZD8/aa0vvvxZdUmlCn6MtWeB7TkiKW70BQLc9XEPpDLPdbo52ZhXUCrznlWdCHWxJWtdyajA==", "dev": true, "dependencies": { "@types/node": "*", @@ -4401,54 +4868,54 @@ } }, "node_modules/@types/http-errors": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.1.tgz", - "integrity": "sha512-/K3ds8TRAfBvi5vfjuz8y6+GiAYBZ0x4tXv1Av6CWBWn0IlADc+ZX9pMq7oU0fNQPnBwIZl3rmeLp6SBApbxSQ==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.4.tgz", + "integrity": "sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==", "dev": true }, "node_modules/@types/http-proxy": { - "version": "1.17.11", - "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.11.tgz", - "integrity": "sha512-HC8G7c1WmaF2ekqpnFq626xd3Zz0uvaqFmBJNRZCGEZCXkvSdJoNFn/8Ygbd9fKNQj8UzLdCETaI0UWPAjK7IA==", + "version": "1.17.14", + "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.14.tgz", + "integrity": "sha512-SSrD0c1OQzlFX7pGu1eXxSEjemej64aaNPRhhVYUGqXh0BtldAAx37MG8btcumvpgKyZp1F5Gn3JkktdxiFv6w==", "dev": true, "dependencies": { "@types/node": "*" } }, "node_modules/@types/istanbul-lib-coverage": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz", - "integrity": "sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==", + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz", + "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==", "dev": true }, "node_modules/@types/istanbul-lib-report": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz", - "integrity": "sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz", + "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==", "dev": true, "dependencies": { "@types/istanbul-lib-coverage": "*" } }, "node_modules/@types/istanbul-reports": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.1.tgz", - "integrity": "sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw==", + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz", + "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==", "dev": true, "dependencies": { "@types/istanbul-lib-report": "*" } }, "node_modules/@types/jasmine": { - "version": "4.3.5", - "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-4.3.5.tgz", - "integrity": "sha512-9YHUdvuNDDRJYXZwHqSsO72Ok0vmqoJbNn73ttyITQp/VA60SarnZ+MPLD37rJAhVoKp+9BWOvJP5tHIRfZylQ==", + "version": "4.3.6", + "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-4.3.6.tgz", + "integrity": "sha512-3N0FpQTeiWjm+Oo1WUYWguUS7E6JLceiGTriFrG8k5PU7zRLJCzLcWURU3wjMbZGS//a2/LgjsnO3QxIlwxt9g==", "dev": true }, "node_modules/@types/jest": { - "version": "29.5.3", - "resolved": "https://registry.npmjs.org/@types/jest/-/jest-29.5.3.tgz", - "integrity": "sha512-1Nq7YrO/vJE/FYnqYyw0FS8LdrjExSgIiHyKg7xPpn+yi8Q4huZryKnkJatN1ZRH89Kw2v33/8ZMB7DuZeSLlA==", + "version": "29.5.10", + "resolved": "https://registry.npmjs.org/@types/jest/-/jest-29.5.10.tgz", + "integrity": "sha512-tE4yxKEphEyxj9s4inideLHktW/x6DwesIwWZ9NN1FKf9zbJYsnhBoA9vrHA/IuIOKwPa5PcFBNV4lpMIOEzyQ==", "dev": true, "dependencies": { "expect": "^29.0.0", @@ -4456,9 +4923,9 @@ } }, "node_modules/@types/json-schema": { - "version": "7.0.12", - "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz", - "integrity": "sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==", + "version": "7.0.15", + "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz", + "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==", "dev": true }, "node_modules/@types/json5": { @@ -4468,45 +4935,56 @@ "dev": true }, "node_modules/@types/mime": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz", - "integrity": "sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==", + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz", + "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==", "dev": true }, "node_modules/@types/node": { - "version": "12.20.55", - "resolved": "https://registry.npmjs.org/@types/node/-/node-12.20.55.tgz", - "integrity": "sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==", + "version": "16.18.67", + "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.67.tgz", + "integrity": "sha512-gUa0tDO9oxyAYO9V9tqxDJguVMDpqUwH5I5Q9ASYBCso+8CUdJlKPKDYS1YSS9kyZWIduDafZvucGM0zGNKFjg==", "dev": true }, + "node_modules/@types/node-forge": { + "version": "1.3.10", + "resolved": "https://registry.npmjs.org/@types/node-forge/-/node-forge-1.3.10.tgz", + "integrity": "sha512-y6PJDYN4xYBxwd22l+OVH35N+1fCYWiuC3aiP2SlXVE6Lo7SS+rSx9r89hLxrP4pn6n1lBGhHJ12pj3F3Mpttw==", + "dev": true, + "dependencies": { + "@types/node": "*" + } + }, "node_modules/@types/prop-types": { - "version": "15.7.5", - "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz", - "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==" + "version": "15.7.11", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz", + "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==", + "dev": true }, "node_modules/@types/qs": { - "version": "6.9.7", - "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.7.tgz", - "integrity": "sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==", + "version": "6.9.10", + "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.10.tgz", + "integrity": "sha512-3Gnx08Ns1sEoCrWssEgTSJs/rsT2vhGP+Ja9cnnk9k4ALxinORlQneLXFeFKOTJMOeZUFD1s7w+w2AphTpvzZw==", "dev": true }, "node_modules/@types/raf": { - "version": "3.4.0", - "resolved": "https://registry.npmjs.org/@types/raf/-/raf-3.4.0.tgz", - "integrity": "sha512-taW5/WYqo36N7V39oYyHP9Ipfd5pNFvGTIQsNGj86xV88YQ7GnI30/yMfKDF7Zgin0m3e+ikX88FvImnK4RjGw==", + "version": "3.4.3", + "resolved": "https://registry.npmjs.org/@types/raf/-/raf-3.4.3.tgz", + "integrity": "sha512-c4YAvMedbPZ5tEyxzQdMoOhhJ4RD3rngZIdwC2/qDN3d7JpEhB6fiBRKVY1lg5B7Wk+uPBjn5f39j1/2MY1oOw==", "dev": true, "optional": true }, "node_modules/@types/range-parser": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.4.tgz", - "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==", + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz", + "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==", "dev": true }, "node_modules/@types/react": { - "version": "18.2.20", - "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.20.tgz", - "integrity": "sha512-WKNtmsLWJM/3D5mG4U84cysVY31ivmyw85dE84fOCk5Hx78wezB/XEjVPWl2JTZ5FkEeaTJf+VgUAUn3PE7Isw==", + "version": "18.2.41", + "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.41.tgz", + "integrity": "sha512-CwOGr/PiLiNBxEBqpJ7fO3kocP/2SSuC9fpH5K7tusrg4xPSRT/193rzolYwQnTN02We/ATXKnb6GqA5w4fRxw==", + "dev": true, "dependencies": { "@types/prop-types": "*", "@types/scheduler": "*", @@ -4526,20 +5004,21 @@ "dev": true }, "node_modules/@types/scheduler": { - "version": "0.16.3", - "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz", - "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==" + "version": "0.16.8", + "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz", + "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==", + "dev": true }, "node_modules/@types/semver": { - "version": "7.5.0", - "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz", - "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==", + "version": "7.5.6", + "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.6.tgz", + "integrity": "sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==", "dev": true }, "node_modules/@types/send": { - "version": "0.17.1", - "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.1.tgz", - "integrity": "sha512-Cwo8LE/0rnvX7kIIa3QHCkcuF21c05Ayb0ZfxPiv0W8VRiZiNW/WuRupHKpqqGVGf7SUA44QSOUKaEd9lIrd/Q==", + "version": "0.17.4", + "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.4.tgz", + "integrity": "sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==", "dev": true, "dependencies": { "@types/mime": "^1", @@ -4547,18 +5026,18 @@ } }, "node_modules/@types/serve-index": { - "version": "1.9.1", - "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.1.tgz", - "integrity": "sha512-d/Hs3nWDxNL2xAczmOVZNj92YZCS6RGxfBPjKzuu/XirCgXdpKEb88dYNbrYGint6IVWLNP+yonwVAuRC0T2Dg==", + "version": "1.9.4", + "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.4.tgz", + "integrity": "sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==", "dev": true, "dependencies": { "@types/express": "*" } }, "node_modules/@types/serve-static": { - "version": "1.15.2", - "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.2.tgz", - "integrity": "sha512-J2LqtvFYCzaj8pVYKw8klQXrLLk7TBZmQ4ShlcdkELFKGwGMfevMLneMMRkMgZxotOD9wg497LpC7O8PcvAmfw==", + "version": "1.15.5", + "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.5.tgz", + "integrity": "sha512-PDRk21MnK70hja/YF8AHfC7yIsiQHn1rcXx7ijCFBX/k+XQJhQT/gw3xekXKJvx+5SXaMMS8oqQy09Mzvz2TuQ==", "dev": true, "dependencies": { "@types/http-errors": "*", @@ -4567,55 +5046,55 @@ } }, "node_modules/@types/sockjs": { - "version": "0.3.33", - "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.33.tgz", - "integrity": "sha512-f0KEEe05NvUnat+boPTZ0dgaLZ4SfSouXUgv5noUiefG2ajgKjmETo9ZJyuqsl7dfl2aHlLJUiki6B4ZYldiiw==", + "version": "0.3.36", + "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.36.tgz", + "integrity": "sha512-MK9V6NzAS1+Ud7JV9lJLFqW85VbC9dq3LmwZCuBe4wBDgKC0Kj/jd8Xl+nSviU+Qc3+m7umHHyHg//2KSa0a0Q==", "dev": true, "dependencies": { "@types/node": "*" } }, "node_modules/@types/stack-utils": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.1.tgz", - "integrity": "sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==", + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz", + "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==", "dev": true }, "node_modules/@types/ws": { - "version": "8.5.5", - "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.5.tgz", - "integrity": "sha512-lwhs8hktwxSjf9UaZ9tG5M03PGogvFaH8gUgLNbN9HKIg0dvv6q+gkSuJ8HN4/VbyxkuLzCjlN7GquQ0gUJfIg==", + "version": "8.5.10", + "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.10.tgz", + "integrity": "sha512-vmQSUcfalpIq0R9q7uTo2lXs6eGIpt9wtnLdMv9LVpIjCA/+ufZRozlVoVelIYixx1ugCBKDhn89vnsEGOCx9A==", "dev": true, "dependencies": { "@types/node": "*" } }, "node_modules/@types/yargs": { - "version": "17.0.24", - "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.24.tgz", - "integrity": "sha512-6i0aC7jV6QzQB8ne1joVZ0eSFIstHsCrobmOtghM11yGlH0j43FKL2UhWdELkyps0zuf7qVTUVCCR+tgSlyLLw==", + "version": "17.0.32", + "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.32.tgz", + "integrity": "sha512-xQ67Yc/laOG5uMfX/093MRlGGCIBzZMarVa+gfNKJxWAIgykYpVGkBdbqEzGDDfCrVUj6Hiff4mTZ5BA6TmAog==", "dev": true, "dependencies": { "@types/yargs-parser": "*" } }, "node_modules/@types/yargs-parser": { - "version": "21.0.0", - "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.0.tgz", - "integrity": "sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==", + "version": "21.0.3", + "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz", + "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==", "dev": true }, "node_modules/@typescript-eslint/eslint-plugin": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.6.0.tgz", - "integrity": "sha512-CW9YDGTQnNYMIo5lMeuiIG08p4E0cXrXTbcZ2saT/ETE7dWUrNxlijsQeU04qAAKkILiLzdQz+cGFxCJjaZUmA==", + "version": "6.13.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.13.1.tgz", + "integrity": "sha512-5bQDGkXaxD46bPvQt08BUz9YSaO4S0fB1LB5JHQuXTfkGPI3+UUeS387C/e9jRie5GqT8u5kFTrMvAjtX4O5kA==", "dev": true, "dependencies": { "@eslint-community/regexpp": "^4.5.1", - "@typescript-eslint/scope-manager": "6.6.0", - "@typescript-eslint/type-utils": "6.6.0", - "@typescript-eslint/utils": "6.6.0", - "@typescript-eslint/visitor-keys": "6.6.0", + "@typescript-eslint/scope-manager": "6.13.1", + "@typescript-eslint/type-utils": "6.13.1", + "@typescript-eslint/utils": "6.13.1", + "@typescript-eslint/visitor-keys": "6.13.1", "debug": "^4.3.4", "graphemer": "^1.4.0", "ignore": "^5.2.4", @@ -4640,31 +5119,14 @@ } } }, - "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/scope-manager": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.6.0.tgz", - "integrity": "sha512-pT08u5W/GT4KjPUmEtc2kSYvrH8x89cVzkA0Sy2aaOUIw6YxOIjA8ilwLr/1fLjOedX1QAuBpG9XggWqIIfERw==", - "dev": true, - "dependencies": { - "@typescript-eslint/types": "6.6.0", - "@typescript-eslint/visitor-keys": "6.6.0" - }, - "engines": { - "node": "^16.0.0 || >=18.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/typescript-eslint" - } - }, "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/type-utils": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.6.0.tgz", - "integrity": "sha512-8m16fwAcEnQc69IpeDyokNO+D5spo0w1jepWWY2Q6y5ZKNuj5EhVQXjtVAeDDqvW6Yg7dhclbsz6rTtOvcwpHg==", + "version": "6.13.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.13.1.tgz", + "integrity": "sha512-A2qPlgpxx2v//3meMqQyB1qqTg1h1dJvzca7TugM3Yc2USDY+fsRBiojAEo92HO7f5hW5mjAUF6qobOPzlBCBQ==", "dev": true, "dependencies": { - "@typescript-eslint/typescript-estree": "6.6.0", - "@typescript-eslint/utils": "6.6.0", + "@typescript-eslint/typescript-estree": "6.13.1", + "@typescript-eslint/utils": "6.13.1", "debug": "^4.3.4", "ts-api-utils": "^1.0.1" }, @@ -4684,32 +5146,43 @@ } } }, - "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/types": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.6.0.tgz", - "integrity": "sha512-CB6QpJQ6BAHlJXdwUmiaXDBmTqIE2bzGTDLADgvqtHWuhfNP3rAOK7kAgRMAET5rDRr9Utt+qAzRBdu3AhR3sg==", + "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/utils": { + "version": "6.13.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.13.1.tgz", + "integrity": "sha512-ouPn/zVoan92JgAegesTXDB/oUp6BP1v8WpfYcqh649ejNc9Qv+B4FF2Ff626kO1xg0wWwwG48lAJ4JuesgdOw==", "dev": true, + "dependencies": { + "@eslint-community/eslint-utils": "^4.4.0", + "@types/json-schema": "^7.0.12", + "@types/semver": "^7.5.0", + "@typescript-eslint/scope-manager": "6.13.1", + "@typescript-eslint/types": "6.13.1", + "@typescript-eslint/typescript-estree": "6.13.1", + "semver": "^7.5.4" + }, "engines": { "node": "^16.0.0 || >=18.0.0" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/typescript-eslint" - } + }, + "peerDependencies": { + "eslint": "^7.0.0 || ^8.0.0" + } }, - "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/typescript-estree": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.6.0.tgz", - "integrity": "sha512-hMcTQ6Al8MP2E6JKBAaSxSVw5bDhdmbCEhGW/V8QXkb9oNsFkA4SBuOMYVPxD3jbtQ4R/vSODBsr76R6fP3tbA==", + "node_modules/@typescript-eslint/parser": { + "version": "6.13.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.13.1.tgz", + "integrity": "sha512-fs2XOhWCzRhqMmQf0eicLa/CWSaYss2feXsy7xBD/pLyWke/jCIVc2s1ikEAtSW7ina1HNhv7kONoEfVNEcdDQ==", "dev": true, + "peer": true, "dependencies": { - "@typescript-eslint/types": "6.6.0", - "@typescript-eslint/visitor-keys": "6.6.0", - "debug": "^4.3.4", - "globby": "^11.1.0", - "is-glob": "^4.0.3", - "semver": "^7.5.4", - "ts-api-utils": "^1.0.1" + "@typescript-eslint/scope-manager": "6.13.1", + "@typescript-eslint/types": "6.13.1", + "@typescript-eslint/typescript-estree": "6.13.1", + "@typescript-eslint/visitor-keys": "6.13.1", + "debug": "^4.3.4" }, "engines": { "node": "^16.0.0 || >=18.0.0" @@ -4718,25 +5191,42 @@ "type": "opencollective", "url": "https://opencollective.com/typescript-eslint" }, + "peerDependencies": { + "eslint": "^7.0.0 || ^8.0.0" + }, "peerDependenciesMeta": { "typescript": { "optional": true } } }, - "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/utils": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.6.0.tgz", - "integrity": "sha512-mPHFoNa2bPIWWglWYdR0QfY9GN0CfvvXX1Sv6DlSTive3jlMTUy+an67//Gysc+0Me9pjitrq0LJp0nGtLgftw==", + "node_modules/@typescript-eslint/scope-manager": { + "version": "6.13.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.13.1.tgz", + "integrity": "sha512-BW0kJ7ceiKi56GbT2KKzZzN+nDxzQK2DS6x0PiSMPjciPgd/JRQGMibyaN2cPt2cAvuoH0oNvn2fwonHI+4QUQ==", "dev": true, "dependencies": { - "@eslint-community/eslint-utils": "^4.4.0", - "@types/json-schema": "^7.0.12", - "@types/semver": "^7.5.0", - "@typescript-eslint/scope-manager": "6.6.0", - "@typescript-eslint/types": "6.6.0", - "@typescript-eslint/typescript-estree": "6.6.0", - "semver": "^7.5.4" + "@typescript-eslint/types": "6.13.1", + "@typescript-eslint/visitor-keys": "6.13.1" + }, + "engines": { + "node": "^16.0.0 || >=18.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + } + }, + "node_modules/@typescript-eslint/type-utils": { + "version": "6.10.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.10.0.tgz", + "integrity": "sha512-wYpPs3hgTFblMYwbYWPT3eZtaDOjbLyIYuqpwuLBBqhLiuvJ+9sEp2gNRJEtR5N/c9G1uTtQQL5AhV0fEPJYcg==", + "dev": true, + "dependencies": { + "@typescript-eslint/typescript-estree": "6.10.0", + "@typescript-eslint/utils": "6.10.0", + "debug": "^4.3.4", + "ts-api-utils": "^1.0.1" }, "engines": { "node": "^16.0.0 || >=18.0.0" @@ -4747,17 +5237,18 @@ }, "peerDependencies": { "eslint": "^7.0.0 || ^8.0.0" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } } }, - "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/visitor-keys": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.6.0.tgz", - "integrity": "sha512-L61uJT26cMOfFQ+lMZKoJNbAEckLe539VhTxiGHrWl5XSKQgA0RTBZJW2HFPy5T0ZvPVSD93QsrTKDkfNwJGyQ==", + "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/types": { + "version": "6.10.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.10.0.tgz", + "integrity": "sha512-36Fq1PWh9dusgo3vH7qmQAj5/AZqARky1Wi6WpINxB6SkQdY5vQoT2/7rW7uBIsPDcvvGCLi4r10p0OJ7ITAeg==", "dev": true, - "dependencies": { - "@typescript-eslint/types": "6.6.0", - "eslint-visitor-keys": "^3.4.1" - }, "engines": { "node": "^16.0.0 || >=18.0.0" }, @@ -4766,18 +5257,19 @@ "url": "https://opencollective.com/typescript-eslint" } }, - "node_modules/@typescript-eslint/parser": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.6.0.tgz", - "integrity": "sha512-setq5aJgUwtzGrhW177/i+DMLqBaJbdwGj2CPIVFFLE0NCliy5ujIdLHd2D1ysmlmsjdL2GWW+hR85neEfc12w==", + "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/typescript-estree": { + "version": "6.10.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.10.0.tgz", + "integrity": "sha512-ek0Eyuy6P15LJVeghbWhSrBCj/vJpPXXR+EpaRZqou7achUWL8IdYnMSC5WHAeTWswYQuP2hAZgij/bC9fanBg==", "dev": true, - "peer": true, "dependencies": { - "@typescript-eslint/scope-manager": "6.6.0", - "@typescript-eslint/types": "6.6.0", - "@typescript-eslint/typescript-estree": "6.6.0", - "@typescript-eslint/visitor-keys": "6.6.0", - "debug": "^4.3.4" + "@typescript-eslint/types": "6.10.0", + "@typescript-eslint/visitor-keys": "6.10.0", + "debug": "^4.3.4", + "globby": "^11.1.0", + "is-glob": "^4.0.3", + "semver": "^7.5.4", + "ts-api-utils": "^1.0.1" }, "engines": { "node": "^16.0.0 || >=18.0.0" @@ -4786,24 +5278,20 @@ "type": "opencollective", "url": "https://opencollective.com/typescript-eslint" }, - "peerDependencies": { - "eslint": "^7.0.0 || ^8.0.0" - }, "peerDependenciesMeta": { "typescript": { "optional": true } } }, - "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/scope-manager": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.6.0.tgz", - "integrity": "sha512-pT08u5W/GT4KjPUmEtc2kSYvrH8x89cVzkA0Sy2aaOUIw6YxOIjA8ilwLr/1fLjOedX1QAuBpG9XggWqIIfERw==", + "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/visitor-keys": { + "version": "6.10.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.10.0.tgz", + "integrity": "sha512-xMGluxQIEtOM7bqFCo+rCMh5fqI+ZxV5RUUOa29iVPz1OgCZrtc7rFnz5cLUazlkPKYqX+75iuDq7m0HQ48nCg==", "dev": true, - "peer": true, "dependencies": { - "@typescript-eslint/types": "6.6.0", - "@typescript-eslint/visitor-keys": "6.6.0" + "@typescript-eslint/types": "6.10.0", + "eslint-visitor-keys": "^3.4.1" }, "engines": { "node": "^16.0.0 || >=18.0.0" @@ -4813,12 +5301,11 @@ "url": "https://opencollective.com/typescript-eslint" } }, - "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/types": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.6.0.tgz", - "integrity": "sha512-CB6QpJQ6BAHlJXdwUmiaXDBmTqIE2bzGTDLADgvqtHWuhfNP3rAOK7kAgRMAET5rDRr9Utt+qAzRBdu3AhR3sg==", + "node_modules/@typescript-eslint/types": { + "version": "6.13.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.13.1.tgz", + "integrity": "sha512-gjeEskSmiEKKFIbnhDXUyiqVma1gRCQNbVZ1C8q7Zjcxh3WZMbzWVfGE9rHfWd1msQtPS0BVD9Jz9jded44eKg==", "dev": true, - "peer": true, "engines": { "node": "^16.0.0 || >=18.0.0" }, @@ -4827,15 +5314,14 @@ "url": "https://opencollective.com/typescript-eslint" } }, - "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/typescript-estree": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.6.0.tgz", - "integrity": "sha512-hMcTQ6Al8MP2E6JKBAaSxSVw5bDhdmbCEhGW/V8QXkb9oNsFkA4SBuOMYVPxD3jbtQ4R/vSODBsr76R6fP3tbA==", + "node_modules/@typescript-eslint/typescript-estree": { + "version": "6.13.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.13.1.tgz", + "integrity": "sha512-sBLQsvOC0Q7LGcUHO5qpG1HxRgePbT6wwqOiGLpR8uOJvPJbfs0mW3jPA3ujsDvfiVwVlWUDESNXv44KtINkUQ==", "dev": true, - "peer": true, "dependencies": { - "@typescript-eslint/types": "6.6.0", - "@typescript-eslint/visitor-keys": "6.6.0", + "@typescript-eslint/types": "6.13.1", + "@typescript-eslint/visitor-keys": "6.13.1", "debug": "^4.3.4", "globby": "^11.1.0", "is-glob": "^4.0.3", @@ -4855,15 +5341,19 @@ } } }, - "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/visitor-keys": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.6.0.tgz", - "integrity": "sha512-L61uJT26cMOfFQ+lMZKoJNbAEckLe539VhTxiGHrWl5XSKQgA0RTBZJW2HFPy5T0ZvPVSD93QsrTKDkfNwJGyQ==", + "node_modules/@typescript-eslint/utils": { + "version": "6.10.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.10.0.tgz", + "integrity": "sha512-v+pJ1/RcVyRc0o4wAGux9x42RHmAjIGzPRo538Z8M1tVx6HOnoQBCX/NoadHQlZeC+QO2yr4nNSFWOoraZCAyg==", "dev": true, - "peer": true, "dependencies": { - "@typescript-eslint/types": "6.6.0", - "eslint-visitor-keys": "^3.4.1" + "@eslint-community/eslint-utils": "^4.4.0", + "@types/json-schema": "^7.0.12", + "@types/semver": "^7.5.0", + "@typescript-eslint/scope-manager": "6.10.0", + "@typescript-eslint/types": "6.10.0", + "@typescript-eslint/typescript-estree": "6.10.0", + "semver": "^7.5.4" }, "engines": { "node": "^16.0.0 || >=18.0.0" @@ -4871,81 +5361,57 @@ "funding": { "type": "opencollective", "url": "https://opencollective.com/typescript-eslint" - } - }, - "node_modules/@typescript-eslint/scope-manager": { - "version": "5.62.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz", - "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==", - "dev": true, - "dependencies": { - "@typescript-eslint/types": "5.62.0", - "@typescript-eslint/visitor-keys": "5.62.0" }, - "engines": { - "node": "^12.22.0 || ^14.17.0 || >=16.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/typescript-eslint" + "peerDependencies": { + "eslint": "^7.0.0 || ^8.0.0" } }, - "node_modules/@typescript-eslint/type-utils": { - "version": "5.62.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz", - "integrity": "sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==", + "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/scope-manager": { + "version": "6.10.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.10.0.tgz", + "integrity": "sha512-TN/plV7dzqqC2iPNf1KrxozDgZs53Gfgg5ZHyw8erd6jd5Ta/JIEcdCheXFt9b1NYb93a1wmIIVW/2gLkombDg==", "dev": true, "dependencies": { - "@typescript-eslint/typescript-estree": "5.62.0", - "@typescript-eslint/utils": "5.62.0", - "debug": "^4.3.4", - "tsutils": "^3.21.0" + "@typescript-eslint/types": "6.10.0", + "@typescript-eslint/visitor-keys": "6.10.0" }, "engines": { - "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + "node": "^16.0.0 || >=18.0.0" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/typescript-eslint" - }, - "peerDependencies": { - "eslint": "*" - }, - "peerDependenciesMeta": { - "typescript": { - "optional": true - } } }, - "node_modules/@typescript-eslint/types": { - "version": "5.62.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz", - "integrity": "sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==", + "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/types": { + "version": "6.10.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.10.0.tgz", + "integrity": "sha512-36Fq1PWh9dusgo3vH7qmQAj5/AZqARky1Wi6WpINxB6SkQdY5vQoT2/7rW7uBIsPDcvvGCLi4r10p0OJ7ITAeg==", "dev": true, "engines": { - "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + "node": "^16.0.0 || >=18.0.0" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/typescript-eslint" } }, - "node_modules/@typescript-eslint/typescript-estree": { - "version": "5.62.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz", - "integrity": "sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==", + "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/typescript-estree": { + "version": "6.10.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.10.0.tgz", + "integrity": "sha512-ek0Eyuy6P15LJVeghbWhSrBCj/vJpPXXR+EpaRZqou7achUWL8IdYnMSC5WHAeTWswYQuP2hAZgij/bC9fanBg==", "dev": true, "dependencies": { - "@typescript-eslint/types": "5.62.0", - "@typescript-eslint/visitor-keys": "5.62.0", + "@typescript-eslint/types": "6.10.0", + "@typescript-eslint/visitor-keys": "6.10.0", "debug": "^4.3.4", "globby": "^11.1.0", "is-glob": "^4.0.3", - "semver": "^7.3.7", - "tsutils": "^3.21.0" + "semver": "^7.5.4", + "ts-api-utils": "^1.0.1" }, "engines": { - "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + "node": "^16.0.0 || >=18.0.0" }, "funding": { "type": "opencollective", @@ -4957,69 +5423,56 @@ } } }, - "node_modules/@typescript-eslint/utils": { - "version": "5.62.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz", - "integrity": "sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==", + "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/visitor-keys": { + "version": "6.10.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.10.0.tgz", + "integrity": "sha512-xMGluxQIEtOM7bqFCo+rCMh5fqI+ZxV5RUUOa29iVPz1OgCZrtc7rFnz5cLUazlkPKYqX+75iuDq7m0HQ48nCg==", "dev": true, "dependencies": { - "@eslint-community/eslint-utils": "^4.2.0", - "@types/json-schema": "^7.0.9", - "@types/semver": "^7.3.12", - "@typescript-eslint/scope-manager": "5.62.0", - "@typescript-eslint/types": "5.62.0", - "@typescript-eslint/typescript-estree": "5.62.0", - "eslint-scope": "^5.1.1", - "semver": "^7.3.7" + "@typescript-eslint/types": "6.10.0", + "eslint-visitor-keys": "^3.4.1" }, "engines": { - "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + "node": "^16.0.0 || >=18.0.0" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/typescript-eslint" - }, - "peerDependencies": { - "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0" } }, - "node_modules/@typescript-eslint/utils/node_modules/eslint-scope": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", - "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==", + "node_modules/@typescript-eslint/visitor-keys": { + "version": "6.13.1", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.13.1.tgz", + "integrity": "sha512-NDhQUy2tg6XGNBGDRm1XybOHSia8mcXmlbKWoQP+nm1BIIMxa55shyJfZkHpEBN62KNPLrocSM2PdPcaLgDKMQ==", "dev": true, "dependencies": { - "esrecurse": "^4.3.0", - "estraverse": "^4.1.1" + "@typescript-eslint/types": "6.13.1", + "eslint-visitor-keys": "^3.4.1" }, "engines": { - "node": ">=8.0.0" + "node": "^16.0.0 || >=18.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" } }, - "node_modules/@typescript-eslint/utils/node_modules/estraverse": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz", - "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==", - "dev": true, - "engines": { - "node": ">=4.0" - } + "node_modules/@ungap/structured-clone": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz", + "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==", + "dev": true }, - "node_modules/@typescript-eslint/visitor-keys": { - "version": "5.62.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz", - "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==", + "node_modules/@vitejs/plugin-basic-ssl": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.0.1.tgz", + "integrity": "sha512-pcub+YbFtFhaGRTo1832FQHQSHvMrlb43974e2eS8EKleR3p1cDdkJFPci1UhwkEf1J9Bz+wKBSzqpKp7nNj2A==", "dev": true, - "dependencies": { - "@typescript-eslint/types": "5.62.0", - "eslint-visitor-keys": "^3.3.0" - }, "engines": { - "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + "node": ">=14.6.0" }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/typescript-eslint" + "peerDependencies": { + "vite": "^3.0.0 || ^4.0.0" } }, "node_modules/@webassemblyjs/ast": { @@ -5168,460 +5621,94 @@ "@xtuc/long": "4.2.2" } }, - "node_modules/@wessberg/ts-evaluator": { - "version": "0.0.27", - "resolved": "https://registry.npmjs.org/@wessberg/ts-evaluator/-/ts-evaluator-0.0.27.tgz", - "integrity": "sha512-7gOpVm3yYojUp/Yn7F4ZybJRxyqfMNf0LXK5KJiawbPfL0XTsJV+0mgrEDjOIR6Bi0OYk2Cyg4tjFu1r8MCZaA==", - "deprecated": "this package has been renamed to ts-evaluator. Please install ts-evaluator instead", - "dev": true, - "dependencies": { - "chalk": "^4.1.0", - "jsdom": "^16.4.0", - "object-path": "^0.11.5", - "tslib": "^2.0.3" - }, - "engines": { - "node": ">=10.1.0" - }, - "funding": { - "type": "github", - "url": "https://github.com/wessberg/ts-evaluator?sponsor=1" - }, - "peerDependencies": { - "typescript": ">=3.2.x || >= 4.x" - } + "node_modules/@xtuc/ieee754": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", + "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==", + "dev": true }, - "node_modules/@wessberg/ts-evaluator/node_modules/@tootallnate/once": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz", - "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==", - "dev": true, - "engines": { - "node": ">= 6" - } + "node_modules/@xtuc/long": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz", + "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==", + "dev": true }, - "node_modules/@wessberg/ts-evaluator/node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } + "node_modules/@yarnpkg/lockfile": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz", + "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==", + "dev": true }, - "node_modules/@wessberg/ts-evaluator/node_modules/chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "node_modules/@yarnpkg/parsers": { + "version": "3.0.0-rc.46", + "resolved": "https://registry.npmjs.org/@yarnpkg/parsers/-/parsers-3.0.0-rc.46.tgz", + "integrity": "sha512-aiATs7pSutzda/rq8fnuPwTglyVwjM22bNnK2ZgjrpAjQHSSl3lztd2f9evst1W/qnC58DRz7T7QndUDumAR4Q==", "dev": true, "dependencies": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" + "js-yaml": "^3.10.0", + "tslib": "^2.4.0" }, "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/chalk/chalk?sponsor=1" + "node": ">=14.15.0" } }, - "node_modules/@wessberg/ts-evaluator/node_modules/color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "node_modules/@zkochan/js-yaml": { + "version": "0.0.6", + "resolved": "https://registry.npmjs.org/@zkochan/js-yaml/-/js-yaml-0.0.6.tgz", + "integrity": "sha512-nzvgl3VfhcELQ8LyVrYOru+UtAy1nrygk2+AGbTm8a5YcO6o8lSjAT+pfg3vJWxIoZKOUhrK6UU7xW/+00kQrg==", "dev": true, "dependencies": { - "color-name": "~1.1.4" + "argparse": "^2.0.1" }, - "engines": { - "node": ">=7.0.0" + "bin": { + "js-yaml": "bin/js-yaml.js" } }, - "node_modules/@wessberg/ts-evaluator/node_modules/color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "node_modules/@zkochan/js-yaml/node_modules/argparse": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", "dev": true }, - "node_modules/@wessberg/ts-evaluator/node_modules/cssstyle": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz", - "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==", - "dev": true, - "dependencies": { - "cssom": "~0.3.6" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/@wessberg/ts-evaluator/node_modules/cssstyle/node_modules/cssom": { - "version": "0.3.8", - "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz", - "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==", + "node_modules/abab": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz", + "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==", + "deprecated": "Use your platform's native atob() and btoa() methods instead", "dev": true }, - "node_modules/@wessberg/ts-evaluator/node_modules/data-urls": { + "node_modules/abbrev": { "version": "2.0.0", - "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-2.0.0.tgz", - "integrity": "sha512-X5eWTSXO/BJmpdIKCRuKUgSCgAN0OwliVK3yPKbwIWU1Tdw5BRajxlzMidvh+gwko9AfQ9zIj52pzF91Q3YAvQ==", + "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-2.0.0.tgz", + "integrity": "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==", "dev": true, - "dependencies": { - "abab": "^2.0.3", - "whatwg-mimetype": "^2.3.0", - "whatwg-url": "^8.0.0" - }, "engines": { - "node": ">=10" + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, - "node_modules/@wessberg/ts-evaluator/node_modules/domexception": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/domexception/-/domexception-2.0.1.tgz", - "integrity": "sha512-yxJ2mFy/sibVQlu5qHjOkf9J3K6zgmCxgJ94u2EdvDOV09H+32LtRswEcUsmUWN72pVLOEnTSRaIVVzVQgS0dg==", + "node_modules/accepts": { + "version": "1.3.8", + "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz", + "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==", "dev": true, "dependencies": { - "webidl-conversions": "^5.0.0" + "mime-types": "~2.1.34", + "negotiator": "0.6.3" }, "engines": { - "node": ">=8" + "node": ">= 0.6" } }, - "node_modules/@wessberg/ts-evaluator/node_modules/domexception/node_modules/webidl-conversions": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-5.0.0.tgz", - "integrity": "sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==", + "node_modules/acorn": { + "version": "8.11.2", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz", + "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==", "dev": true, + "bin": { + "acorn": "bin/acorn" + }, "engines": { - "node": ">=8" - } - }, - "node_modules/@wessberg/ts-evaluator/node_modules/form-data": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/form-data/-/form-data-3.0.1.tgz", - "integrity": "sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==", - "dev": true, - "dependencies": { - "asynckit": "^0.4.0", - "combined-stream": "^1.0.8", - "mime-types": "^2.1.12" - }, - "engines": { - "node": ">= 6" - } - }, - "node_modules/@wessberg/ts-evaluator/node_modules/has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true, - "engines": { - "node": ">=8" - } - }, - "node_modules/@wessberg/ts-evaluator/node_modules/html-encoding-sniffer": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz", - "integrity": "sha512-D5JbOMBIR/TVZkubHT+OyT2705QvogUW4IBn6nHd756OwieSF9aDYFj4dv6HHEVGYbHaLETa3WggZYWWMyy3ZQ==", - "dev": true, - "dependencies": { - "whatwg-encoding": "^1.0.5" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/@wessberg/ts-evaluator/node_modules/http-proxy-agent": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz", - "integrity": "sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==", - "dev": true, - "dependencies": { - "@tootallnate/once": "1", - "agent-base": "6", - "debug": "4" - }, - "engines": { - "node": ">= 6" - } - }, - "node_modules/@wessberg/ts-evaluator/node_modules/jsdom": { - "version": "16.7.0", - "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-16.7.0.tgz", - "integrity": "sha512-u9Smc2G1USStM+s/x1ru5Sxrl6mPYCbByG1U/hUmqaVsm4tbNyS7CicOSRyuGQYZhTu0h84qkZZQ/I+dzizSVw==", - "dev": true, - "dependencies": { - "abab": "^2.0.5", - "acorn": "^8.2.4", - "acorn-globals": "^6.0.0", - "cssom": "^0.4.4", - "cssstyle": "^2.3.0", - "data-urls": "^2.0.0", - "decimal.js": "^10.2.1", - "domexception": "^2.0.1", - "escodegen": "^2.0.0", - "form-data": "^3.0.0", - "html-encoding-sniffer": "^2.0.1", - "http-proxy-agent": "^4.0.1", - "https-proxy-agent": "^5.0.0", - "is-potential-custom-element-name": "^1.0.1", - "nwsapi": "^2.2.0", - "parse5": "6.0.1", - "saxes": "^5.0.1", - "symbol-tree": "^3.2.4", - "tough-cookie": "^4.0.0", - "w3c-hr-time": "^1.0.2", - "w3c-xmlserializer": "^2.0.0", - "webidl-conversions": "^6.1.0", - "whatwg-encoding": "^1.0.5", - "whatwg-mimetype": "^2.3.0", - "whatwg-url": "^8.5.0", - "ws": "^7.4.6", - "xml-name-validator": "^3.0.0" - }, - "engines": { - "node": ">=10" - }, - "peerDependencies": { - "canvas": "^2.5.0" - }, - "peerDependenciesMeta": { - "canvas": { - "optional": true - } - } - }, - "node_modules/@wessberg/ts-evaluator/node_modules/parse5": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/parse5/-/parse5-6.0.1.tgz", - "integrity": "sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==", - "dev": true - }, - "node_modules/@wessberg/ts-evaluator/node_modules/saxes": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/saxes/-/saxes-5.0.1.tgz", - "integrity": "sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==", - "dev": true, - "dependencies": { - "xmlchars": "^2.2.0" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/@wessberg/ts-evaluator/node_modules/supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "dependencies": { - "has-flag": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/@wessberg/ts-evaluator/node_modules/tr46": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/tr46/-/tr46-2.1.0.tgz", - "integrity": "sha512-15Ih7phfcdP5YxqiB+iDtLoaTz4Nd35+IiAv0kQ5FNKHzXgdWqPoTIqEDDJmXceQt4JZk6lVPT8lnDlPpGDppw==", - "dev": true, - "dependencies": { - "punycode": "^2.1.1" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/@wessberg/ts-evaluator/node_modules/w3c-xmlserializer": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz", - "integrity": "sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==", - "dev": true, - "dependencies": { - "xml-name-validator": "^3.0.0" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/@wessberg/ts-evaluator/node_modules/webidl-conversions": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-6.1.0.tgz", - "integrity": "sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==", - "dev": true, - "engines": { - "node": ">=10.4" - } - }, - "node_modules/@wessberg/ts-evaluator/node_modules/whatwg-encoding": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz", - "integrity": "sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==", - "dev": true, - "dependencies": { - "iconv-lite": "0.4.24" - } - }, - "node_modules/@wessberg/ts-evaluator/node_modules/whatwg-mimetype": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz", - "integrity": "sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==", - "dev": true - }, - "node_modules/@wessberg/ts-evaluator/node_modules/whatwg-url": { - "version": "8.7.0", - "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-8.7.0.tgz", - "integrity": "sha512-gAojqb/m9Q8a5IV96E3fHJM70AzCkgt4uXYX2O7EmuyOnLrViCQlsEBmF9UQIu3/aeAIp2U17rtbpZWNntQqdg==", - "dev": true, - "dependencies": { - "lodash": "^4.7.0", - "tr46": "^2.1.0", - "webidl-conversions": "^6.1.0" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/@wessberg/ts-evaluator/node_modules/ws": { - "version": "7.5.9", - "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz", - "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==", - "dev": true, - "engines": { - "node": ">=8.3.0" - }, - "peerDependencies": { - "bufferutil": "^4.0.1", - "utf-8-validate": "^5.0.2" - }, - "peerDependenciesMeta": { - "bufferutil": { - "optional": true - }, - "utf-8-validate": { - "optional": true - } - } - }, - "node_modules/@wessberg/ts-evaluator/node_modules/xml-name-validator": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-3.0.0.tgz", - "integrity": "sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==", - "dev": true - }, - "node_modules/@xtuc/ieee754": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", - "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==", - "dev": true - }, - "node_modules/@xtuc/long": { - "version": "4.2.2", - "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz", - "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==", - "dev": true - }, - "node_modules/@yarnpkg/lockfile": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz", - "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==", - "dev": true - }, - "node_modules/@yarnpkg/parsers": { - "version": "3.0.0-rc.46", - "resolved": "https://registry.npmjs.org/@yarnpkg/parsers/-/parsers-3.0.0-rc.46.tgz", - "integrity": "sha512-aiATs7pSutzda/rq8fnuPwTglyVwjM22bNnK2ZgjrpAjQHSSl3lztd2f9evst1W/qnC58DRz7T7QndUDumAR4Q==", - "dev": true, - "dependencies": { - "js-yaml": "^3.10.0", - "tslib": "^2.4.0" - }, - "engines": { - "node": ">=14.15.0" - } - }, - "node_modules/@zkochan/js-yaml": { - "version": "0.0.6", - "resolved": "https://registry.npmjs.org/@zkochan/js-yaml/-/js-yaml-0.0.6.tgz", - "integrity": "sha512-nzvgl3VfhcELQ8LyVrYOru+UtAy1nrygk2+AGbTm8a5YcO6o8lSjAT+pfg3vJWxIoZKOUhrK6UU7xW/+00kQrg==", - "dev": true, - "dependencies": { - "argparse": "^2.0.1" - }, - "bin": { - "js-yaml": "bin/js-yaml.js" - } - }, - "node_modules/@zkochan/js-yaml/node_modules/argparse": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", - "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", - "dev": true - }, - "node_modules/abab": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz", - "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==", - "dev": true - }, - "node_modules/abbrev": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz", - "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==", - "dev": true - }, - "node_modules/accepts": { - "version": "1.3.8", - "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz", - "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==", - "dev": true, - "dependencies": { - "mime-types": "~2.1.34", - "negotiator": "0.6.3" - }, - "engines": { - "node": ">= 0.6" - } - }, - "node_modules/acorn": { - "version": "8.10.0", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz", - "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==", - "dev": true, - "bin": { - "acorn": "bin/acorn" - }, - "engines": { - "node": ">=0.4.0" - } - }, - "node_modules/acorn-globals": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-6.0.0.tgz", - "integrity": "sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==", - "dev": true, - "dependencies": { - "acorn": "^7.1.1", - "acorn-walk": "^7.1.1" - } - }, - "node_modules/acorn-globals/node_modules/acorn": { - "version": "7.4.1", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz", - "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==", - "dev": true, - "bin": { - "acorn": "bin/acorn" - }, - "engines": { - "node": ">=0.4.0" + "node": ">=0.4.0" } }, "node_modules/acorn-import-assertions": { @@ -5643,9 +5730,9 @@ } }, "node_modules/acorn-walk": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz", - "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==", + "version": "8.3.0", + "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.0.tgz", + "integrity": "sha512-FS7hV565M5l1R08MXqo8odwMTB02C2UqzB17RVgu9EyuYFBqJZ3/ZY97sQD5FewVu1UyDFc1yztUDrAwT0EypA==", "dev": true, "engines": { "node": ">=0.4.0" @@ -5688,27 +5775,15 @@ } }, "node_modules/agent-base": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz", - "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==", - "dev": true, - "dependencies": { - "debug": "4" - }, - "engines": { - "node": ">= 6.0.0" - } - }, - "node_modules/agentkeepalive": { - "version": "4.5.0", - "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.5.0.tgz", - "integrity": "sha512-5GG/5IbQQpC9FpkRGsSvZI5QYeSCzlJHdpBQntCsuTOxhKD8lqKhrleg2Yi7yvMIf82Ycmmqln9U8V9qwEiJew==", + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.0.tgz", + "integrity": "sha512-o/zjMZRhJxny7OyEF+Op8X+efiELC7k7yOjMzgfzVqOzXqkBkWI79YoTdOtsuWd5BWhAGAuOY/Xa6xpiaWXiNg==", "dev": true, "dependencies": { - "humanize-ms": "^1.2.1" + "debug": "^4.3.4" }, "engines": { - "node": ">= 8.0.0" + "node": ">= 14" } }, "node_modules/aggregate-error": { @@ -5773,24 +5848,25 @@ } }, "node_modules/algoliasearch": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-4.19.1.tgz", - "integrity": "sha512-IJF5b93b2MgAzcE/tuzW0yOPnuUyRgGAtaPv5UUywXM8kzqfdwZTO4sPJBzoGz1eOy6H9uEchsJsBFTELZSu+g==", - "dependencies": { - "@algolia/cache-browser-local-storage": "4.19.1", - "@algolia/cache-common": "4.19.1", - "@algolia/cache-in-memory": "4.19.1", - "@algolia/client-account": "4.19.1", - "@algolia/client-analytics": "4.19.1", - "@algolia/client-common": "4.19.1", - "@algolia/client-personalization": "4.19.1", - "@algolia/client-search": "4.19.1", - "@algolia/logger-common": "4.19.1", - "@algolia/logger-console": "4.19.1", - "@algolia/requester-browser-xhr": "4.19.1", - "@algolia/requester-common": "4.19.1", - "@algolia/requester-node-http": "4.19.1", - "@algolia/transporter": "4.19.1" + "version": "4.20.0", + "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-4.20.0.tgz", + "integrity": "sha512-y+UHEjnOItoNy0bYO+WWmLWBlPwDjKHW6mNHrPi0NkuhpQOOEbrkwQH/wgKFDLh7qlKjzoKeiRtlpewDPDG23g==", + "dev": true, + "dependencies": { + "@algolia/cache-browser-local-storage": "4.20.0", + "@algolia/cache-common": "4.20.0", + "@algolia/cache-in-memory": "4.20.0", + "@algolia/client-account": "4.20.0", + "@algolia/client-analytics": "4.20.0", + "@algolia/client-common": "4.20.0", + "@algolia/client-personalization": "4.20.0", + "@algolia/client-search": "4.20.0", + "@algolia/logger-common": "4.20.0", + "@algolia/logger-console": "4.20.0", + "@algolia/requester-browser-xhr": "4.20.0", + "@algolia/requester-common": "4.20.0", + "@algolia/requester-node-http": "4.20.0", + "@algolia/transporter": "4.20.0" } }, "node_modules/ansi-colors": { @@ -5914,6 +5990,18 @@ "node": ">= 8" } }, + "node_modules/anymatch/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, "node_modules/append-buffer": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/append-buffer/-/append-buffer-1.0.2.tgz", @@ -5926,12 +6014,6 @@ "node": ">=0.10.0" } }, - "node_modules/aproba": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz", - "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==", - "dev": true - }, "node_modules/archy": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/archy/-/archy-1.0.0.tgz", @@ -5947,33 +6029,6 @@ "node": ">=14" } }, - "node_modules/are-we-there-yet": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-3.0.1.tgz", - "integrity": "sha512-QZW4EDmGwlYur0Yyf/b2uGucHQMa8aFUP7eu9ddR73vvhFyt4V0Vl3QHPcTNJ8l6qYOBdxgXdnBXQrHilfRQBg==", - "dev": true, - "dependencies": { - "delegates": "^1.0.0", - "readable-stream": "^3.6.0" - }, - "engines": { - "node": "^12.13.0 || ^14.15.0 || >=16.0.0" - } - }, - "node_modules/are-we-there-yet/node_modules/readable-stream": { - "version": "3.6.2", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", - "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", - "dev": true, - "dependencies": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" - }, - "engines": { - "node": ">= 6" - } - }, "node_modules/arg": { "version": "4.1.3", "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz", @@ -6097,15 +6152,15 @@ "dev": true }, "node_modules/array-includes": { - "version": "3.1.6", - "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz", - "integrity": "sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==", + "version": "3.1.7", + "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz", + "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==", "dev": true, "dependencies": { "call-bind": "^1.0.2", - "define-properties": "^1.1.4", - "es-abstract": "^1.20.4", - "get-intrinsic": "^1.1.3", + "define-properties": "^1.2.0", + "es-abstract": "^1.22.1", + "get-intrinsic": "^1.2.1", "is-string": "^1.0.7" }, "engines": { @@ -6200,16 +6255,16 @@ } }, "node_modules/array.prototype.findlastindex": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.2.tgz", - "integrity": "sha512-tb5thFFlUcp7NdNF6/MpDk/1r/4awWG1FIz3YqDf+/zJSTezBb+/5WViH41obXULHVpDzoiCLpJ/ZO9YbJMsdw==", + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz", + "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==", "dev": true, "dependencies": { "call-bind": "^1.0.2", - "define-properties": "^1.1.4", - "es-abstract": "^1.20.4", + "define-properties": "^1.2.0", + "es-abstract": "^1.22.1", "es-shim-unscopables": "^1.0.0", - "get-intrinsic": "^1.1.3" + "get-intrinsic": "^1.2.1" }, "engines": { "node": ">= 0.4" @@ -6219,14 +6274,14 @@ } }, "node_modules/array.prototype.flat": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz", - "integrity": "sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==", + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz", + "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==", "dev": true, "dependencies": { "call-bind": "^1.0.2", - "define-properties": "^1.1.4", - "es-abstract": "^1.20.4", + "define-properties": "^1.2.0", + "es-abstract": "^1.22.1", "es-shim-unscopables": "^1.0.0" }, "engines": { @@ -6237,14 +6292,14 @@ } }, "node_modules/array.prototype.flatmap": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz", - "integrity": "sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ==", + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz", + "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==", "dev": true, "dependencies": { "call-bind": "^1.0.2", - "define-properties": "^1.1.4", - "es-abstract": "^1.20.4", + "define-properties": "^1.2.0", + "es-abstract": "^1.22.1", "es-shim-unscopables": "^1.0.0" }, "engines": { @@ -6255,14 +6310,15 @@ } }, "node_modules/arraybuffer.prototype.slice": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.1.tgz", - "integrity": "sha512-09x0ZWFEjj4WD8PDbykUwo3t9arLn8NIzmmYEJFpYekOAQjpkGSyrQhNoRTcwwcFRu+ycWF78QZ63oWTqSjBcw==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz", + "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==", "dev": true, "dependencies": { "array-buffer-byte-length": "^1.0.0", "call-bind": "^1.0.2", "define-properties": "^1.2.0", + "es-abstract": "^1.22.1", "get-intrinsic": "^1.2.1", "is-array-buffer": "^3.0.2", "is-shared-array-buffer": "^1.0.2" @@ -6284,9 +6340,9 @@ } }, "node_modules/async": { - "version": "3.2.4", - "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz", - "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==", + "version": "3.2.5", + "resolved": "https://registry.npmjs.org/async/-/async-3.2.5.tgz", + "integrity": "sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==", "dev": true }, "node_modules/async-done": { @@ -6356,9 +6412,9 @@ } }, "node_modules/autoprefixer": { - "version": "10.4.14", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz", - "integrity": "sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==", + "version": "10.4.16", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz", + "integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==", "dev": true, "funding": [ { @@ -6368,12 +6424,16 @@ { "type": "tidelift", "url": "https://tidelift.com/funding/github/npm/autoprefixer" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" } ], "dependencies": { - "browserslist": "^4.21.5", - "caniuse-lite": "^1.0.30001464", - "fraction.js": "^4.2.0", + "browserslist": "^4.21.10", + "caniuse-lite": "^1.0.30001538", + "fraction.js": "^4.3.6", "normalize-range": "^0.1.2", "picocolors": "^1.0.0", "postcss-value-parser": "^4.2.0" @@ -6410,12 +6470,12 @@ } }, "node_modules/axobject-query": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz", - "integrity": "sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.0.0.tgz", + "integrity": "sha512-+60uv1hiVFhHZeO+Lz0RYzsVHy5Wr1ayX0mwda9KPDVLNJgZ1T9Ny7VmFbLDzxsH0D87I86vgj3gFrjTJUYznw==", "dev": true, "dependencies": { - "deep-equal": "^2.0.5" + "dequal": "^2.0.3" } }, "node_modules/babel-loader": { @@ -6452,13 +6512,13 @@ } }, "node_modules/babel-plugin-polyfill-corejs2": { - "version": "0.4.5", - "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.5.tgz", - "integrity": "sha512-19hwUH5FKl49JEsvyTcoHakh6BE0wgXLLptIyKZ3PijHc/Ci521wygORCUCCred+E/twuqRyAkE02BAWPmsHOg==", + "version": "0.4.6", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.6.tgz", + "integrity": "sha512-jhHiWVZIlnPbEUKSSNb9YoWcQGdlTLq7z1GHL4AjFxaoOUMuuEVJ+Y4pAaQUGOGk93YsVCKPbqbfw3m0SM6H8Q==", "dev": true, "dependencies": { "@babel/compat-data": "^7.22.6", - "@babel/helper-define-polyfill-provider": "^0.4.2", + "@babel/helper-define-polyfill-provider": "^0.4.3", "semver": "^6.3.1" }, "peerDependencies": { @@ -6475,25 +6535,25 @@ } }, "node_modules/babel-plugin-polyfill-corejs3": { - "version": "0.8.3", - "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.3.tgz", - "integrity": "sha512-z41XaniZL26WLrvjy7soabMXrfPWARN25PZoriDEiLMxAp50AUW3t35BGQUMg5xK3UrpVTtagIDklxYa+MhiNA==", + "version": "0.8.6", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.6.tgz", + "integrity": "sha512-leDIc4l4tUgU7str5BWLS2h8q2N4Nf6lGZP6UrNDxdtfF2g69eJ5L0H7S8A5Ln/arfFAfHor5InAdZuIOwZdgQ==", "dev": true, "dependencies": { - "@babel/helper-define-polyfill-provider": "^0.4.2", - "core-js-compat": "^3.31.0" + "@babel/helper-define-polyfill-provider": "^0.4.3", + "core-js-compat": "^3.33.1" }, "peerDependencies": { "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" } }, "node_modules/babel-plugin-polyfill-regenerator": { - "version": "0.5.2", - "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.2.tgz", - "integrity": "sha512-tAlOptU0Xj34V1Y2PNTL4Y0FOJMDB6bZmoW39FeCQIhigGLkqu3Fj6uiXpxIf6Ij274ENdYx64y6Au+ZKlb1IA==", + "version": "0.5.3", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.3.tgz", + "integrity": "sha512-8sHeDOmXC8csczMrYEOf0UTNa4yE2SxV5JGeT/LP1n0OYVDUUFPxG9vdk2AlDlIit4t+Kf0xCtpgXPBwnn/9pw==", "dev": true, "dependencies": { - "@babel/helper-define-polyfill-provider": "^0.4.2" + "@babel/helper-define-polyfill-provider": "^0.4.3" }, "peerDependencies": { "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" @@ -6753,12 +6813,6 @@ "node": ">=8" } }, - "node_modules/browser-process-hrtime": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz", - "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==", - "dev": true - }, "node_modules/browser-sync": { "version": "2.29.3", "resolved": "https://registry.npmjs.org/browser-sync/-/browser-sync-2.29.3.tgz", @@ -6972,9 +7026,9 @@ } }, "node_modules/browserslist": { - "version": "4.21.10", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.10.tgz", - "integrity": "sha512-bipEBdZfVH5/pwrvqc+Ub0kUPVfGUhlKxbvfD+z1BDnPEO/X98ruXGA1WP5ASpAFKan7Qr6j736IacbZQuAlKQ==", + "version": "4.22.2", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz", + "integrity": "sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==", "dev": true, "funding": [ { @@ -6991,10 +7045,10 @@ } ], "dependencies": { - "caniuse-lite": "^1.0.30001517", - "electron-to-chromium": "^1.4.477", - "node-releases": "^2.0.13", - "update-browserslist-db": "^1.0.11" + "caniuse-lite": "^1.0.30001565", + "electron-to-chromium": "^1.4.601", + "node-releases": "^2.0.14", + "update-browserslist-db": "^1.0.13" }, "bin": { "browserslist": "cli.js" @@ -7094,17 +7148,17 @@ } }, "node_modules/cacache": { - "version": "17.1.3", - "resolved": "https://registry.npmjs.org/cacache/-/cacache-17.1.3.tgz", - "integrity": "sha512-jAdjGxmPxZh0IipMdR7fK/4sDSrHMLUV0+GvVUsjwyGNKHsh79kW/otg+GkbXwl6Uzvy9wsvHOX4nUoWldeZMg==", + "version": "18.0.1", + "resolved": "https://registry.npmjs.org/cacache/-/cacache-18.0.1.tgz", + "integrity": "sha512-g4Uf2CFZPaxtJKre6qr4zqLDOOPU7bNVhWjlNhvzc51xaTOx2noMOLhfFkTAqwtrAZAKQUuDfyjitzilpA8WsQ==", "dev": true, "dependencies": { "@npmcli/fs": "^3.1.0", "fs-minipass": "^3.0.0", "glob": "^10.2.2", - "lru-cache": "^7.7.1", - "minipass": "^5.0.0", - "minipass-collect": "^1.0.2", + "lru-cache": "^10.0.1", + "minipass": "^7.0.3", + "minipass-collect": "^2.0.1", "minipass-flush": "^1.0.5", "minipass-pipeline": "^1.2.4", "p-map": "^4.0.0", @@ -7113,7 +7167,7 @@ "unique-filename": "^3.0.0" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^16.14.0 || >=18.0.0" } }, "node_modules/cacache/node_modules/aggregate-error": { @@ -7148,19 +7202,19 @@ } }, "node_modules/cacache/node_modules/glob": { - "version": "10.3.3", - "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.3.tgz", - "integrity": "sha512-92vPiMb/iqpmEgsOoIDvTjc50wf9CCCvMzsi6W0JLPeUKE8TWP1a73PgqSrqy7iAZxaSD1YdzU7QZR5LF51MJw==", + "version": "10.3.10", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz", + "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==", "dev": true, "dependencies": { "foreground-child": "^3.1.0", - "jackspeak": "^2.0.3", + "jackspeak": "^2.3.5", "minimatch": "^9.0.1", "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0", "path-scurry": "^1.10.1" }, "bin": { - "glob": "dist/cjs/src/bin.js" + "glob": "dist/esm/bin.mjs" }, "engines": { "node": ">=16 || 14 >=14.17" @@ -7179,12 +7233,12 @@ } }, "node_modules/cacache/node_modules/lru-cache": { - "version": "7.18.3", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz", - "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==", + "version": "10.1.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.1.0.tgz", + "integrity": "sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==", "dev": true, "engines": { - "node": ">=12" + "node": "14 || >=16.14" } }, "node_modules/cacache/node_modules/minimatch": { @@ -7238,13 +7292,14 @@ } }, "node_modules/call-bind": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz", - "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==", + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz", + "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==", "dev": true, "dependencies": { - "function-bind": "^1.1.1", - "get-intrinsic": "^1.0.2" + "function-bind": "^1.1.2", + "get-intrinsic": "^1.2.1", + "set-function-length": "^1.1.1" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -7269,9 +7324,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001519", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001519.tgz", - "integrity": "sha512-0QHgqR+Jv4bxHMp8kZ1Kn8CH55OikjKJ6JmKkZYP1F3D7w+lnFXF70nG5eNfsZS89jadi5Ywy5UCSKLAglIRkg==", + "version": "1.0.30001566", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001566.tgz", + "integrity": "sha512-ggIhCsTxmITBAMmK8yZjEhCO5/47jKXPu6Dha/wuCS4JePVL+3uiDEBuhu2aIoT+bqTOR8L76Ip1ARL9xYsEJA==", "dev": true, "funding": [ { @@ -7308,6 +7363,13 @@ "node": ">=10.0.0" } }, + "node_modules/canvg/node_modules/regenerator-runtime": { + "version": "0.13.11", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", + "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==", + "dev": true, + "optional": true + }, "node_modules/cfb": { "version": "1.2.2", "resolved": "https://registry.npmjs.org/cfb/-/cfb-1.2.2.tgz", @@ -7393,9 +7455,9 @@ } }, "node_modules/ci-info": { - "version": "3.8.0", - "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz", - "integrity": "sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==", + "version": "3.9.0", + "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz", + "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==", "dev": true, "funding": [ { @@ -7443,66 +7505,17 @@ "node": ">=0.10.0" } }, - "node_modules/class-utils/node_modules/is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", - "dev": true, - "dependencies": { - "kind-of": "^3.0.2" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/class-utils/node_modules/is-accessor-descriptor/node_modules/kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "dependencies": { - "is-buffer": "^1.1.5" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/class-utils/node_modules/is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "dependencies": { - "kind-of": "^3.0.2" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/class-utils/node_modules/is-data-descriptor/node_modules/kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "dependencies": { - "is-buffer": "^1.1.5" - }, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/class-utils/node_modules/is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz", + "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==", "dev": true, "dependencies": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" + "is-accessor-descriptor": "^1.0.1", + "is-data-descriptor": "^1.0.1" }, "engines": { - "node": ">=0.10.0" + "node": ">= 0.4" } }, "node_modules/clean-stack": { @@ -7557,23 +7570,76 @@ } }, "node_modules/cli-width": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz", - "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==", + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-4.1.0.tgz", + "integrity": "sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==", "dev": true, "engines": { - "node": ">= 10" + "node": ">= 12" } }, "node_modules/cliui": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz", - "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==", + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz", + "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==", "dev": true, "dependencies": { "string-width": "^4.2.0", - "strip-ansi": "^6.0.0", + "strip-ansi": "^6.0.1", "wrap-ansi": "^7.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/cliui/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/cliui/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/cliui/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/cliui/node_modules/wrap-ansi": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" } }, "node_modules/clone": { @@ -7756,18 +7822,18 @@ } }, "node_modules/commander": { - "version": "11.0.0", - "resolved": "https://registry.npmjs.org/commander/-/commander-11.0.0.tgz", - "integrity": "sha512-9HMlXtt/BNoYr8ooyjjNRdIilOTkVJXB+GhxMTtOKwk0R4j4lS4NpjuqmRxroBfnfTSHQIHQB7wryHhXarNjmQ==", + "version": "11.1.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-11.1.0.tgz", + "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==", "dev": true, "engines": { "node": ">=16" } }, "node_modules/comment-parser": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/comment-parser/-/comment-parser-1.4.0.tgz", - "integrity": "sha512-QLyTNiZ2KDOibvFPlZ6ZngVsZ/0gYnE6uTXi5aoDg8ed3AkJAz4sEje3Y8a29hQ1s6A99MZXe47fLAXQ1rTqaw==", + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/comment-parser/-/comment-parser-1.4.1.tgz", + "integrity": "sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==", "dev": true, "engines": { "node": ">= 12.0.0" @@ -7786,10 +7852,13 @@ "dev": true }, "node_modules/component-emitter": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz", - "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==", - "dev": true + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.1.tgz", + "integrity": "sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } }, "node_modules/compressible": { "version": "2.0.18", @@ -7929,12 +7998,6 @@ "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", "dev": true }, - "node_modules/console-control-strings": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz", - "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==", - "dev": true - }, "node_modules/content-disposition": { "version": "0.5.4", "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz", @@ -8064,9 +8127,9 @@ } }, "node_modules/core-js": { - "version": "3.32.0", - "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.32.0.tgz", - "integrity": "sha512-rd4rYZNlF3WuoYuRIDEmbR/ga9CeuWX9U05umAvgrrZoHY4Z++cp/xwPQMvUpBB4Ag6J8KfD80G0zwCyaSxDww==", + "version": "3.33.3", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.33.3.tgz", + "integrity": "sha512-lo0kOocUlLKmm6kv/FswQL8zbkH7mVsLJ/FULClOhv8WRVmKLVcs6XPNQAzstfeJTCHMyButEwG+z1kHxHoDZw==", "dev": true, "hasInstallScript": true, "optional": true, @@ -8076,12 +8139,12 @@ } }, "node_modules/core-js-compat": { - "version": "3.32.0", - "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.32.0.tgz", - "integrity": "sha512-7a9a3D1k4UCVKnLhrgALyFcP7YCsLOQIxPd0dKjf/6GuPcgyiGP70ewWdCGrSK7evyhymi0qO4EqCmSJofDeYw==", + "version": "3.33.3", + "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.3.tgz", + "integrity": "sha512-cNzGqFsh3Ot+529GIXacjTJ7kegdt5fPXxCBVS1G0iaZpuo/tBz399ymceLJveQhFFZ8qThHiP3fzuoQjKN2ow==", "dev": true, "dependencies": { - "browserslist": "^4.21.9" + "browserslist": "^4.22.1" }, "funding": { "type": "opencollective", @@ -8108,14 +8171,14 @@ } }, "node_modules/cosmiconfig": { - "version": "8.2.0", - "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.2.0.tgz", - "integrity": "sha512-3rTMnFJA1tCOPwRxtgF4wd7Ab2qvDbL8jX+3smjIbS4HlZBagTlpERbdN7iAbWlrfxE3M8c27kTwTawQ7st+OQ==", + "version": "8.3.6", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.3.6.tgz", + "integrity": "sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==", "dev": true, "dependencies": { - "import-fresh": "^3.2.1", + "import-fresh": "^3.3.0", "js-yaml": "^4.1.0", - "parse-json": "^5.0.0", + "parse-json": "^5.2.0", "path-type": "^4.0.0" }, "engines": { @@ -8123,6 +8186,14 @@ }, "funding": { "url": "https://github.com/sponsors/d-fischer" + }, + "peerDependencies": { + "typescript": ">=4.9.5" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } } }, "node_modules/cosmiconfig/node_modules/argparse": { @@ -8155,6 +8226,12 @@ "node": ">=0.8" } }, + "node_modules/create-require": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz", + "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==", + "dev": true + }, "node_modules/critters": { "version": "0.0.20", "resolved": "https://registry.npmjs.org/critters/-/critters-0.0.20.tgz", @@ -8330,28 +8407,11 @@ "node": ">=4" } }, - "node_modules/cssom": { - "version": "0.4.4", - "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.4.4.tgz", - "integrity": "sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==", - "dev": true - }, - "node_modules/cssstyle": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-3.0.0.tgz", - "integrity": "sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==", - "dev": true, - "dependencies": { - "rrweb-cssom": "^0.6.0" - }, - "engines": { - "node": ">=14" - } - }, "node_modules/csstype": { "version": "3.1.2", "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" + "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==", + "dev": true }, "node_modules/cuint": { "version": "0.2.2", @@ -8375,20 +8435,6 @@ "type": "^1.0.1" } }, - "node_modules/data-urls": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-4.0.0.tgz", - "integrity": "sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==", - "dev": true, - "dependencies": { - "abab": "^2.0.6", - "whatwg-mimetype": "^3.0.0", - "whatwg-url": "^12.0.0" - }, - "engines": { - "node": ">=14" - } - }, "node_modules/date-format": { "version": "4.0.14", "resolved": "https://registry.npmjs.org/date-format/-/date-format-4.0.14.tgz", @@ -8424,12 +8470,6 @@ "node": ">=0.10.0" } }, - "node_modules/decimal.js": { - "version": "10.4.3", - "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz", - "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==", - "dev": true - }, "node_modules/decode-uri-component": { "version": "0.2.2", "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz", @@ -8440,29 +8480,20 @@ } }, "node_modules/deep-equal": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.2.tgz", - "integrity": "sha512-xjVyBf0w5vH0I42jdAZzOKVldmPgSulmiyPRywoyq7HXC9qdgo17kxJE+rdnif5Tz6+pIrpJI8dCpMNLIGkUiA==", + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.2.tgz", + "integrity": "sha512-5tdhKF6DbU7iIzrIOa1AOUt39ZRm13cmL1cGEh//aqR8x9+tNfbywRf0n5FD/18OKMdo7DNEtrX2t22ZAkI+eg==", "dev": true, "dependencies": { - "array-buffer-byte-length": "^1.0.0", - "call-bind": "^1.0.2", - "es-get-iterator": "^1.1.3", - "get-intrinsic": "^1.2.1", "is-arguments": "^1.1.1", - "is-array-buffer": "^3.0.2", "is-date-object": "^1.0.5", "is-regex": "^1.1.4", - "is-shared-array-buffer": "^1.0.2", - "isarray": "^2.0.5", "object-is": "^1.1.5", "object-keys": "^1.1.1", - "object.assign": "^4.1.4", - "regexp.prototype.flags": "^1.5.0", - "side-channel": "^1.0.4", - "which-boxed-primitive": "^1.0.2", - "which-collection": "^1.0.1", - "which-typed-array": "^1.1.9" + "regexp.prototype.flags": "^1.5.1" + }, + "engines": { + "node": ">= 0.4" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -8537,6 +8568,20 @@ "node": ">=0.8" } }, + "node_modules/define-data-property": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz", + "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==", + "dev": true, + "dependencies": { + "get-intrinsic": "^1.2.1", + "gopd": "^1.0.1", + "has-property-descriptors": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/define-lazy-prop": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz", @@ -8547,11 +8592,12 @@ } }, "node_modules/define-properties": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz", - "integrity": "sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz", + "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==", "dev": true, "dependencies": { + "define-data-property": "^1.0.1", "has-property-descriptors": "^1.0.0", "object-keys": "^1.1.1" }, @@ -8576,9 +8622,9 @@ } }, "node_modules/del": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/del/-/del-7.0.0.tgz", - "integrity": "sha512-tQbV/4u5WVB8HMJr08pgw0b6nG4RGt/tj+7Numvq+zqcvUFeMaIWWOUFltiU+6go8BSO2/ogsB4EasDaj0y68Q==", + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/del/-/del-7.1.0.tgz", + "integrity": "sha512-v2KyNk7efxhlyHpjEvfyxaAihKKK0nWCuf6ZtqZcFFpQRG0bJ12Qsr0RpvsICMjAAZ8DOVCxrlqpxISlMHC4Kg==", "dev": true, "dependencies": { "globby": "^13.1.2", @@ -8625,12 +8671,6 @@ "node": ">=0.4.0" } }, - "node_modules/delegates": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz", - "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==", - "dev": true - }, "node_modules/depd": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", @@ -8711,9 +8751,9 @@ } }, "node_modules/diff-sequences": { - "version": "29.4.3", - "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.4.3.tgz", - "integrity": "sha512-ofrBgwpPhCD85kMKtE9RYFFq6OC1A89oW2vvgWZNCwxrUpRUILopY7lsYyMDSjc8g6U6aiO0Qubg6r4Wgt5ZnA==", + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz", + "integrity": "sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==", "dev": true, "engines": { "node": "^14.15.0 || ^16.10.0 || >=18.0.0" @@ -8738,9 +8778,9 @@ "dev": true }, "node_modules/dns-packet": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-5.6.0.tgz", - "integrity": "sha512-rza3UH1LwdHh9qyPXp8lkwpjSNk/AMD3dPytUoRoqnypDUhY0xvbdmVhWOfxO68frEfV9BU8V12Ez7ZsHGZpCQ==", + "version": "5.6.1", + "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-5.6.1.tgz", + "integrity": "sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw==", "dev": true, "dependencies": { "@leichtgewicht/ip-codec": "^2.0.1" @@ -8799,18 +8839,6 @@ } ] }, - "node_modules/domexception": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz", - "integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==", - "dev": true, - "dependencies": { - "webidl-conversions": "^7.0.0" - }, - "engines": { - "node": ">=12" - } - }, "node_modules/domhandler": { "version": "5.0.3", "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz", @@ -8854,12 +8882,24 @@ } }, "node_modules/dotenv": { + "version": "16.3.1", + "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.3.1.tgz", + "integrity": "sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/motdotla/dotenv?sponsor=1" + } + }, + "node_modules/dotenv-expand": { "version": "10.0.0", - "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-10.0.0.tgz", - "integrity": "sha512-rlBi9d8jpv9Sf1klPjNfFAuWDjKLwTIJJ/VxtoTwIR6hnZxcEOQCZg2oIL3MWBYw5GpUDKOEnND7LXTbIpQ03Q==", + "resolved": "https://registry.npmjs.org/dotenv-expand/-/dotenv-expand-10.0.0.tgz", + "integrity": "sha512-GopVGCpVS1UKH75VKHGuQFqS1Gusej0z4FyQkPdwjil2gNIv+LNsqBlboOzpJFZKVT95GkCyWJbBSdFEFUWI2A==", "dev": true, "engines": { - "node": ">=10" + "node": ">=12" } }, "node_modules/duplexer": { @@ -9024,9 +9064,9 @@ } }, "node_modules/electron-to-chromium": { - "version": "1.4.490", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.490.tgz", - "integrity": "sha512-6s7NVJz+sATdYnIwhdshx/N/9O6rvMxmhVoDSDFdj6iA45gHR8EQje70+RYsF4GeB+k0IeNSBnP7yG9ZXJFr7A==", + "version": "1.4.601", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.601.tgz", + "integrity": "sha512-SpwUMDWe9tQu8JX5QCO1+p/hChAi9AE9UpoC3rcHVc+gdCGlbT3SGb5I1klgb952HRIyvt9wZhSz9bNBYz9swA==", "dev": true }, "node_modules/emoji-regex": { @@ -9086,9 +9126,9 @@ } }, "node_modules/engine.io": { - "version": "6.5.2", - "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.5.2.tgz", - "integrity": "sha512-IXsMcGpw/xRfjra46sVZVHiSWo/nJ/3g1337q9KNXtS6YRzbW5yIzTCb9DjhrBe7r3GZQR0I4+nq+4ODk5g/cA==", + "version": "6.5.4", + "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.5.4.tgz", + "integrity": "sha512-KdVSDKhVKyOi+r5uEabrDLZw2qXStVvCsEB/LN3mw4WFi6Gx50jTyuxYVCwAAC0U46FdnzP/ScKRBTXb/NiEOg==", "dev": true, "dependencies": { "@types/cookie": "^0.4.1", @@ -9107,9 +9147,9 @@ } }, "node_modules/engine.io-client": { - "version": "6.5.2", - "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.5.2.tgz", - "integrity": "sha512-CQZqbrpEYnrpGqC07a9dJDz4gePZUgTPMU3NKJPSeQOyw27Tst4Pl3FemKoFGAlHzgZmKjoRmiJvbWfhCXUlIg==", + "version": "6.5.3", + "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.5.3.tgz", + "integrity": "sha512-9Z0qLB0NIisTRt1DZ/8U2k12RJn8yls/nXMZLn+/N8hANT3TcYjKFKcwbw5zFQiN4NTde3TSY9zb79e1ij6j9Q==", "dev": true, "dependencies": { "@socket.io/component-emitter": "~3.1.0", @@ -9119,27 +9159,6 @@ "xmlhttprequest-ssl": "~2.0.0" } }, - "node_modules/engine.io-client/node_modules/ws": { - "version": "8.11.0", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz", - "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==", - "dev": true, - "engines": { - "node": ">=10.0.0" - }, - "peerDependencies": { - "bufferutil": "^4.0.1", - "utf-8-validate": "^5.0.2" - }, - "peerDependenciesMeta": { - "bufferutil": { - "optional": true - }, - "utf-8-validate": { - "optional": true - } - } - }, "node_modules/engine.io-parser": { "version": "5.2.1", "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.1.tgz", @@ -9158,27 +9177,6 @@ "node": ">= 0.6" } }, - "node_modules/engine.io/node_modules/ws": { - "version": "8.11.0", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz", - "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==", - "dev": true, - "engines": { - "node": ">=10.0.0" - }, - "peerDependencies": { - "bufferutil": "^4.0.1", - "utf-8-validate": "^5.0.2" - }, - "peerDependenciesMeta": { - "bufferutil": { - "optional": true - }, - "utf-8-validate": { - "optional": true - } - } - }, "node_modules/enhanced-resolve": { "version": "5.15.0", "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz", @@ -9260,26 +9258,26 @@ } }, "node_modules/es-abstract": { - "version": "1.22.1", - "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.1.tgz", - "integrity": "sha512-ioRRcXMO6OFyRpyzV3kE1IIBd4WG5/kltnzdxSCqoP8CMGs/Li+M1uF5o7lOkZVFjDs+NLesthnF66Pg/0q0Lw==", + "version": "1.22.3", + "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.3.tgz", + "integrity": "sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==", "dev": true, "dependencies": { "array-buffer-byte-length": "^1.0.0", - "arraybuffer.prototype.slice": "^1.0.1", + "arraybuffer.prototype.slice": "^1.0.2", "available-typed-arrays": "^1.0.5", - "call-bind": "^1.0.2", + "call-bind": "^1.0.5", "es-set-tostringtag": "^2.0.1", "es-to-primitive": "^1.2.1", - "function.prototype.name": "^1.1.5", - "get-intrinsic": "^1.2.1", + "function.prototype.name": "^1.1.6", + "get-intrinsic": "^1.2.2", "get-symbol-description": "^1.0.0", "globalthis": "^1.0.3", "gopd": "^1.0.1", - "has": "^1.0.3", "has-property-descriptors": "^1.0.0", "has-proto": "^1.0.1", "has-symbols": "^1.0.3", + "hasown": "^2.0.0", "internal-slot": "^1.0.5", "is-array-buffer": "^3.0.2", "is-callable": "^1.2.7", @@ -9287,23 +9285,23 @@ "is-regex": "^1.1.4", "is-shared-array-buffer": "^1.0.2", "is-string": "^1.0.7", - "is-typed-array": "^1.1.10", + "is-typed-array": "^1.1.12", "is-weakref": "^1.0.2", - "object-inspect": "^1.12.3", + "object-inspect": "^1.13.1", "object-keys": "^1.1.1", "object.assign": "^4.1.4", - "regexp.prototype.flags": "^1.5.0", - "safe-array-concat": "^1.0.0", + "regexp.prototype.flags": "^1.5.1", + "safe-array-concat": "^1.0.1", "safe-regex-test": "^1.0.0", - "string.prototype.trim": "^1.2.7", - "string.prototype.trimend": "^1.0.6", - "string.prototype.trimstart": "^1.0.6", + "string.prototype.trim": "^1.2.8", + "string.prototype.trimend": "^1.0.7", + "string.prototype.trimstart": "^1.0.7", "typed-array-buffer": "^1.0.0", "typed-array-byte-length": "^1.0.0", "typed-array-byte-offset": "^1.0.0", "typed-array-length": "^1.0.4", "unbox-primitive": "^1.0.2", - "which-typed-array": "^1.1.10" + "which-typed-array": "^1.1.13" }, "engines": { "node": ">= 0.4" @@ -9312,53 +9310,33 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/es-get-iterator": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz", - "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==", - "dev": true, - "dependencies": { - "call-bind": "^1.0.2", - "get-intrinsic": "^1.1.3", - "has-symbols": "^1.0.3", - "is-arguments": "^1.1.1", - "is-map": "^2.0.2", - "is-set": "^2.0.2", - "is-string": "^1.0.7", - "isarray": "^2.0.5", - "stop-iteration-iterator": "^1.0.0" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/es-module-lexer": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.3.0.tgz", - "integrity": "sha512-vZK7T0N2CBmBOixhmjdqx2gWVbFZ4DXZ/NyRMZVlJXPa7CyFS+/a4QQsDGDQy9ZfEzxFuNEsMLeQJnKP2p5/JA==", + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.4.1.tgz", + "integrity": "sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w==", "dev": true }, "node_modules/es-set-tostringtag": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz", - "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==", + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz", + "integrity": "sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==", "dev": true, "dependencies": { - "get-intrinsic": "^1.1.3", - "has": "^1.0.3", - "has-tostringtag": "^1.0.0" + "get-intrinsic": "^1.2.2", + "has-tostringtag": "^1.0.0", + "hasown": "^2.0.0" }, "engines": { "node": ">= 0.4" } }, "node_modules/es-shim-unscopables": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz", - "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz", + "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==", "dev": true, "dependencies": { - "has": "^1.0.3" + "hasown": "^2.0.0" } }, "node_modules/es-to-primitive": { @@ -9427,9 +9405,9 @@ } }, "node_modules/esbuild": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.17.tgz", - "integrity": "sha512-1GJtYnUxsJreHYA0Y+iQz2UEykonY66HNWOb0yXYZi9/kNrORUEHVg87eQsCtqh59PEJ5YVZJO98JHznMJSWjg==", + "version": "0.19.8", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.8.tgz", + "integrity": "sha512-l7iffQpT2OrZfH2rXIp7/FkmaeZM0vxbxN9KfiCwGYuZqzMg/JdvX26R31Zxn/Pxvsrg3Y9N6XTcnknqDyyv4w==", "dev": true, "hasInstallScript": true, "bin": { @@ -9439,34 +9417,34 @@ "node": ">=12" }, "optionalDependencies": { - "@esbuild/android-arm": "0.18.17", - "@esbuild/android-arm64": "0.18.17", - "@esbuild/android-x64": "0.18.17", - "@esbuild/darwin-arm64": "0.18.17", - "@esbuild/darwin-x64": "0.18.17", - "@esbuild/freebsd-arm64": "0.18.17", - "@esbuild/freebsd-x64": "0.18.17", - "@esbuild/linux-arm": "0.18.17", - "@esbuild/linux-arm64": "0.18.17", - "@esbuild/linux-ia32": "0.18.17", - "@esbuild/linux-loong64": "0.18.17", - "@esbuild/linux-mips64el": "0.18.17", - "@esbuild/linux-ppc64": "0.18.17", - "@esbuild/linux-riscv64": "0.18.17", - "@esbuild/linux-s390x": "0.18.17", - "@esbuild/linux-x64": "0.18.17", - "@esbuild/netbsd-x64": "0.18.17", - "@esbuild/openbsd-x64": "0.18.17", - "@esbuild/sunos-x64": "0.18.17", - "@esbuild/win32-arm64": "0.18.17", - "@esbuild/win32-ia32": "0.18.17", - "@esbuild/win32-x64": "0.18.17" + "@esbuild/android-arm": "0.19.8", + "@esbuild/android-arm64": "0.19.8", + "@esbuild/android-x64": "0.19.8", + "@esbuild/darwin-arm64": "0.19.8", + "@esbuild/darwin-x64": "0.19.8", + "@esbuild/freebsd-arm64": "0.19.8", + "@esbuild/freebsd-x64": "0.19.8", + "@esbuild/linux-arm": "0.19.8", + "@esbuild/linux-arm64": "0.19.8", + "@esbuild/linux-ia32": "0.19.8", + "@esbuild/linux-loong64": "0.19.8", + "@esbuild/linux-mips64el": "0.19.8", + "@esbuild/linux-ppc64": "0.19.8", + "@esbuild/linux-riscv64": "0.19.8", + "@esbuild/linux-s390x": "0.19.8", + "@esbuild/linux-x64": "0.19.8", + "@esbuild/netbsd-x64": "0.19.8", + "@esbuild/openbsd-x64": "0.19.8", + "@esbuild/sunos-x64": "0.19.8", + "@esbuild/win32-arm64": "0.19.8", + "@esbuild/win32-ia32": "0.19.8", + "@esbuild/win32-x64": "0.19.8" } }, "node_modules/esbuild-wasm": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.18.17.tgz", - "integrity": "sha512-9OHGcuRzy+I8ziF9FzjfKLWAPbvi0e/metACVg9k6bK+SI4FFxeV6PcZsz8RIVaMD4YNehw+qj6UMR3+qj/EuQ==", + "version": "0.19.5", + "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.19.5.tgz", + "integrity": "sha512-7zmLLn2QCj93XfMmHtzrDJ1UBuOHB2CZz1ghoCEZiRajxjUvHsF40PnbzFIY/pmesqPRaEtEWii0uzsTbnAgrA==", "dev": true, "bin": { "esbuild": "bin/esbuild" @@ -9499,50 +9477,20 @@ "node": ">=0.8.0" } }, - "node_modules/escodegen": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz", - "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==", - "dev": true, - "dependencies": { - "esprima": "^4.0.1", - "estraverse": "^5.2.0", - "esutils": "^2.0.2" - }, - "bin": { - "escodegen": "bin/escodegen.js", - "esgenerate": "bin/esgenerate.js" - }, - "engines": { - "node": ">=6.0" - }, - "optionalDependencies": { - "source-map": "~0.6.1" - } - }, - "node_modules/escodegen/node_modules/source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true, - "optional": true, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/eslint": { - "version": "8.46.0", - "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.46.0.tgz", - "integrity": "sha512-cIO74PvbW0qU8e0mIvk5IV3ToWdCq5FYG6gWPHHkx6gNdjlbAYvtfHmlCMXxjcoVaIdwy/IAt3+mDkZkfvb2Dg==", + "version": "8.55.0", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.55.0.tgz", + "integrity": "sha512-iyUUAM0PCKj5QpwGfmCAG9XXbZCWsqP/eWAWrG/W0umvjuLRBECwSFdt+rCntju0xEH7teIABPwXpahftIaTdA==", "dev": true, "dependencies": { "@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/regexpp": "^4.6.1", - "@eslint/eslintrc": "^2.1.1", - "@eslint/js": "^8.46.0", - "@humanwhocodes/config-array": "^0.11.10", + "@eslint/eslintrc": "^2.1.4", + "@eslint/js": "8.55.0", + "@humanwhocodes/config-array": "^0.11.13", "@humanwhocodes/module-importer": "^1.0.1", "@nodelib/fs.walk": "^1.2.8", + "@ungap/structured-clone": "^1.2.0", "ajv": "^6.12.4", "chalk": "^4.0.0", "cross-spawn": "^7.0.2", @@ -9550,7 +9498,7 @@ "doctrine": "^3.0.0", "escape-string-regexp": "^4.0.0", "eslint-scope": "^7.2.2", - "eslint-visitor-keys": "^3.4.2", + "eslint-visitor-keys": "^3.4.3", "espree": "^9.6.1", "esquery": "^1.4.2", "esutils": "^2.0.2", @@ -9616,23 +9564,6 @@ "ms": "^2.1.1" } }, - "node_modules/eslint-import-resolver-node/node_modules/resolve": { - "version": "1.22.4", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.4.tgz", - "integrity": "sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==", - "dev": true, - "dependencies": { - "is-core-module": "^2.13.0", - "path-parse": "^1.0.7", - "supports-preserve-symlinks-flag": "^1.0.0" - }, - "bin": { - "resolve": "bin/resolve" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/eslint-module-utils": { "version": "2.8.0", "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz", @@ -9660,27 +9591,26 @@ } }, "node_modules/eslint-plugin-import": { - "version": "2.28.0", - "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.28.0.tgz", - "integrity": "sha512-B8s/n+ZluN7sxj9eUf7/pRFERX0r5bnFA2dCaLHy2ZeaQEAz0k+ZZkFWRFHJAqxfxQDx6KLv9LeIki7cFdwW+Q==", + "version": "2.29.0", + "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz", + "integrity": "sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==", "dev": true, "dependencies": { - "array-includes": "^3.1.6", - "array.prototype.findlastindex": "^1.2.2", - "array.prototype.flat": "^1.3.1", - "array.prototype.flatmap": "^1.3.1", + "array-includes": "^3.1.7", + "array.prototype.findlastindex": "^1.2.3", + "array.prototype.flat": "^1.3.2", + "array.prototype.flatmap": "^1.3.2", "debug": "^3.2.7", "doctrine": "^2.1.0", - "eslint-import-resolver-node": "^0.3.7", + "eslint-import-resolver-node": "^0.3.9", "eslint-module-utils": "^2.8.0", - "has": "^1.0.3", - "is-core-module": "^2.12.1", + "hasown": "^2.0.0", + "is-core-module": "^2.13.1", "is-glob": "^4.0.3", "minimatch": "^3.1.2", - "object.fromentries": "^2.0.6", - "object.groupby": "^1.0.0", - "object.values": "^1.1.6", - "resolve": "^1.22.3", + "object.fromentries": "^2.0.7", + "object.groupby": "^1.0.1", + "object.values": "^1.1.7", "semver": "^6.3.1", "tsconfig-paths": "^3.14.2" }, @@ -9712,23 +9642,6 @@ "node": ">=0.10.0" } }, - "node_modules/eslint-plugin-import/node_modules/resolve": { - "version": "1.22.4", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.4.tgz", - "integrity": "sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==", - "dev": true, - "dependencies": { - "is-core-module": "^2.13.0", - "path-parse": "^1.0.7", - "supports-preserve-symlinks-flag": "^1.0.0" - }, - "bin": { - "resolve": "bin/resolve" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/eslint-plugin-import/node_modules/semver": { "version": "6.3.1", "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", @@ -9739,14 +9652,14 @@ } }, "node_modules/eslint-plugin-jsdoc": { - "version": "46.4.6", - "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-46.4.6.tgz", - "integrity": "sha512-z4SWYnJfOqftZI+b3RM9AtWL1vF/sLWE/LlO9yOKDof9yN2+n3zOdOJTGX/pRE/xnPsooOLG2Rq6e4d+XW3lNw==", + "version": "46.9.0", + "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-46.9.0.tgz", + "integrity": "sha512-UQuEtbqLNkPf5Nr/6PPRCtr9xypXY+g8y/Q7gPa0YK7eDhh0y2lWprXRnaYbW7ACgIUvpDKy9X2bZqxtGzBG9Q==", "dev": true, "dependencies": { - "@es-joy/jsdoccomment": "~0.40.1", + "@es-joy/jsdoccomment": "~0.41.0", "are-docs-informative": "^0.0.2", - "comment-parser": "1.4.0", + "comment-parser": "1.4.1", "debug": "^4.3.4", "escape-string-regexp": "^4.0.0", "esquery": "^1.5.0", @@ -9799,9 +9712,9 @@ } }, "node_modules/eslint-visitor-keys": { - "version": "3.4.2", - "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.2.tgz", - "integrity": "sha512-8drBzUEyZ2llkpCA67iYrgEssKDUu68V8ChqqOfFupIaG/LCVPUT+CoGJpT77zJprs4T/W7p07LP7zAIMuweVw==", + "version": "3.4.3", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz", + "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==", "dev": true, "engines": { "node": "^12.22.0 || ^14.17.0 || >=16.0.0" @@ -9922,9 +9835,9 @@ } }, "node_modules/eslint/node_modules/globals": { - "version": "13.20.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz", - "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==", + "version": "13.23.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz", + "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==", "dev": true, "dependencies": { "type-fest": "^0.20.2" @@ -10223,66 +10136,17 @@ "node": ">=0.10.0" } }, - "node_modules/expand-brackets/node_modules/is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", - "dev": true, - "dependencies": { - "kind-of": "^3.0.2" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/expand-brackets/node_modules/is-accessor-descriptor/node_modules/kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "dependencies": { - "is-buffer": "^1.1.5" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/expand-brackets/node_modules/is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "dependencies": { - "kind-of": "^3.0.2" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/expand-brackets/node_modules/is-data-descriptor/node_modules/kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "dependencies": { - "is-buffer": "^1.1.5" - }, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/expand-brackets/node_modules/is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz", + "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==", "dev": true, "dependencies": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" + "is-accessor-descriptor": "^1.0.1", + "is-data-descriptor": "^1.0.1" }, "engines": { - "node": ">=0.10.0" + "node": ">= 0.4" } }, "node_modules/expand-brackets/node_modules/is-extendable": { @@ -10313,17 +10177,16 @@ } }, "node_modules/expect": { - "version": "29.6.2", - "resolved": "https://registry.npmjs.org/expect/-/expect-29.6.2.tgz", - "integrity": "sha512-iAErsLxJ8C+S02QbLAwgSGSezLQK+XXRDt8IuFXFpwCNw2ECmzZSmjKcCaFVp5VRMk+WAvz6h6jokzEzBFZEuA==", + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/expect/-/expect-29.7.0.tgz", + "integrity": "sha512-2Zks0hf1VLFYI1kbh0I5jP3KHHyCHpkfyHBzsSXRFgl/Bg9mWYfMW8oD+PdMPlEwy5HNsR9JutYy6pMeOh61nw==", "dev": true, "dependencies": { - "@jest/expect-utils": "^29.6.2", - "@types/node": "*", - "jest-get-type": "^29.4.3", - "jest-matcher-utils": "^29.6.2", - "jest-message-util": "^29.6.2", - "jest-util": "^29.6.2" + "@jest/expect-utils": "^29.7.0", + "jest-get-type": "^29.6.3", + "jest-matcher-utils": "^29.7.0", + "jest-message-util": "^29.7.0", + "jest-util": "^29.7.0" }, "engines": { "node": "^14.15.0 || ^16.10.0 || >=18.0.0" @@ -10662,15 +10525,28 @@ "dev": true }, "node_modules/figures": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz", - "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/figures/-/figures-5.0.0.tgz", + "integrity": "sha512-ej8ksPF4x6e5wvK9yevct0UCXh8TTFlWGVLlgjZuoBH1HwjIfKE/IdL5mq89sFA7zELi1VhKpmtDnrs7zWyeyg==", "dev": true, "dependencies": { - "escape-string-regexp": "^1.0.5" + "escape-string-regexp": "^5.0.0", + "is-unicode-supported": "^1.2.0" }, "engines": { - "node": ">=8" + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/figures/node_modules/escape-string-regexp": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz", + "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==", + "dev": true, + "engines": { + "node": ">=12" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" @@ -11036,12 +10912,13 @@ } }, "node_modules/flat-cache": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz", - "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==", + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz", + "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==", "dev": true, "dependencies": { - "flatted": "^3.1.0", + "flatted": "^3.2.9", + "keyv": "^4.5.3", "rimraf": "^3.0.2" }, "engines": { @@ -11049,9 +10926,9 @@ } }, "node_modules/flatted": { - "version": "3.2.7", - "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz", - "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==", + "version": "3.2.9", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz", + "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==", "dev": true }, "node_modules/flush-write-stream": { @@ -11065,9 +10942,9 @@ } }, "node_modules/follow-redirects": { - "version": "1.15.2", - "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz", - "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==", + "version": "1.15.3", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz", + "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==", "dev": true, "funding": [ { @@ -11175,16 +11052,16 @@ } }, "node_modules/fraction.js": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz", - "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==", + "version": "4.3.7", + "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz", + "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==", "dev": true, "engines": { "node": "*" }, "funding": { "type": "patreon", - "url": "https://www.patreon.com/infusion" + "url": "https://github.com/sponsors/rawify" } }, "node_modules/fragment-cache": { @@ -11226,12 +11103,12 @@ } }, "node_modules/fs-minipass": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-3.0.2.tgz", - "integrity": "sha512-2GAfyfoaCDRrM6jaOS3UsBts8yJ55VioXdWcOL7dK9zdAuKT71+WBA4ifnNYqVjYv+4SsPxjK0JT4yIIn4cA/g==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-3.0.3.tgz", + "integrity": "sha512-XUBA9XClHbnJWSfBzjkm6RvPsyg3sryZt06BEQoXcF7EK/xpGaQYJgQKDJSUH5SGZ76Y7pFx1QBnXz09rU5Fbw==", "dev": true, "dependencies": { - "minipass": "^5.0.0" + "minipass": "^7.0.3" }, "engines": { "node": "^14.17.0 || ^16.13.0 || >=18.0.0" @@ -11251,9 +11128,9 @@ } }, "node_modules/fs-monkey": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.4.tgz", - "integrity": "sha512-INM/fWAxMICjttnD0DX1rBvinKskj5G1w+oy/pnm9u/tSlnBrzFonJMcalKJ30P8RRsPzKcCG7Q8l0jx5Fh9YQ==", + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.5.tgz", + "integrity": "sha512-8uMbBjrhzW76TYgEV27Y5E//W2f/lTFmx78P2w19FZSxarhI/798APGQyuGCwmkNxgwGRhrLfvWyLBvNtuOmew==", "dev": true }, "node_modules/fs.realpath": { @@ -11263,9 +11140,9 @@ "dev": true }, "node_modules/fsevents": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", - "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", "dev": true, "hasInstallScript": true, "optional": true, @@ -11277,21 +11154,24 @@ } }, "node_modules/function-bind": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", - "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", - "dev": true + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", + "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } }, "node_modules/function.prototype.name": { - "version": "1.1.5", - "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.5.tgz", - "integrity": "sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==", + "version": "1.1.6", + "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz", + "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==", "dev": true, "dependencies": { "call-bind": "^1.0.2", - "define-properties": "^1.1.3", - "es-abstract": "^1.19.0", - "functions-have-names": "^1.2.2" + "define-properties": "^1.2.0", + "es-abstract": "^1.22.1", + "functions-have-names": "^1.2.3" }, "engines": { "node": ">= 0.4" @@ -11309,25 +11189,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/gauge": { - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/gauge/-/gauge-4.0.4.tgz", - "integrity": "sha512-f9m+BEN5jkg6a0fZjleidjN51VE1X+mPFQ2DJ0uv1V39oCLCbsGe6yjbBnp7eK7z/+GAon99a3nHuqbuuthyPg==", - "dev": true, - "dependencies": { - "aproba": "^1.0.3 || ^2.0.0", - "color-support": "^1.1.3", - "console-control-strings": "^1.1.0", - "has-unicode": "^2.0.1", - "signal-exit": "^3.0.7", - "string-width": "^4.2.3", - "strip-ansi": "^6.0.1", - "wide-align": "^1.1.5" - }, - "engines": { - "node": "^12.13.0 || ^14.15.0 || >=16.0.0" - } - }, "node_modules/gensync": { "version": "1.0.0-beta.2", "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", @@ -11347,15 +11208,15 @@ } }, "node_modules/get-intrinsic": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz", - "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==", + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz", + "integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==", "dev": true, "dependencies": { - "function-bind": "^1.1.1", - "has": "^1.0.3", + "function-bind": "^1.1.2", "has-proto": "^1.0.1", - "has-symbols": "^1.0.3" + "has-symbols": "^1.0.3", + "hasown": "^2.0.0" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -11912,18 +11773,6 @@ "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==", "dev": true }, - "node_modules/guess-parser": { - "version": "0.4.22", - "resolved": "https://registry.npmjs.org/guess-parser/-/guess-parser-0.4.22.tgz", - "integrity": "sha512-KcUWZ5ACGaBM69SbqwVIuWGoSAgD+9iJnchR9j/IarVI1jHVeXv+bUXBIMeqVMSKt3zrn0Dgf9UpcOEpPBLbSg==", - "dev": true, - "dependencies": { - "@wessberg/ts-evaluator": "0.0.27" - }, - "peerDependencies": { - "typescript": ">=3.7.5" - } - }, "node_modules/gulp": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/gulp/-/gulp-4.0.2.tgz", @@ -12238,18 +12087,6 @@ "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==", "dev": true }, - "node_modules/has": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", - "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", - "dev": true, - "dependencies": { - "function-bind": "^1.1.1" - }, - "engines": { - "node": ">= 0.4.0" - } - }, "node_modules/has-bigints": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz", @@ -12281,12 +12118,12 @@ } }, "node_modules/has-property-descriptors": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz", - "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz", + "integrity": "sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==", "dev": true, "dependencies": { - "get-intrinsic": "^1.1.1" + "get-intrinsic": "^1.2.2" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -12331,12 +12168,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/has-unicode": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz", - "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==", - "dev": true - }, "node_modules/has-value": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz", @@ -12400,6 +12231,18 @@ "node": ">=0.10.0" } }, + "node_modules/hasown": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz", + "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==", + "dev": true, + "dependencies": { + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/hdr-histogram-js": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/hdr-histogram-js/-/hdr-histogram-js-2.0.3.tgz", @@ -12430,24 +12273,24 @@ } }, "node_modules/hosted-git-info": { - "version": "6.1.1", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-6.1.1.tgz", - "integrity": "sha512-r0EI+HBMcXadMrugk0GCQ+6BQV39PiWAZVfq7oIckeGiN7sjRGyQxPdft3nQekFTCQbYxLBH+/axZMeH8UX6+w==", + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.1.tgz", + "integrity": "sha512-+K84LB1DYwMHoHSgaOY/Jfhw3ucPmSET5v98Ke/HdNSw4a0UktWzyW1mjhjpuxxTqOOsfWT/7iVshHmVZ4IpOA==", "dev": true, "dependencies": { - "lru-cache": "^7.5.1" + "lru-cache": "^10.0.1" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^16.14.0 || >=18.0.0" } }, "node_modules/hosted-git-info/node_modules/lru-cache": { - "version": "7.18.3", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz", - "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==", + "version": "10.1.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.1.0.tgz", + "integrity": "sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==", "dev": true, "engines": { - "node": ">=12" + "node": "14 || >=16.14" } }, "node_modules/hpack.js": { @@ -12462,18 +12305,6 @@ "wbuf": "^1.1.0" } }, - "node_modules/html-encoding-sniffer": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz", - "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==", - "dev": true, - "dependencies": { - "whatwg-encoding": "^2.0.0" - }, - "engines": { - "node": ">=12" - } - }, "node_modules/html-entities": { "version": "2.4.0", "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.4.0.tgz", @@ -12578,17 +12409,16 @@ } }, "node_modules/http-proxy-agent": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz", - "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==", + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.0.tgz", + "integrity": "sha512-+ZT+iBxVUQ1asugqnD6oWoRiS25AkjNfG085dKJGtGxkdwLQrMKU5wJr2bOOFAXzKcTuqq+7fZlTMgG3SRfIYQ==", "dev": true, "dependencies": { - "@tootallnate/once": "2", - "agent-base": "6", - "debug": "4" + "agent-base": "^7.1.0", + "debug": "^4.3.4" }, "engines": { - "node": ">= 6" + "node": ">= 14" } }, "node_modules/http-proxy-middleware": { @@ -12616,16 +12446,16 @@ } }, "node_modules/https-proxy-agent": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz", - "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==", + "version": "7.0.2", + "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.2.tgz", + "integrity": "sha512-NmLNjm6ucYwtcUmL7JQC1ZQ57LmHP4lT15FQ8D61nak1rO6DH+fz5qNK2Ap5UN4ZapYICE3/0KodcLYSPsPbaA==", "dev": true, "dependencies": { - "agent-base": "6", + "agent-base": "^7.0.2", "debug": "4" }, "engines": { - "node": ">= 6" + "node": ">= 14" } }, "node_modules/human-signals": { @@ -12637,15 +12467,6 @@ "node": ">=10.17.0" } }, - "node_modules/humanize-ms": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz", - "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==", - "dev": true, - "dependencies": { - "ms": "^2.0.0" - } - }, "node_modules/iconv-lite": { "version": "0.4.24", "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", @@ -12700,9 +12521,9 @@ } }, "node_modules/ignore-walk": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-6.0.3.tgz", - "integrity": "sha512-C7FfFoTA+bI10qfeydT8aZbvr91vAEU+2W5BZUlzPec47oNb07SsOfwYrtxuvOYdUApPP/Qlh4DtAO51Ekk2QA==", + "version": "6.0.4", + "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-6.0.4.tgz", + "integrity": "sha512-t7sv42WkwFkyKbivUCglsQW5YWMskWtbEf4MNKX5u/CCWHKSPzN4FtBQGsQZgCLbxOzpVlcbWVK5KB3auIOjSw==", "dev": true, "dependencies": { "minimatch": "^9.0.0" @@ -12838,109 +12659,51 @@ } }, "node_modules/inquirer": { - "version": "8.2.4", - "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-8.2.4.tgz", - "integrity": "sha512-nn4F01dxU8VeKfq192IjLsxu0/OmMZ4Lg3xKAns148rCaXP6ntAoEkVYZThWjwON8AlzdZZi6oqnhNbxUG9hVg==", + "version": "9.2.11", + "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-9.2.11.tgz", + "integrity": "sha512-B2LafrnnhbRzCWfAdOXisUzL89Kg8cVJlYmhqoi3flSiV/TveO+nsXwgKr9h9PIo+J1hz7nBSk6gegRIMBBf7g==", "dev": true, "dependencies": { - "ansi-escapes": "^4.2.1", - "chalk": "^4.1.1", + "@ljharb/through": "^2.3.9", + "ansi-escapes": "^4.3.2", + "chalk": "^5.3.0", "cli-cursor": "^3.1.0", - "cli-width": "^3.0.0", - "external-editor": "^3.0.3", - "figures": "^3.0.0", + "cli-width": "^4.1.0", + "external-editor": "^3.1.0", + "figures": "^5.0.0", "lodash": "^4.17.21", - "mute-stream": "0.0.8", + "mute-stream": "1.0.0", "ora": "^5.4.1", - "run-async": "^2.4.0", - "rxjs": "^7.5.5", - "string-width": "^4.1.0", - "strip-ansi": "^6.0.0", - "through": "^2.3.6", - "wrap-ansi": "^7.0.0" - }, - "engines": { - "node": ">=12.0.0" - } - }, - "node_modules/inquirer/node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "dependencies": { - "color-convert": "^2.0.1" + "run-async": "^3.0.0", + "rxjs": "^7.8.1", + "string-width": "^4.2.3", + "strip-ansi": "^6.0.1", + "wrap-ansi": "^6.2.0" }, "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" + "node": ">=14.18.0" } }, "node_modules/inquirer/node_modules/chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz", + "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==", "dev": true, - "dependencies": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - }, "engines": { - "node": ">=10" + "node": "^12.17.0 || ^14.13 || >=16.0.0" }, "funding": { "url": "https://github.com/chalk/chalk?sponsor=1" } }, - "node_modules/inquirer/node_modules/color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "dependencies": { - "color-name": "~1.1.4" - }, - "engines": { - "node": ">=7.0.0" - } - }, - "node_modules/inquirer/node_modules/color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "node_modules/inquirer/node_modules/has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true, - "engines": { - "node": ">=8" - } - }, - "node_modules/inquirer/node_modules/supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "dependencies": { - "has-flag": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/internal-slot": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz", - "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==", + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.6.tgz", + "integrity": "sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==", "dev": true, "dependencies": { - "get-intrinsic": "^1.2.0", - "has": "^1.0.3", + "get-intrinsic": "^1.2.2", + "hasown": "^2.0.0", "side-channel": "^1.0.4" }, "engines": { @@ -12994,24 +12757,15 @@ } }, "node_modules/is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.1.tgz", + "integrity": "sha512-YBUanLI8Yoihw923YeFUS5fs0fF2f5TSFTNiYAAzhhDscDa3lEqYuz1pDOEP5KvX94I9ey3vsqjJcLVFVU+3QA==", "dev": true, "dependencies": { - "kind-of": "^6.0.0" + "hasown": "^2.0.0" }, "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/is-accessor-descriptor/node_modules/kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true, - "engines": { - "node": ">=0.10.0" + "node": ">= 0.10" } }, "node_modules/is-arguments": { @@ -13124,36 +12878,27 @@ } }, "node_modules/is-core-module": { - "version": "2.13.0", - "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz", - "integrity": "sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==", + "version": "2.13.1", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz", + "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==", "dev": true, "dependencies": { - "has": "^1.0.3" + "hasown": "^2.0.0" }, "funding": { "url": "https://github.com/sponsors/ljharb" } }, "node_modules/is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.1.tgz", + "integrity": "sha512-bc4NlCDiCr28U4aEsQ3Qs2491gVq4V8G7MQyws968ImqjKuYtTJXrl7Vq7jsN7Ly/C3xj5KWFrY7sHNeDkAzXw==", "dev": true, "dependencies": { - "kind-of": "^6.0.0" + "hasown": "^2.0.0" }, "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/is-data-descriptor/node_modules/kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true, - "engines": { - "node": ">=0.10.0" + "node": ">= 0.4" } }, "node_modules/is-date-object": { @@ -13172,26 +12917,16 @@ } }, "node_modules/is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz", + "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==", "dev": true, "dependencies": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" + "is-accessor-descriptor": "^1.0.1", + "is-data-descriptor": "^1.0.1" }, "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/is-descriptor/node_modules/kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true, - "engines": { - "node": ">=0.10.0" + "node": ">= 0.4" } }, "node_modules/is-docker": { @@ -13278,15 +13013,6 @@ "integrity": "sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==", "dev": true }, - "node_modules/is-map": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz", - "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==", - "dev": true, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/is-module": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz", @@ -13392,12 +13118,6 @@ "node": ">=0.10.0" } }, - "node_modules/is-potential-custom-element-name": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz", - "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==", - "dev": true - }, "node_modules/is-regex": { "version": "1.1.4", "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz", @@ -13426,15 +13146,6 @@ "node": ">=0.10.0" } }, - "node_modules/is-set": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz", - "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==", - "dev": true, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/is-shared-array-buffer": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz", @@ -13517,12 +13228,12 @@ } }, "node_modules/is-unicode-supported": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz", - "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==", + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-1.3.0.tgz", + "integrity": "sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==", "dev": true, "engines": { - "node": ">=10" + "node": ">=12" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" @@ -13543,15 +13254,6 @@ "node": ">=0.10.0" } }, - "node_modules/is-weakmap": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz", - "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==", - "dev": true, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/is-weakref": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz", @@ -13564,19 +13266,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/is-weakset": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz", - "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==", - "dev": true, - "dependencies": { - "call-bind": "^1.0.2", - "get-intrinsic": "^1.1.1" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/is-what": { "version": "3.14.1", "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz", @@ -13605,9 +13294,9 @@ } }, "node_modules/isarray": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz", - "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==", + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", "dev": true }, "node_modules/isbinaryfile": { @@ -13638,9 +13327,9 @@ } }, "node_modules/istanbul-lib-coverage": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz", - "integrity": "sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==", + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz", + "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==", "dev": true, "engines": { "node": ">=8" @@ -13743,9 +13432,9 @@ } }, "node_modules/jackspeak": { - "version": "2.2.3", - "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.2.3.tgz", - "integrity": "sha512-pF0kfjmg8DJLxDrizHoCZGUFz4P4czQ3HyfW4BU0ffebYkzAVlBywp5zaxW/TM+r0sGbmrQdi8EQQVTJFxnGsQ==", + "version": "2.3.6", + "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz", + "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==", "dev": true, "dependencies": { "@isaacs/cliui": "^8.0.2" @@ -13855,15 +13544,15 @@ "dev": true }, "node_modules/jest-diff": { - "version": "29.6.2", - "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.6.2.tgz", - "integrity": "sha512-t+ST7CB9GX5F2xKwhwCf0TAR17uNDiaPTZnVymP9lw0lssa9vG+AFyDZoeIHStU3WowFFwT+ky+er0WVl2yGhA==", + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.7.0.tgz", + "integrity": "sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==", "dev": true, "dependencies": { "chalk": "^4.0.0", - "diff-sequences": "^29.4.3", - "jest-get-type": "^29.4.3", - "pretty-format": "^29.6.2" + "diff-sequences": "^29.6.3", + "jest-get-type": "^29.6.3", + "pretty-format": "^29.7.0" }, "engines": { "node": "^14.15.0 || ^16.10.0 || >=18.0.0" @@ -13940,24 +13629,24 @@ } }, "node_modules/jest-get-type": { - "version": "29.4.3", - "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.4.3.tgz", - "integrity": "sha512-J5Xez4nRRMjk8emnTpWrlkyb9pfRQQanDrvWHhsR1+VUfbwxi30eVcZFlcdGInRibU4G5LwHXpI7IRHU0CY+gg==", + "version": "29.6.3", + "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz", + "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==", "dev": true, "engines": { "node": "^14.15.0 || ^16.10.0 || >=18.0.0" } }, "node_modules/jest-matcher-utils": { - "version": "29.6.2", - "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.6.2.tgz", - "integrity": "sha512-4LiAk3hSSobtomeIAzFTe+N8kL6z0JtF3n6I4fg29iIW7tt99R7ZcIFW34QkX+DuVrf+CUe6wuVOpm7ZKFJzZQ==", + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz", + "integrity": "sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g==", "dev": true, "dependencies": { "chalk": "^4.0.0", - "jest-diff": "^29.6.2", - "jest-get-type": "^29.4.3", - "pretty-format": "^29.6.2" + "jest-diff": "^29.7.0", + "jest-get-type": "^29.6.3", + "pretty-format": "^29.7.0" }, "engines": { "node": "^14.15.0 || ^16.10.0 || >=18.0.0" @@ -14034,18 +13723,18 @@ } }, "node_modules/jest-message-util": { - "version": "29.6.2", - "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.6.2.tgz", - "integrity": "sha512-vnIGYEjoPSuRqV8W9t+Wow95SDp6KPX2Uf7EoeG9G99J2OVh7OSwpS4B6J0NfpEIpfkBNHlBZpA2rblEuEFhZQ==", + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz", + "integrity": "sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==", "dev": true, "dependencies": { "@babel/code-frame": "^7.12.13", - "@jest/types": "^29.6.1", + "@jest/types": "^29.6.3", "@types/stack-utils": "^2.0.0", "chalk": "^4.0.0", "graceful-fs": "^4.2.9", "micromatch": "^4.0.4", - "pretty-format": "^29.6.2", + "pretty-format": "^29.7.0", "slash": "^3.0.0", "stack-utils": "^2.0.3" }, @@ -14133,12 +13822,12 @@ } }, "node_modules/jest-util": { - "version": "29.6.2", - "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.6.2.tgz", - "integrity": "sha512-3eX1qb6L88lJNCFlEADKOkjpXJQyZRiavX1INZ4tRnrBVr2COd3RgcTLyUiEXMNBlDU/cgYq6taUS0fExrWW4w==", + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz", + "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==", "dev": true, "dependencies": { - "@jest/types": "^29.6.1", + "@jest/types": "^29.6.3", "@types/node": "*", "chalk": "^4.0.0", "ci-info": "^3.2.0", @@ -14207,6 +13896,18 @@ "node": ">=8" } }, + "node_modules/jest-util/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, "node_modules/jest-util/node_modules/supports-color": { "version": "7.2.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", @@ -14258,9 +13959,9 @@ } }, "node_modules/jiti": { - "version": "1.19.1", - "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.19.1.tgz", - "integrity": "sha512-oVhqoRDaBXf7sjkll95LHVS6Myyyb1zaunVwk4Z0+WPSW4gjS0pl01zYKHScTuyEhQsFxV5L4DR5r+YqSyqyyg==", + "version": "1.21.0", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.0.tgz", + "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==", "dev": true, "bin": { "jiti": "bin/jiti.js" @@ -14294,48 +13995,6 @@ "node": ">=12.0.0" } }, - "node_modules/jsdom": { - "version": "22.1.0", - "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-22.1.0.tgz", - "integrity": "sha512-/9AVW7xNbsBv6GfWho4TTNjEo9fe6Zhf9O7s0Fhhr3u+awPwAJMKwAMXnkk5vBxflqLW9hTHX/0cs+P3gW+cQw==", - "dev": true, - "dependencies": { - "abab": "^2.0.6", - "cssstyle": "^3.0.0", - "data-urls": "^4.0.0", - "decimal.js": "^10.4.3", - "domexception": "^4.0.0", - "form-data": "^4.0.0", - "html-encoding-sniffer": "^3.0.0", - "http-proxy-agent": "^5.0.0", - "https-proxy-agent": "^5.0.1", - "is-potential-custom-element-name": "^1.0.1", - "nwsapi": "^2.2.4", - "parse5": "^7.1.2", - "rrweb-cssom": "^0.6.0", - "saxes": "^6.0.0", - "symbol-tree": "^3.2.4", - "tough-cookie": "^4.1.2", - "w3c-xmlserializer": "^4.0.0", - "webidl-conversions": "^7.0.0", - "whatwg-encoding": "^2.0.0", - "whatwg-mimetype": "^3.0.0", - "whatwg-url": "^12.0.1", - "ws": "^8.13.0", - "xml-name-validator": "^4.0.0" - }, - "engines": { - "node": ">=16" - }, - "peerDependencies": { - "canvas": "^2.5.0" - }, - "peerDependenciesMeta": { - "canvas": { - "optional": true - } - } - }, "node_modules/jsesc": { "version": "2.5.2", "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", @@ -14348,6 +14007,12 @@ "node": ">=4" } }, + "node_modules/json-buffer": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz", + "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==", + "dev": true + }, "node_modules/json-parse-even-better-errors": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", @@ -14421,9 +14086,9 @@ } }, "node_modules/jspdf-autotable": { - "version": "3.5.31", - "resolved": "https://registry.npmjs.org/jspdf-autotable/-/jspdf-autotable-3.5.31.tgz", - "integrity": "sha512-Lc1KuLGDQWW/5t57Z/+c2E94XQV3jV2QVU3xMRiwvcm/nMx79aCkpPCsxLzJZVFneZvz4XoA8+egQR1QajYiWw==", + "version": "3.7.1", + "resolved": "https://registry.npmjs.org/jspdf-autotable/-/jspdf-autotable-3.7.1.tgz", + "integrity": "sha512-5fgjqE8nIwUoNz5l/i/aD/uONKofE4yp/kJ097EKBllPVTPGnGV5OWHld30db3+CvNrgzrRl8gmTnKF6vag05g==", "dev": true, "peerDependencies": { "jspdf": "^2.5.1" @@ -14546,6 +14211,50 @@ "source-map-support": "^0.5.5" } }, + "node_modules/karma/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/karma/node_modules/cliui": { + "version": "7.0.4", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz", + "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==", + "dev": true, + "dependencies": { + "string-width": "^4.2.0", + "strip-ansi": "^6.0.0", + "wrap-ansi": "^7.0.0" + } + }, + "node_modules/karma/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/karma/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, "node_modules/karma/node_modules/connect": { "version": "3.7.0", "resolved": "https://registry.npmjs.org/connect/-/connect-3.7.0.tgz", @@ -14625,9 +14334,9 @@ } }, "node_modules/karma/node_modules/ua-parser-js": { - "version": "0.7.35", - "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.35.tgz", - "integrity": "sha512-veRf7dawaj9xaWEu9HoTVn5Pggtc/qj+kqTOFvNiN1l0YdxwC1kvel57UCjThjGa3BHBihE8/UJAHI+uQHmd/g==", + "version": "0.7.37", + "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.37.tgz", + "integrity": "sha512-xV8kqRKM+jhMvcHWUKthV9fNebIzrNy//2O9ZwWcfiBFR5f25XVZPLlEajk/sf3Ra15V92isyQqnIEXRDaZWEA==", "dev": true, "funding": [ { @@ -14637,12 +14346,33 @@ { "type": "paypal", "url": "https://paypal.me/faisalman" + }, + { + "type": "github", + "url": "https://github.com/sponsors/faisalman" } ], "engines": { "node": "*" } }, + "node_modules/karma/node_modules/wrap-ansi": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, "node_modules/karma/node_modules/yargs": { "version": "16.2.0", "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz", @@ -14670,6 +14400,15 @@ "node": ">=10" } }, + "node_modules/keyv": { + "version": "4.5.4", + "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz", + "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==", + "dev": true, + "dependencies": { + "json-buffer": "3.0.1" + } + }, "node_modules/kind-of": { "version": "5.1.0", "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", @@ -14702,13 +14441,13 @@ } }, "node_modules/launch-editor": { - "version": "2.6.0", - "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.6.0.tgz", - "integrity": "sha512-JpDCcQnyAAzZZaZ7vEiSqL690w7dAEyLao+KC96zBplnYbJS7TYNjvM3M7y3dGz+v7aIsJk3hllWuc0kWAjyRQ==", + "version": "2.6.1", + "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.6.1.tgz", + "integrity": "sha512-eB/uXmFVpY4zezmGp5XtU21kwo7GBbKB+EQ+UZeWtGb9yAM5xt/Evk+lYH3eRNAtId+ej4u7TYPFZ07w4s7rRw==", "dev": true, "dependencies": { "picocolors": "^1.0.0", - "shell-quote": "^1.7.3" + "shell-quote": "^1.8.1" } }, "node_modules/lazystream": { @@ -14748,9 +14487,9 @@ } }, "node_modules/less": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/less/-/less-4.1.3.tgz", - "integrity": "sha512-w16Xk/Ta9Hhyei0Gpz9m7VS8F28nieJaL/VyShID7cYvP6IL5oHeL6p4TXSDJqZE/lNv0oJ2pGVjJsRkfwm5FA==", + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/less/-/less-4.2.0.tgz", + "integrity": "sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==", "dev": true, "dependencies": { "copy-anything": "^2.0.1", @@ -14918,9 +14657,9 @@ "dev": true }, "node_modules/lines-and-columns": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-2.0.3.tgz", - "integrity": "sha512-cNOjgCnLB+FnvWWtyRTzmB3POJ+cXxTA81LoW7u8JdmhfXzriropYwpjShnz1QLLWsQwY7nIxoDmcPTwphDK9w==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-2.0.4.tgz", + "integrity": "sha512-wM1+Z03eypVAVUCE7QdSqpVIvelbOakn1M0bPDoA4SGWPx3sNDVUiMo3L6To6WWGClB7VyXnhQ4Sn7gxiJbE6A==", "dev": true, "engines": { "node": "^12.20.0 || ^14.13.1 || >=16.0.0" @@ -15002,12 +14741,56 @@ "node": ">=8.3.0" } }, - "node_modules/localtunnel/node_modules/debug": { - "version": "4.3.2", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.2.tgz", - "integrity": "sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==", - "dev": true, - "dependencies": { + "node_modules/localtunnel/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/localtunnel/node_modules/cliui": { + "version": "7.0.4", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz", + "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==", + "dev": true, + "dependencies": { + "string-width": "^4.2.0", + "strip-ansi": "^6.0.0", + "wrap-ansi": "^7.0.0" + } + }, + "node_modules/localtunnel/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/localtunnel/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/localtunnel/node_modules/debug": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.2.tgz", + "integrity": "sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==", + "dev": true, + "dependencies": { "ms": "2.1.2" }, "engines": { @@ -15019,6 +14802,23 @@ } } }, + "node_modules/localtunnel/node_modules/wrap-ansi": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, "node_modules/localtunnel/node_modules/yargs": { "version": "17.1.1", "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.1.1.tgz", @@ -15156,6 +14956,18 @@ "node": ">=8" } }, + "node_modules/log-symbols/node_modules/is-unicode-supported": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz", + "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/log-symbols/node_modules/supports-color": { "version": "7.2.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", @@ -15200,9 +15012,9 @@ "dev": true }, "node_modules/magic-string": { - "version": "0.30.1", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.1.tgz", - "integrity": "sha512-mbVKXPmS0z0G4XqFDCTllmDQ6coZzn94aMlb0o/A4HEHJCKcanlDZwYJgwnkmgD3jyWhUgj9VsPrfd972yPffA==", + "version": "0.30.5", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz", + "integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==", "dev": true, "dependencies": { "@jridgewell/sourcemap-codec": "^1.4.15" @@ -15242,38 +15054,25 @@ } }, "node_modules/make-fetch-happen": { - "version": "11.1.1", - "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-11.1.1.tgz", - "integrity": "sha512-rLWS7GCSTcEujjVBs2YqG7Y4643u8ucvCJeSRqiLYhesrDuzeuFIk37xREzAsfQaqzl8b9rNCE4m6J8tvX4Q8w==", + "version": "13.0.0", + "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-13.0.0.tgz", + "integrity": "sha512-7ThobcL8brtGo9CavByQrQi+23aIfgYU++wg4B87AIS8Rb2ZBt/MEaDqzA00Xwv/jUjAjYkLHjVolYuTLKda2A==", "dev": true, "dependencies": { - "agentkeepalive": "^4.2.1", - "cacache": "^17.0.0", + "@npmcli/agent": "^2.0.0", + "cacache": "^18.0.0", "http-cache-semantics": "^4.1.1", - "http-proxy-agent": "^5.0.0", - "https-proxy-agent": "^5.0.0", "is-lambda": "^1.0.1", - "lru-cache": "^7.7.1", - "minipass": "^5.0.0", + "minipass": "^7.0.2", "minipass-fetch": "^3.0.0", "minipass-flush": "^1.0.5", "minipass-pipeline": "^1.2.4", "negotiator": "^0.6.3", "promise-retry": "^2.0.1", - "socks-proxy-agent": "^7.0.0", "ssri": "^10.0.0" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" - } - }, - "node_modules/make-fetch-happen/node_modules/lru-cache": { - "version": "7.18.3", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz", - "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==", - "dev": true, - "engines": { - "node": ">=12" + "node": "^16.14.0 || >=18.0.0" } }, "node_modules/make-iterator": { @@ -15584,6 +15383,18 @@ "node": ">=8.6" } }, + "node_modules/micromatch/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, "node_modules/mime": { "version": "2.6.0", "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz", @@ -15673,51 +15484,33 @@ } }, "node_modules/minipass": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz", - "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==", + "version": "7.0.4", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz", + "integrity": "sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==", "dev": true, "engines": { - "node": ">=8" + "node": ">=16 || 14 >=14.17" } }, "node_modules/minipass-collect": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-1.0.2.tgz", - "integrity": "sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==", - "dev": true, - "dependencies": { - "minipass": "^3.0.0" - }, - "engines": { - "node": ">= 8" - } - }, - "node_modules/minipass-collect/node_modules/minipass": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", - "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-2.0.1.tgz", + "integrity": "sha512-D7V8PO9oaz7PWGLbCACuI1qEOsq7UKfLotx/C0Aet43fCUB/wfQ7DYeq2oR/svFJGYDHPr38SHATeaj/ZoKHKw==", "dev": true, "dependencies": { - "yallist": "^4.0.0" + "minipass": "^7.0.3" }, "engines": { - "node": ">=8" + "node": ">=16 || 14 >=14.17" } }, - "node_modules/minipass-collect/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - }, "node_modules/minipass-fetch": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-3.0.3.tgz", - "integrity": "sha512-n5ITsTkDqYkYJZjcRWzZt9qnZKCT7nKCosJhHoj7S7zD+BP4jVbWs+odsniw5TA3E0sLomhTKOKjF86wf11PuQ==", + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-3.0.4.tgz", + "integrity": "sha512-jHAqnA728uUpIaFm7NWsCnqKT6UqZz7GcI/bDpPATuwYyKwJwW0remxSCxUlKiEty+eopHGa3oc8WxgQ1FFJqg==", "dev": true, "dependencies": { - "minipass": "^5.0.0", + "minipass": "^7.0.3", "minipass-sized": "^1.0.3", "minizlib": "^2.1.2" }, @@ -15946,22 +15739,25 @@ } }, "node_modules/mute-stream": { - "version": "0.0.8", - "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz", - "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==", - "dev": true + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-1.0.0.tgz", + "integrity": "sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==", + "dev": true, + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + } }, "node_modules/nan": { - "version": "2.17.0", - "resolved": "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz", - "integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==", + "version": "2.18.0", + "resolved": "https://registry.npmjs.org/nan/-/nan-2.18.0.tgz", + "integrity": "sha512-W7tfG7vMOGtD30sHoZSSc/JVYiyDPEyQVso/Zz+/uQd0B0L46gtC+pHha5FFMRpil6fm/AoEcRWyOVi4+E/f8w==", "dev": true, "optional": true }, "node_modules/nanoid": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz", - "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==", + "version": "3.3.7", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", + "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==", "dev": true, "funding": [ { @@ -16085,50 +15881,51 @@ "dev": true }, "node_modules/ng-packagr": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-16.2.0.tgz", - "integrity": "sha512-3u2FVSpKDa0EJRSGOAhYIZwjtnG7SVFBnUf5fk/VfDOxVV4kFRea6DEK7f/mb1D4WV/yqSZB9JmvBZp0uuIGeA==", + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-17.0.2.tgz", + "integrity": "sha512-1bn1Y93d23ZwTjazCdiEEdolYbXPddq4Q1XNhh+CyUgSTMONJhW2Ikpzbt+Z+3uxz0kSAAPBlHTx7uABXbMPPQ==", "dev": true, "dependencies": { - "@rollup/plugin-json": "^6.0.0", - "@rollup/plugin-node-resolve": "^15.0.0", - "ajv": "^8.11.0", + "@rollup/plugin-json": "^6.0.1", + "@rollup/plugin-node-resolve": "^15.2.3", + "@rollup/wasm-node": "^4.5.0", + "ajv": "^8.12.0", "ansi-colors": "^4.1.3", - "autoprefixer": "^10.4.12", - "browserslist": "^4.21.4", - "cacache": "^17.0.0", + "autoprefixer": "^10.4.16", + "browserslist": "^4.22.1", + "cacache": "^18.0.0", "chokidar": "^3.5.3", - "commander": "^11.0.0", + "commander": "^11.1.0", "convert-source-map": "^2.0.0", "dependency-graph": "^0.11.0", - "esbuild-wasm": "^0.19.0", - "fast-glob": "^3.2.12", + "esbuild-wasm": "^0.19.5", + "fast-glob": "^3.3.1", "find-cache-dir": "^3.3.2", "injection-js": "^2.4.0", "jsonc-parser": "^3.2.0", - "less": "^4.1.3", + "less": "^4.2.0", "ora": "^5.1.0", - "piscina": "^4.0.0", - "postcss": "^8.4.16", + "piscina": "^4.1.0", + "postcss": "^8.4.31", "postcss-url": "^10.1.3", - "rollup": "^3.0.0", - "rxjs": "^7.5.6", - "sass": "^1.55.0" + "rxjs": "^7.8.1", + "sass": "^1.69.5" }, "bin": { "ng-packagr": "cli/main.js" }, "engines": { - "node": "^16.14.0 || >=18.10.0" + "node": "^18.13.0 || >=20.9.0" }, "optionalDependencies": { - "esbuild": "^0.19.0" + "esbuild": "^0.19.0", + "rollup": "^4.5.0" }, "peerDependencies": { - "@angular/compiler-cli": "^16.0.0 || ^16.2.0-next.0", + "@angular/compiler-cli": "^17.0.0 || ^17.0.0-next.0", "tailwindcss": "^2.0.0 || ^3.0.0", "tslib": "^2.3.0", - "typescript": ">=4.9.3 <5.2" + "typescript": ">=5.2 <5.3" }, "peerDependenciesMeta": { "tailwindcss": { @@ -16136,690 +15933,365 @@ } } }, - "node_modules/ng-packagr/node_modules/@esbuild/android-arm": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.0.tgz", - "integrity": "sha512-GAkjUyHgWTYuex3evPd5V7uV/XS4LMKr1PWHRPW1xNyy/Jx08x3uTrDFRefBYLKT/KpaWM8/YMQcwbp5a3yIDA==", - "cpu": [ - "arm" - ], + "node_modules/ng-packagr/node_modules/convert-source-map": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", + "dev": true + }, + "node_modules/ng-packagr/node_modules/find-cache-dir": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz", + "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==", "dev": true, - "optional": true, - "os": [ - "android" - ], + "dependencies": { + "commondir": "^1.0.1", + "make-dir": "^3.0.2", + "pkg-dir": "^4.1.0" + }, "engines": { - "node": ">=12" + "node": ">=8" + }, + "funding": { + "url": "https://github.com/avajs/find-cache-dir?sponsor=1" } }, - "node_modules/ng-packagr/node_modules/@esbuild/android-arm64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.0.tgz", - "integrity": "sha512-AzsozJnB+RNaDncBCs3Ys5g3kqhPFUueItfEaCpp89JH2naFNX2mYDIvUgPYMqqjm8hiFoo+jklb3QHZyR3ubw==", - "cpu": [ - "arm64" - ], + "node_modules/ng-packagr/node_modules/make-dir": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", + "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", "dev": true, - "optional": true, - "os": [ - "android" - ], + "dependencies": { + "semver": "^6.0.0" + }, "engines": { - "node": ">=12" + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/ng-packagr/node_modules/@esbuild/android-x64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.0.tgz", - "integrity": "sha512-SUG8/qiVhljBDpdkHQ9DvOWbp7hFFIP0OzxOTptbmVsgBgzY6JWowmMd6yJuOhapfxmj/DrvwKmjRLvVSIAKZg==", - "cpu": [ - "x64" - ], + "node_modules/ng-packagr/node_modules/pkg-dir": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz", + "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==", "dev": true, - "optional": true, - "os": [ - "android" - ], + "dependencies": { + "find-up": "^4.0.0" + }, "engines": { - "node": ">=12" + "node": ">=8" } }, - "node_modules/ng-packagr/node_modules/@esbuild/darwin-arm64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.0.tgz", - "integrity": "sha512-HkxZ8k3Jvcw0FORPNTavA8BMgQjLOB6AajT+iXmil7BwY3gU1hWvJJAyWyEogCmA4LdbGvKF8vEykdmJ4xNJJQ==", - "cpu": [ - "arm64" - ], + "node_modules/ng-packagr/node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", "dev": true, - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": ">=12" + "bin": { + "semver": "bin/semver.js" } }, - "node_modules/ng-packagr/node_modules/@esbuild/darwin-x64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.0.tgz", - "integrity": "sha512-9IRWJjqpWFHM9a5Qs3r3bK834NCFuDY5ZaLrmTjqE+10B6w65UMQzeZjh794JcxpHolsAHqwsN/33crUXNCM2Q==", - "cpu": [ - "x64" - ], + "node_modules/nice-napi": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/nice-napi/-/nice-napi-1.0.2.tgz", + "integrity": "sha512-px/KnJAJZf5RuBGcfD+Sp2pAKq0ytz8j+1NehvgIGFkvtvFrDM3T8E4x/JJODXK9WZow8RRGrbA9QQ3hs+pDhA==", "dev": true, + "hasInstallScript": true, "optional": true, "os": [ - "darwin" + "!win32" ], - "engines": { - "node": ">=12" + "dependencies": { + "node-addon-api": "^3.0.0", + "node-gyp-build": "^4.2.2" } }, - "node_modules/ng-packagr/node_modules/@esbuild/freebsd-arm64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.0.tgz", - "integrity": "sha512-s7i2WcXcK0V1PJHVBe7NsGddsL62a9Vhpz2U7zapPrwKoFuxPP9jybwX8SXnropR/AOj3ppt2ern4ItblU6UQQ==", - "cpu": [ - "arm64" - ], + "node_modules/node-addon-api": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz", + "integrity": "sha512-mmcei9JghVNDYydghQmeDX8KoAm0FAiYyIcUt/N4nhyAipB17pllZQDOJD2fotxABnt4Mdz+dKTO7eftLg4d0A==", "dev": true, - "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">=12" - } + "optional": true }, - "node_modules/ng-packagr/node_modules/@esbuild/freebsd-x64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.0.tgz", - "integrity": "sha512-NMdBSSdgwHCqCsucU5k1xflIIRU0qi1QZnM6+vdGy5fvxm1c8rKh50VzsWsIVTFUG3l91AtRxVwoz3Lcvy3I5w==", - "cpu": [ - "x64" - ], + "node_modules/node-forge": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz", + "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==", "dev": true, - "optional": true, - "os": [ - "freebsd" - ], "engines": { - "node": ">=12" + "node": ">= 6.13.0" } }, - "node_modules/ng-packagr/node_modules/@esbuild/linux-arm": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.0.tgz", - "integrity": "sha512-2F1+lH7ZBcCcgxiSs8EXQV0PPJJdTNiNcXxDb61vzxTRJJkXX1I/ye9mAhfHyScXzHaEibEXg1Jq9SW586zz7w==", - "cpu": [ - "arm" - ], + "node_modules/node-gyp": { + "version": "10.0.1", + "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-10.0.1.tgz", + "integrity": "sha512-gg3/bHehQfZivQVfqIyy8wTdSymF9yTyP4CJifK73imyNMU8AIGQE2pUa7dNWfmMeG9cDVF2eehiRMv0LC1iAg==", "dev": true, - "optional": true, - "os": [ - "linux" - ], + "dependencies": { + "env-paths": "^2.2.0", + "exponential-backoff": "^3.1.1", + "glob": "^10.3.10", + "graceful-fs": "^4.2.6", + "make-fetch-happen": "^13.0.0", + "nopt": "^7.0.0", + "proc-log": "^3.0.0", + "semver": "^7.3.5", + "tar": "^6.1.2", + "which": "^4.0.0" + }, + "bin": { + "node-gyp": "bin/node-gyp.js" + }, "engines": { - "node": ">=12" + "node": "^16.14.0 || >=18.0.0" } }, - "node_modules/ng-packagr/node_modules/@esbuild/linux-arm64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.0.tgz", - "integrity": "sha512-I4zvE2srSZxRPapFnNqj+NL3sDJ1wkvEZqt903OZUlBBgigrQMvzUowvP/TTTu2OGYe1oweg5MFilfyrElIFag==", - "cpu": [ - "arm64" - ], + "node_modules/node-gyp-build": { + "version": "4.7.1", + "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.7.1.tgz", + "integrity": "sha512-wTSrZ+8lsRRa3I3H8Xr65dLWSgCvY2l4AOnaeKdPA9TB/WYMPaTcrzf3rXvFoVvjKNVnu0CcWSx54qq9GKRUYg==", "dev": true, "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" + "bin": { + "node-gyp-build": "bin.js", + "node-gyp-build-optional": "optional.js", + "node-gyp-build-test": "build-test.js" } }, - "node_modules/ng-packagr/node_modules/@esbuild/linux-ia32": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.0.tgz", - "integrity": "sha512-dz2Q7+P92r1Evc8kEN+cQnB3qqPjmCrOZ+EdBTn8lEc1yN8WDgaDORQQiX+mxaijbH8npXBT9GxUqE52Gt6Y+g==", - "cpu": [ - "ia32" - ], + "node_modules/node-gyp/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" + "dependencies": { + "balanced-match": "^1.0.0" } }, - "node_modules/ng-packagr/node_modules/@esbuild/linux-loong64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.0.tgz", - "integrity": "sha512-IcVJovJVflih4oFahhUw+N7YgNbuMSVFNr38awb0LNzfaiIfdqIh518nOfYaNQU3aVfiJnOIRVJDSAP4k35WxA==", - "cpu": [ - "loong64" - ], + "node_modules/node-gyp/node_modules/glob": { + "version": "10.3.10", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz", + "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==", "dev": true, - "optional": true, - "os": [ - "linux" - ], + "dependencies": { + "foreground-child": "^3.1.0", + "jackspeak": "^2.3.5", + "minimatch": "^9.0.1", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0", + "path-scurry": "^1.10.1" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, "engines": { - "node": ">=12" + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" } }, - "node_modules/ng-packagr/node_modules/@esbuild/linux-mips64el": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.0.tgz", - "integrity": "sha512-bZGRAGySMquWsKw0gIdsClwfvgbsSq/7oq5KVu1H1r9Il+WzOcfkV1hguntIuBjRVL8agI95i4AukjdAV2YpUw==", - "cpu": [ - "mips64el" - ], + "node_modules/node-gyp/node_modules/isexe": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz", + "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==", "dev": true, - "optional": true, - "os": [ - "linux" - ], "engines": { - "node": ">=12" + "node": ">=16" } }, - "node_modules/ng-packagr/node_modules/@esbuild/linux-ppc64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.0.tgz", - "integrity": "sha512-3LC6H5/gCDorxoRBUdpLV/m7UthYSdar0XcCu+ypycQxMS08MabZ06y1D1yZlDzL/BvOYliRNRWVG/YJJvQdbg==", - "cpu": [ - "ppc64" - ], + "node_modules/node-gyp/node_modules/minimatch": { + "version": "9.0.3", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", + "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", "dev": true, - "optional": true, - "os": [ - "linux" - ], + "dependencies": { + "brace-expansion": "^2.0.1" + }, "engines": { - "node": ">=12" + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" } }, - "node_modules/ng-packagr/node_modules/@esbuild/linux-riscv64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.0.tgz", - "integrity": "sha512-jfvdKjWk+Cp2sgLtEEdSHXO7qckrw2B2eFBaoRdmfhThqZs29GMMg7q/LsQpybA7BxCLLEs4di5ucsWzZC5XPA==", - "cpu": [ - "riscv64" - ], + "node_modules/node-gyp/node_modules/which": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz", + "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==", "dev": true, - "optional": true, - "os": [ - "linux" - ], + "dependencies": { + "isexe": "^3.1.1" + }, + "bin": { + "node-which": "bin/which.js" + }, "engines": { - "node": ">=12" + "node": "^16.13.0 || >=18.0.0" } }, - "node_modules/ng-packagr/node_modules/@esbuild/linux-s390x": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.0.tgz", - "integrity": "sha512-ofcucfNLkoXmcnJaw9ugdEOf40AWKGt09WBFCkpor+vFJVvmk/8OPjl/qRtks2Z7BuZbG3ztJuK1zS9z5Cgx9A==", - "cpu": [ - "s390x" - ], + "node_modules/node-machine-id": { + "version": "1.1.12", + "resolved": "https://registry.npmjs.org/node-machine-id/-/node-machine-id-1.1.12.tgz", + "integrity": "sha512-QNABxbrPa3qEIfrE6GOJ7BYIuignnJw7iQ2YPbc3Nla1HzRJjXzZOiikfF8m7eAMfichLt3M4VgLOetqgDmgGQ==", + "dev": true + }, + "node_modules/node-releases": { + "version": "2.0.14", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz", + "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==", + "dev": true + }, + "node_modules/nopt": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.0.tgz", + "integrity": "sha512-CVDtwCdhYIvnAzFoJ6NJ6dX3oga9/HyciQDnG1vQDjSLMeKLJ4A93ZqYKDrgYSr1FBY5/hMYC+2VCi24pgpkGA==", "dev": true, - "optional": true, - "os": [ - "linux" - ], + "dependencies": { + "abbrev": "^2.0.0" + }, + "bin": { + "nopt": "bin/nopt.js" + }, "engines": { - "node": ">=12" + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, - "node_modules/ng-packagr/node_modules/@esbuild/linux-x64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.0.tgz", - "integrity": "sha512-Fpf7zNDBti3xrQKQKLdXT0hTyOxgFdRJIMtNy8x1az9ATR9/GJ1brYbB/GLWoXhKiHsoWs+2DLkFVNNMTCLEwA==", - "cpu": [ - "x64" - ], + "node_modules/normalize-package-data": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-6.0.0.tgz", + "integrity": "sha512-UL7ELRVxYBHBgYEtZCXjxuD5vPxnmvMGq0jp/dGPKKrN7tfsBh2IY7TlJ15WWwdjRWD3RJbnsygUurTK3xkPkg==", "dev": true, - "optional": true, - "os": [ - "linux" - ], + "dependencies": { + "hosted-git-info": "^7.0.0", + "is-core-module": "^2.8.1", + "semver": "^7.3.5", + "validate-npm-package-license": "^3.0.4" + }, "engines": { - "node": ">=12" + "node": "^16.14.0 || >=18.0.0" } }, - "node_modules/ng-packagr/node_modules/@esbuild/netbsd-x64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.0.tgz", - "integrity": "sha512-AMQAp/5oENgDOvVhvOlbhVe1pWii7oFAMRHlmTjSEMcpjTpIHtFXhv9uAFgUERHm3eYtNvS9Vf+gT55cwuI6Aw==", - "cpu": [ - "x64" - ], + "node_modules/normalize-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", "dev": true, - "optional": true, - "os": [ - "netbsd" - ], "engines": { - "node": ">=12" + "node": ">=0.10.0" } }, - "node_modules/ng-packagr/node_modules/@esbuild/openbsd-x64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.0.tgz", - "integrity": "sha512-fDztEve1QUs3h/Dw2AUmBlWGkNQbhDoD05ppm5jKvzQv+HVuV13so7m5RYeiSMIC2XQy7PAjZh+afkxAnCRZxA==", - "cpu": [ - "x64" - ], + "node_modules/normalize-range": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", + "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==", "dev": true, - "optional": true, - "os": [ - "openbsd" - ], "engines": { - "node": ">=12" + "node": ">=0.10.0" } }, - "node_modules/ng-packagr/node_modules/@esbuild/sunos-x64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.0.tgz", - "integrity": "sha512-bKZzJ2/rvUjDzA5Ddyva2tMk89WzNJEibZEaq+wY6SiqPlwgFbqyQLimouxLHiHh1itb5P3SNCIF1bc2bw5H9w==", - "cpu": [ - "x64" - ], + "node_modules/now-and-later": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-2.0.1.tgz", + "integrity": "sha512-KGvQ0cB70AQfg107Xvs/Fbu+dGmZoTRJp2TaPwcwQm3/7PteUyN2BCgk8KBMPGBUXZdVwyWS8fDCGFygBm19UQ==", "dev": true, - "optional": true, - "os": [ - "sunos" - ], + "dependencies": { + "once": "^1.3.2" + }, "engines": { - "node": ">=12" + "node": ">= 0.10" } }, - "node_modules/ng-packagr/node_modules/@esbuild/win32-arm64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.0.tgz", - "integrity": "sha512-NQJ+4jmnA79saI+sE+QzcEls19uZkoEmdxo7r//PDOjIpX8pmoWtTnWg6XcbnO7o4fieyAwb5U2LvgWynF4diA==", - "cpu": [ - "arm64" - ], + "node_modules/npm-bundled": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-3.0.0.tgz", + "integrity": "sha512-Vq0eyEQy+elFpzsKjMss9kxqb9tG3YHg4dsyWuUENuzvSUWe1TCnW/vV9FkhvBk/brEDoDiVd+M1Btosa6ImdQ==", "dev": true, - "optional": true, - "os": [ - "win32" - ], + "dependencies": { + "npm-normalize-package-bin": "^3.0.0" + }, "engines": { - "node": ">=12" + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, - "node_modules/ng-packagr/node_modules/@esbuild/win32-ia32": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.0.tgz", - "integrity": "sha512-uyxiZAnsfu9diHm9/rIH2soecF/HWLXYUhJKW4q1+/LLmNQ+55lRjvSUDhUmsgJtSUscRJB/3S4RNiTb9o9mCg==", - "cpu": [ - "ia32" - ], + "node_modules/npm-install-checks": { + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/npm-install-checks/-/npm-install-checks-6.3.0.tgz", + "integrity": "sha512-W29RiK/xtpCGqn6f3ixfRYGk+zRyr+Ew9F2E20BfXxT5/euLdA/Nm7fO7OeTGuAmTs30cpgInyJ0cYe708YTZw==", "dev": true, - "optional": true, - "os": [ - "win32" - ], + "dependencies": { + "semver": "^7.1.1" + }, "engines": { - "node": ">=12" + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, - "node_modules/ng-packagr/node_modules/@esbuild/win32-x64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.0.tgz", - "integrity": "sha512-jl+NXUjK2StMgqnZnqgNjZuerFG8zQqWXMBZdMMv4W/aO1ZKQaYWZBxTrtWKphkCBVEMh0wMVfGgOd2BjOZqUQ==", - "cpu": [ - "x64" - ], + "node_modules/npm-normalize-package-bin": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-3.0.1.tgz", + "integrity": "sha512-dMxCf+zZ+3zeQZXKxmyuCKlIDPGuv8EF940xbkC4kQVDTtqoh6rJFO+JTKSA6/Rwi0getWmtuy4Itup0AMcaDQ==", "dev": true, - "optional": true, - "os": [ - "win32" - ], "engines": { - "node": ">=12" + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, - "node_modules/ng-packagr/node_modules/convert-source-map": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", - "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", - "dev": true - }, - "node_modules/ng-packagr/node_modules/esbuild": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.0.tgz", - "integrity": "sha512-i7i8TP4vuG55bKeLyqqk5sTPu1ZjPH3wkcLvAj/0X/222iWFo3AJUYRKjbOoY6BWFMH3teizxHEdV9Su5ESl0w==", + "node_modules/npm-package-arg": { + "version": "11.0.1", + "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-11.0.1.tgz", + "integrity": "sha512-M7s1BD4NxdAvBKUPqqRW957Xwcl/4Zvo8Aj+ANrzvIPzGJZElrH7Z//rSaec2ORcND6FHHLnZeY8qgTpXDMFQQ==", "dev": true, - "hasInstallScript": true, - "optional": true, - "bin": { - "esbuild": "bin/esbuild" + "dependencies": { + "hosted-git-info": "^7.0.0", + "proc-log": "^3.0.0", + "semver": "^7.3.5", + "validate-npm-package-name": "^5.0.0" }, "engines": { - "node": ">=12" - }, - "optionalDependencies": { - "@esbuild/android-arm": "0.19.0", - "@esbuild/android-arm64": "0.19.0", - "@esbuild/android-x64": "0.19.0", - "@esbuild/darwin-arm64": "0.19.0", - "@esbuild/darwin-x64": "0.19.0", - "@esbuild/freebsd-arm64": "0.19.0", - "@esbuild/freebsd-x64": "0.19.0", - "@esbuild/linux-arm": "0.19.0", - "@esbuild/linux-arm64": "0.19.0", - "@esbuild/linux-ia32": "0.19.0", - "@esbuild/linux-loong64": "0.19.0", - "@esbuild/linux-mips64el": "0.19.0", - "@esbuild/linux-ppc64": "0.19.0", - "@esbuild/linux-riscv64": "0.19.0", - "@esbuild/linux-s390x": "0.19.0", - "@esbuild/linux-x64": "0.19.0", - "@esbuild/netbsd-x64": "0.19.0", - "@esbuild/openbsd-x64": "0.19.0", - "@esbuild/sunos-x64": "0.19.0", - "@esbuild/win32-arm64": "0.19.0", - "@esbuild/win32-ia32": "0.19.0", - "@esbuild/win32-x64": "0.19.0" - } - }, - "node_modules/ng-packagr/node_modules/esbuild-wasm": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.19.0.tgz", - "integrity": "sha512-RqTcOMscbNJEEbPjEUK/37G8nZyC9Ixobv4M/pRhVjb6/v+WxxivAOjaKQKgOpM8zHjQdHALXx0vnpEVYaxKtw==", + "node": "^16.14.0 || >=18.0.0" + } + }, + "node_modules/npm-packlist": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-8.0.0.tgz", + "integrity": "sha512-ErAGFB5kJUciPy1mmx/C2YFbvxoJ0QJ9uwkCZOeR6CqLLISPZBOiFModAbSXnjjlwW5lOhuhXva+fURsSGJqyw==", "dev": true, - "bin": { - "esbuild": "bin/esbuild" + "dependencies": { + "ignore-walk": "^6.0.0" }, "engines": { - "node": ">=12" - } - }, - "node_modules/ng-packagr/node_modules/find-cache-dir": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz", - "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==", - "dev": true, - "dependencies": { - "commondir": "^1.0.1", - "make-dir": "^3.0.2", - "pkg-dir": "^4.1.0" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/avajs/find-cache-dir?sponsor=1" - } - }, - "node_modules/ng-packagr/node_modules/make-dir": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", - "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", - "dev": true, - "dependencies": { - "semver": "^6.0.0" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/ng-packagr/node_modules/pkg-dir": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz", - "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==", - "dev": true, - "dependencies": { - "find-up": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/ng-packagr/node_modules/semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true, - "bin": { - "semver": "bin/semver.js" - } - }, - "node_modules/nice-napi": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/nice-napi/-/nice-napi-1.0.2.tgz", - "integrity": "sha512-px/KnJAJZf5RuBGcfD+Sp2pAKq0ytz8j+1NehvgIGFkvtvFrDM3T8E4x/JJODXK9WZow8RRGrbA9QQ3hs+pDhA==", - "dev": true, - "hasInstallScript": true, - "optional": true, - "os": [ - "!win32" - ], - "dependencies": { - "node-addon-api": "^3.0.0", - "node-gyp-build": "^4.2.2" - } - }, - "node_modules/node-addon-api": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz", - "integrity": "sha512-mmcei9JghVNDYydghQmeDX8KoAm0FAiYyIcUt/N4nhyAipB17pllZQDOJD2fotxABnt4Mdz+dKTO7eftLg4d0A==", - "dev": true - }, - "node_modules/node-forge": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz", - "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==", - "dev": true, - "engines": { - "node": ">= 6.13.0" - } - }, - "node_modules/node-gyp": { - "version": "9.4.0", - "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-9.4.0.tgz", - "integrity": "sha512-dMXsYP6gc9rRbejLXmTbVRYjAHw7ppswsKyMxuxJxxOHzluIO1rGp9TOQgjFJ+2MCqcOcQTOPB/8Xwhr+7s4Eg==", - "dev": true, - "dependencies": { - "env-paths": "^2.2.0", - "exponential-backoff": "^3.1.1", - "glob": "^7.1.4", - "graceful-fs": "^4.2.6", - "make-fetch-happen": "^11.0.3", - "nopt": "^6.0.0", - "npmlog": "^6.0.0", - "rimraf": "^3.0.2", - "semver": "^7.3.5", - "tar": "^6.1.2", - "which": "^2.0.2" - }, - "bin": { - "node-gyp": "bin/node-gyp.js" - }, - "engines": { - "node": "^12.13 || ^14.13 || >=16" - } - }, - "node_modules/node-gyp-build": { - "version": "4.6.0", - "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.6.0.tgz", - "integrity": "sha512-NTZVKn9IylLwUzaKjkas1e4u2DLNcV4rdYagA4PWdPwW87Bi7z+BznyKSRwS/761tV/lzCGXplWsiaMjLqP2zQ==", - "dev": true, - "bin": { - "node-gyp-build": "bin.js", - "node-gyp-build-optional": "optional.js", - "node-gyp-build-test": "build-test.js" - } - }, - "node_modules/node-releases": { - "version": "2.0.13", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz", - "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==", - "dev": true - }, - "node_modules/nopt": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/nopt/-/nopt-6.0.0.tgz", - "integrity": "sha512-ZwLpbTgdhuZUnZzjd7nb1ZV+4DoiC6/sfiVKok72ym/4Tlf+DFdlHYmT2JPmcNNWV6Pi3SDf1kT+A4r9RTuT9g==", - "dev": true, - "dependencies": { - "abbrev": "^1.0.0" - }, - "bin": { - "nopt": "bin/nopt.js" - }, - "engines": { - "node": "^12.13.0 || ^14.15.0 || >=16.0.0" - } - }, - "node_modules/normalize-package-data": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-5.0.0.tgz", - "integrity": "sha512-h9iPVIfrVZ9wVYQnxFgtw1ugSvGEMOlyPWWtm8BMJhnwyEL/FLbYbTY3V3PpjI/BUK67n9PEWDu6eHzu1fB15Q==", - "dev": true, - "dependencies": { - "hosted-git-info": "^6.0.0", - "is-core-module": "^2.8.1", - "semver": "^7.3.5", - "validate-npm-package-license": "^3.0.4" - }, - "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" - } - }, - "node_modules/normalize-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", - "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/normalize-range": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", - "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/now-and-later": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-2.0.1.tgz", - "integrity": "sha512-KGvQ0cB70AQfg107Xvs/Fbu+dGmZoTRJp2TaPwcwQm3/7PteUyN2BCgk8KBMPGBUXZdVwyWS8fDCGFygBm19UQ==", - "dev": true, - "dependencies": { - "once": "^1.3.2" - }, - "engines": { - "node": ">= 0.10" - } - }, - "node_modules/npm-bundled": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-3.0.0.tgz", - "integrity": "sha512-Vq0eyEQy+elFpzsKjMss9kxqb9tG3YHg4dsyWuUENuzvSUWe1TCnW/vV9FkhvBk/brEDoDiVd+M1Btosa6ImdQ==", - "dev": true, - "dependencies": { - "npm-normalize-package-bin": "^3.0.0" - }, - "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" - } - }, - "node_modules/npm-install-checks": { - "version": "6.1.1", - "resolved": "https://registry.npmjs.org/npm-install-checks/-/npm-install-checks-6.1.1.tgz", - "integrity": "sha512-dH3GmQL4vsPtld59cOn8uY0iOqRmqKvV+DLGwNXV/Q7MDgD2QfOADWd/mFXcIE5LVhYYGjA3baz6W9JneqnuCw==", - "dev": true, - "dependencies": { - "semver": "^7.1.1" - }, - "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" - } - }, - "node_modules/npm-normalize-package-bin": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-3.0.1.tgz", - "integrity": "sha512-dMxCf+zZ+3zeQZXKxmyuCKlIDPGuv8EF940xbkC4kQVDTtqoh6rJFO+JTKSA6/Rwi0getWmtuy4Itup0AMcaDQ==", - "dev": true, - "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" - } - }, - "node_modules/npm-package-arg": { - "version": "10.1.0", - "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-10.1.0.tgz", - "integrity": "sha512-uFyyCEmgBfZTtrKk/5xDfHp6+MdrqGotX/VoOyEEl3mBwiEE5FlBaePanazJSVMPT7vKepcjYBY2ztg9A3yPIA==", - "dev": true, - "dependencies": { - "hosted-git-info": "^6.0.0", - "proc-log": "^3.0.0", - "semver": "^7.3.5", - "validate-npm-package-name": "^5.0.0" - }, - "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" - } - }, - "node_modules/npm-packlist": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-7.0.4.tgz", - "integrity": "sha512-d6RGEuRrNS5/N84iglPivjaJPxhDbZmlbTwTDX2IbcRHG5bZCdtysYMhwiPvcF4GisXHGn7xsxv+GQ7T/02M5Q==", - "dev": true, - "dependencies": { - "ignore-walk": "^6.0.0" - }, - "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, "node_modules/npm-pick-manifest": { - "version": "8.0.1", - "resolved": "https://registry.npmjs.org/npm-pick-manifest/-/npm-pick-manifest-8.0.1.tgz", - "integrity": "sha512-mRtvlBjTsJvfCCdmPtiu2bdlx8d/KXtF7yNXNWe7G0Z36qWA9Ny5zXsI2PfBZEv7SXgoxTmNaTzGSbbzDZChoA==", + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/npm-pick-manifest/-/npm-pick-manifest-9.0.0.tgz", + "integrity": "sha512-VfvRSs/b6n9ol4Qb+bDwNGUXutpy76x6MARw/XssevE0TnctIKcmklJZM5Z7nqs5z5aW+0S63pgCNbpkUNNXBg==", "dev": true, "dependencies": { "npm-install-checks": "^6.0.0", "npm-normalize-package-bin": "^3.0.0", - "npm-package-arg": "^10.0.0", + "npm-package-arg": "^11.0.0", "semver": "^7.3.5" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^16.14.0 || >=18.0.0" } }, "node_modules/npm-registry-fetch": { - "version": "14.0.5", - "resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-14.0.5.tgz", - "integrity": "sha512-kIDMIo4aBm6xg7jOttupWZamsZRkAqMqwqqbVXnUqstY5+tapvv6bkH/qMR76jdgV+YljEUCyWx3hRYMrJiAgA==", + "version": "16.1.0", + "resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-16.1.0.tgz", + "integrity": "sha512-PQCELXKt8Azvxnt5Y85GseQDJJlglTFM9L9U9gkv2y4e9s0k3GVDdOx3YoB6gm2Do0hlkzC39iCGXby+Wve1Bw==", "dev": true, "dependencies": { - "make-fetch-happen": "^11.0.0", - "minipass": "^5.0.0", + "make-fetch-happen": "^13.0.0", + "minipass": "^7.0.2", "minipass-fetch": "^3.0.0", "minipass-json-stream": "^1.0.1", "minizlib": "^2.1.2", - "npm-package-arg": "^10.0.0", + "npm-package-arg": "^11.0.0", "proc-log": "^3.0.0" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^16.14.0 || >=18.0.0" } }, "node_modules/npm-run-path": { @@ -16834,21 +16306,6 @@ "node": ">=8" } }, - "node_modules/npmlog": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-6.0.2.tgz", - "integrity": "sha512-/vBvz5Jfr9dT/aFWd0FIRf+T/Q2WBsLENygUaFUqstqsycmZAP/t5BvFJTK0viFmSUxiUKTUplWy5vt+rvKIxg==", - "dev": true, - "dependencies": { - "are-we-there-yet": "^3.0.0", - "console-control-strings": "^1.1.0", - "gauge": "^4.0.3", - "set-blocking": "^2.0.0" - }, - "engines": { - "node": "^12.13.0 || ^14.15.0 || >=16.0.0" - } - }, "node_modules/nth-check": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz", @@ -16870,41 +16327,36 @@ "node": ">=0.10.0" } }, - "node_modules/nwsapi": { - "version": "2.2.7", - "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz", - "integrity": "sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==", - "dev": true - }, "node_modules/nx": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/nx/-/nx-16.5.1.tgz", - "integrity": "sha512-I3hJRE4hG7JWAtncWwDEO3GVeGPpN0TtM8xH5ArZXyDuVeTth/i3TtJzdDzqXO1HHtIoAQN0xeq4n9cLuMil5g==", + "version": "17.0.3", + "resolved": "https://registry.npmjs.org/nx/-/nx-17.0.3.tgz", + "integrity": "sha512-VShJISKCYt3iVJoMUPZiv67+0tiItxWMnfVmTmPZPio2Fu+wGc9U4ijjPxcmp2RJmLRaxkB9cn5rlrAvkIrNMA==", "dev": true, "hasInstallScript": true, "dependencies": { - "@nrwl/tao": "16.5.1", - "@parcel/watcher": "2.0.4", + "@nrwl/tao": "17.0.3", "@yarnpkg/lockfile": "^1.1.0", "@yarnpkg/parsers": "3.0.0-rc.46", "@zkochan/js-yaml": "0.0.6", - "axios": "^1.0.0", + "axios": "^1.5.1", "chalk": "^4.1.0", "cli-cursor": "3.1.0", "cli-spinners": "2.6.1", - "cliui": "^7.0.2", - "dotenv": "~10.0.0", + "cliui": "^8.0.1", + "dotenv": "~16.3.1", + "dotenv-expand": "~10.0.0", "enquirer": "~2.3.6", - "fast-glob": "3.2.7", "figures": "3.2.0", "flat": "^5.0.2", "fs-extra": "^11.1.0", "glob": "7.1.4", "ignore": "^5.0.4", + "jest-diff": "^29.4.1", "js-yaml": "4.1.0", "jsonc-parser": "3.2.0", "lines-and-columns": "~2.0.3", "minimatch": "3.0.5", + "node-machine-id": "1.1.12", "npm-run-path": "^4.0.1", "open": "^8.4.0", "semver": "7.5.3", @@ -16919,23 +16371,24 @@ "yargs-parser": "21.1.1" }, "bin": { - "nx": "bin/nx.js" + "nx": "bin/nx.js", + "nx-cloud": "bin/nx-cloud.js" }, "optionalDependencies": { - "@nx/nx-darwin-arm64": "16.5.1", - "@nx/nx-darwin-x64": "16.5.1", - "@nx/nx-freebsd-x64": "16.5.1", - "@nx/nx-linux-arm-gnueabihf": "16.5.1", - "@nx/nx-linux-arm64-gnu": "16.5.1", - "@nx/nx-linux-arm64-musl": "16.5.1", - "@nx/nx-linux-x64-gnu": "16.5.1", - "@nx/nx-linux-x64-musl": "16.5.1", - "@nx/nx-win32-arm64-msvc": "16.5.1", - "@nx/nx-win32-x64-msvc": "16.5.1" + "@nx/nx-darwin-arm64": "17.0.3", + "@nx/nx-darwin-x64": "17.0.3", + "@nx/nx-freebsd-x64": "17.0.3", + "@nx/nx-linux-arm-gnueabihf": "17.0.3", + "@nx/nx-linux-arm64-gnu": "17.0.3", + "@nx/nx-linux-arm64-musl": "17.0.3", + "@nx/nx-linux-x64-gnu": "17.0.3", + "@nx/nx-linux-x64-musl": "17.0.3", + "@nx/nx-win32-arm64-msvc": "17.0.3", + "@nx/nx-win32-x64-msvc": "17.0.3" }, "peerDependencies": { - "@swc-node/register": "^1.4.2", - "@swc/core": "^1.2.173" + "@swc-node/register": "^1.6.7", + "@swc/core": "^1.3.85" }, "peerDependenciesMeta": { "@swc-node/register": { @@ -16968,9 +16421,9 @@ "dev": true }, "node_modules/nx/node_modules/axios": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz", - "integrity": "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==", + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.2.tgz", + "integrity": "sha512-7i24Ri4pmDRfJTR7LDBhsOTtcm+9kjX5WiY1X3wIisx6G9So3pfMkEiU7emUBe46oceVImccTEM3k6C5dbVW8A==", "dev": true, "dependencies": { "follow-redirects": "^1.15.0", @@ -17012,26 +16465,25 @@ "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", "dev": true }, - "node_modules/nx/node_modules/fast-glob": { - "version": "3.2.7", - "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.7.tgz", - "integrity": "sha512-rYGMRwip6lUMvYD3BTScMwT1HtAs2d71SMv66Vrxs0IekGZEjhM0pcMfjQPnknBt2zeCwQMEupiN02ZP4DiT1Q==", + "node_modules/nx/node_modules/figures": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz", + "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==", "dev": true, "dependencies": { - "@nodelib/fs.stat": "^2.0.2", - "@nodelib/fs.walk": "^1.2.3", - "glob-parent": "^5.1.2", - "merge2": "^1.3.0", - "micromatch": "^4.0.4" + "escape-string-regexp": "^1.0.5" }, "engines": { "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/nx/node_modules/fs-extra": { - "version": "11.1.1", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz", - "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==", + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", + "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", "dev": true, "dependencies": { "graceful-fs": "^4.2.0", @@ -17158,9 +16610,9 @@ } }, "node_modules/nx/node_modules/universalify": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz", - "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz", + "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==", "dev": true, "engines": { "node": ">= 10.0.0" @@ -17207,51 +16659,17 @@ "node": ">=0.10.0" } }, - "node_modules/object-copy/node_modules/is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", + "node_modules/object-copy/node_modules/is-descriptor": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz", + "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==", "dev": true, "dependencies": { - "kind-of": "^3.0.2" + "is-accessor-descriptor": "^1.0.1", + "is-data-descriptor": "^1.0.1" }, "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/object-copy/node_modules/is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "dependencies": { - "kind-of": "^3.0.2" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/object-copy/node_modules/is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "dependencies": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/object-copy/node_modules/is-descriptor/node_modules/kind-of": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", - "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==", - "dev": true, - "engines": { - "node": ">=0.10.0" + "node": ">= 0.4" } }, "node_modules/object-copy/node_modules/kind-of": { @@ -17267,9 +16685,9 @@ } }, "node_modules/object-inspect": { - "version": "1.12.3", - "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz", - "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==", + "version": "1.13.1", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz", + "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==", "dev": true, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -17300,15 +16718,6 @@ "node": ">= 0.4" } }, - "node_modules/object-path": { - "version": "0.11.8", - "resolved": "https://registry.npmjs.org/object-path/-/object-path-0.11.8.tgz", - "integrity": "sha512-YJjNZrlXJFM42wTBn6zgOJVar9KFJvzx6sTWDte8sWZF//cnjl0BxHNpfZx+ZffXX63A9q0b1zsFiBX4g4X5KA==", - "dev": true, - "engines": { - "node": ">= 10.12.0" - } - }, "node_modules/object-visit": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz", @@ -17322,13 +16731,13 @@ } }, "node_modules/object.assign": { - "version": "4.1.4", - "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz", - "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==", + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz", + "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==", "dev": true, "dependencies": { - "call-bind": "^1.0.2", - "define-properties": "^1.1.4", + "call-bind": "^1.0.5", + "define-properties": "^1.2.1", "has-symbols": "^1.0.3", "object-keys": "^1.1.1" }, @@ -17355,14 +16764,14 @@ } }, "node_modules/object.fromentries": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.6.tgz", - "integrity": "sha512-VciD13dswC4j1Xt5394WR4MzmAQmlgN72phd/riNp9vtD7tp4QQWJ0R4wvclXcafgcYK8veHRed2W6XeGBvcfg==", + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz", + "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==", "dev": true, "dependencies": { "call-bind": "^1.0.2", - "define-properties": "^1.1.4", - "es-abstract": "^1.20.4" + "define-properties": "^1.2.0", + "es-abstract": "^1.22.1" }, "engines": { "node": ">= 0.4" @@ -17372,14 +16781,14 @@ } }, "node_modules/object.groupby": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.0.tgz", - "integrity": "sha512-70MWG6NfRH9GnbZOikuhPPYzpUpof9iW2J9E4dW7FXTqPNb6rllE6u39SKwwiNh8lCwX3DDb5OgcKGiEBrTTyw==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz", + "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==", "dev": true, "dependencies": { "call-bind": "^1.0.2", "define-properties": "^1.2.0", - "es-abstract": "^1.21.2", + "es-abstract": "^1.22.1", "get-intrinsic": "^1.2.1" } }, @@ -17422,14 +16831,14 @@ } }, "node_modules/object.values": { - "version": "1.1.6", - "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.6.tgz", - "integrity": "sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==", + "version": "1.1.7", + "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz", + "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==", "dev": true, "dependencies": { "call-bind": "^1.0.2", - "define-properties": "^1.1.4", - "es-abstract": "^1.20.4" + "define-properties": "^1.2.0", + "es-abstract": "^1.22.1" }, "engines": { "node": ">= 0.4" @@ -17649,6 +17058,18 @@ "node": ">=8" } }, + "node_modules/ora/node_modules/is-unicode-supported": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz", + "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/ora/node_modules/supports-color": { "version": "7.2.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", @@ -17765,27 +17186,27 @@ } }, "node_modules/pacote": { - "version": "15.2.0", - "resolved": "https://registry.npmjs.org/pacote/-/pacote-15.2.0.tgz", - "integrity": "sha512-rJVZeIwHTUta23sIZgEIM62WYwbmGbThdbnkt81ravBplQv+HjyroqnLRNH2+sLJHcGZmLRmhPwACqhfTcOmnA==", + "version": "17.0.4", + "resolved": "https://registry.npmjs.org/pacote/-/pacote-17.0.4.tgz", + "integrity": "sha512-eGdLHrV/g5b5MtD5cTPyss+JxOlaOloSMG3UwPMAvL8ywaLJ6beONPF40K4KKl/UI6q5hTKCJq5rCu8tkF+7Dg==", "dev": true, "dependencies": { - "@npmcli/git": "^4.0.0", + "@npmcli/git": "^5.0.0", "@npmcli/installed-package-contents": "^2.0.1", - "@npmcli/promise-spawn": "^6.0.1", - "@npmcli/run-script": "^6.0.0", - "cacache": "^17.0.0", + "@npmcli/promise-spawn": "^7.0.0", + "@npmcli/run-script": "^7.0.0", + "cacache": "^18.0.0", "fs-minipass": "^3.0.0", - "minipass": "^5.0.0", - "npm-package-arg": "^10.0.0", - "npm-packlist": "^7.0.0", - "npm-pick-manifest": "^8.0.0", - "npm-registry-fetch": "^14.0.0", + "minipass": "^7.0.2", + "npm-package-arg": "^11.0.0", + "npm-packlist": "^8.0.0", + "npm-pick-manifest": "^9.0.0", + "npm-registry-fetch": "^16.0.0", "proc-log": "^3.0.0", "promise-retry": "^2.0.1", - "read-package-json": "^6.0.0", + "read-package-json": "^7.0.0", "read-package-json-fast": "^3.0.0", - "sigstore": "^1.3.0", + "sigstore": "^2.0.0", "ssri": "^10.0.0", "tar": "^6.1.11" }, @@ -17793,7 +17214,7 @@ "pacote": "lib/bin.js" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^16.14.0 || >=18.0.0" } }, "node_modules/pako": { @@ -18009,9 +17430,9 @@ } }, "node_modules/path-scurry/node_modules/lru-cache": { - "version": "10.0.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.0.1.tgz", - "integrity": "sha512-IJ4uwUTi2qCccrioU6g9g/5rvvVl13bsdczUUcqbciD9iLr095yj8DQKdObriEvuNSx325N1rV1O0sJFszx75g==", + "version": "10.1.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.1.0.tgz", + "integrity": "sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==", "dev": true, "engines": { "node": "14 || >=16.14" @@ -18046,12 +17467,12 @@ "dev": true }, "node_modules/picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-3.0.1.tgz", + "integrity": "sha512-I3EurrIQMlRc9IaAZnqRR044Phh2DXY+55o7uJ0V+hYZAcQYSuFWsc9q5PvyDHUSCe1Qxn/iBz+78s86zWnGag==", "dev": true, "engines": { - "node": ">=8.6" + "node": ">=10" }, "funding": { "url": "https://github.com/sponsors/jonschlinkert" @@ -18088,9 +17509,9 @@ } }, "node_modules/piscina": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/piscina/-/piscina-4.0.0.tgz", - "integrity": "sha512-641nAmJS4k4iqpNUqfggqUBUMmlw0ZoM5VZKdQkV2e970Inn3Tk9kroCc1wpsYLD07vCwpys5iY0d3xI/9WkTg==", + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/piscina/-/piscina-4.1.0.tgz", + "integrity": "sha512-sjbLMi3sokkie+qmtZpkfMCUJTpbxJm/wvaPzU28vmYSsTSW8xk9JcFUsbqGJdtPpIQ9tuj+iDcTtgZjwnOSig==", "dev": true, "dependencies": { "eventemitter-asyncresource": "^1.0.0", @@ -18268,9 +17689,9 @@ } }, "node_modules/postcss": { - "version": "8.4.27", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.27.tgz", - "integrity": "sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==", + "version": "8.4.31", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz", + "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==", "dev": true, "funding": [ { @@ -18462,9 +17883,10 @@ "dev": true }, "node_modules/preact": { - "version": "10.16.0", - "resolved": "https://registry.npmjs.org/preact/-/preact-10.16.0.tgz", - "integrity": "sha512-XTSj3dJ4roKIC93pald6rWuB2qQJO9gO2iLLyTe87MrjQN+HklueLsmskbywEWqCHlclgz3/M4YLL2iBr9UmMA==", + "version": "10.19.2", + "resolved": "https://registry.npmjs.org/preact/-/preact-10.19.2.tgz", + "integrity": "sha512-UA9DX/OJwv6YwP9Vn7Ti/vF80XL+YA5H2l7BpCtUr3ya8LWHFzpiO5R+N7dN16ujpIxhekRFuOOF82bXX7K/lg==", + "dev": true, "funding": { "type": "opencollective", "url": "https://opencollective.com/preact" @@ -18507,12 +17929,12 @@ } }, "node_modules/pretty-format": { - "version": "29.6.2", - "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.6.2.tgz", - "integrity": "sha512-1q0oC8eRveTg5nnBEWMXAU2qpv65Gnuf2eCQzSjxpWFkPaPARwqZZDGuNE0zPAZfTCHzIk3A8dIjwlQKKLphyg==", + "version": "29.7.0", + "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz", + "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==", "dev": true, "dependencies": { - "@jest/schemas": "^29.6.0", + "@jest/schemas": "^29.6.3", "ansi-styles": "^5.0.0", "react-is": "^18.0.0" }, @@ -18622,12 +18044,6 @@ "dev": true, "optional": true }, - "node_modules/psl": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz", - "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==", - "dev": true - }, "node_modules/pump": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz", @@ -18650,9 +18066,9 @@ } }, "node_modules/punycode": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz", - "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", + "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==", "dev": true, "engines": { "node": ">=6" @@ -18682,12 +18098,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/querystringify": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz", - "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==", - "dev": true - }, "node_modules/queue-microtask": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", @@ -18736,40 +18146,6 @@ "node": ">=0.10" } }, - "node_modules/quill-delta/node_modules/deep-equal": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.1.tgz", - "integrity": "sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==", - "dev": true, - "dependencies": { - "is-arguments": "^1.0.4", - "is-date-object": "^1.0.1", - "is-regex": "^1.0.4", - "object-is": "^1.0.1", - "object-keys": "^1.1.1", - "regexp.prototype.flags": "^1.2.0" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, - "node_modules/quill/node_modules/deep-equal": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.1.tgz", - "integrity": "sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==", - "dev": true, - "dependencies": { - "is-arguments": "^1.0.4", - "is-date-object": "^1.0.1", - "is-regex": "^1.0.4", - "object-is": "^1.0.1", - "object-keys": "^1.1.1", - "regexp.prototype.flags": "^1.2.0" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/quill/node_modules/eventemitter3": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-2.0.3.tgz", @@ -18826,18 +18202,18 @@ "dev": true }, "node_modules/read-package-json": { - "version": "6.0.4", - "resolved": "https://registry.npmjs.org/read-package-json/-/read-package-json-6.0.4.tgz", - "integrity": "sha512-AEtWXYfopBj2z5N5PbkAOeNHRPUg5q+Nen7QLxV8M2zJq1ym6/lCz3fYNTCXe19puu2d06jfHhrP7v/S2PtMMw==", + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/read-package-json/-/read-package-json-7.0.0.tgz", + "integrity": "sha512-uL4Z10OKV4p6vbdvIXB+OzhInYtIozl/VxUBPgNkBuUi2DeRonnuspmaVAMcrkmfjKGNmRndyQAbE7/AmzGwFg==", "dev": true, "dependencies": { "glob": "^10.2.2", "json-parse-even-better-errors": "^3.0.0", - "normalize-package-data": "^5.0.0", + "normalize-package-data": "^6.0.0", "npm-normalize-package-bin": "^3.0.0" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^16.14.0 || >=18.0.0" } }, "node_modules/read-package-json-fast": { @@ -18854,9 +18230,9 @@ } }, "node_modules/read-package-json-fast/node_modules/json-parse-even-better-errors": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-3.0.0.tgz", - "integrity": "sha512-iZbGHafX/59r39gPwVPRBGw0QQKnA7tte5pSMrhWOW7swGsVvVTjmfyAV9pNqk8YGT7tRCdxRu8uzcgZwoDooA==", + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-3.0.1.tgz", + "integrity": "sha512-aatBvbL26wVUCLmbWdCpeu9iF5wOyWpagiKkInA+kfws3sWdBrTnsvN2CKcyCYyUrc7rebNBlK6+kteg7ksecg==", "dev": true, "engines": { "node": "^14.17.0 || ^16.13.0 || >=18.0.0" @@ -18872,19 +18248,19 @@ } }, "node_modules/read-package-json/node_modules/glob": { - "version": "10.3.3", - "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.3.tgz", - "integrity": "sha512-92vPiMb/iqpmEgsOoIDvTjc50wf9CCCvMzsi6W0JLPeUKE8TWP1a73PgqSrqy7iAZxaSD1YdzU7QZR5LF51MJw==", + "version": "10.3.10", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz", + "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==", "dev": true, "dependencies": { "foreground-child": "^3.1.0", - "jackspeak": "^2.0.3", + "jackspeak": "^2.3.5", "minimatch": "^9.0.1", "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0", "path-scurry": "^1.10.1" }, "bin": { - "glob": "dist/cjs/src/bin.js" + "glob": "dist/esm/bin.mjs" }, "engines": { "node": ">=16 || 14 >=14.17" @@ -18894,9 +18270,9 @@ } }, "node_modules/read-package-json/node_modules/json-parse-even-better-errors": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-3.0.0.tgz", - "integrity": "sha512-iZbGHafX/59r39gPwVPRBGw0QQKnA7tte5pSMrhWOW7swGsVvVTjmfyAV9pNqk8YGT7tRCdxRu8uzcgZwoDooA==", + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-3.0.1.tgz", + "integrity": "sha512-aatBvbL26wVUCLmbWdCpeu9iF5wOyWpagiKkInA+kfws3sWdBrTnsvN2CKcyCYyUrc7rebNBlK6+kteg7ksecg==", "dev": true, "engines": { "node": "^14.17.0 || ^16.13.0 || >=18.0.0" @@ -19025,12 +18401,6 @@ "util-deprecate": "~1.0.1" } }, - "node_modules/readable-stream/node_modules/isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", - "dev": true - }, "node_modules/readable-stream/node_modules/safe-buffer": { "version": "5.1.2", "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", @@ -19049,6 +18419,18 @@ "node": ">=8.10.0" } }, + "node_modules/readdirp/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, "node_modules/rechoir": { "version": "0.6.2", "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.6.2.tgz", @@ -19074,9 +18456,9 @@ "dev": true }, "node_modules/regenerate-unicode-properties": { - "version": "10.1.0", - "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.0.tgz", - "integrity": "sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ==", + "version": "10.1.1", + "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz", + "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==", "dev": true, "dependencies": { "regenerate": "^1.4.2" @@ -19086,9 +18468,9 @@ } }, "node_modules/regenerator-runtime": { - "version": "0.13.11", - "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", - "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==", + "version": "0.14.0", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz", + "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==", "dev": true }, "node_modules/regenerator-transform": { @@ -19120,14 +18502,14 @@ "dev": true }, "node_modules/regexp.prototype.flags": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz", - "integrity": "sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==", + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz", + "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==", "dev": true, "dependencies": { "call-bind": "^1.0.2", "define-properties": "^1.2.0", - "functions-have-names": "^1.2.3" + "set-function-name": "^2.0.0" }, "engines": { "node": ">= 0.4" @@ -19279,12 +18661,12 @@ "dev": true }, "node_modules/resolve": { - "version": "1.22.2", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz", - "integrity": "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==", + "version": "1.22.8", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", + "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", "dev": true, "dependencies": { - "is-core-module": "^2.11.0", + "is-core-module": "^2.13.0", "path-parse": "^1.0.7", "supports-preserve-symlinks-flag": "^1.0.0" }, @@ -19476,31 +18858,38 @@ } }, "node_modules/rollup": { - "version": "3.28.0", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.28.0.tgz", - "integrity": "sha512-d7zhvo1OUY2SXSM6pfNjgD5+d0Nz87CUp4mt8l/GgVP3oBsPwzNvSzyu1me6BSG9JIgWNTVcafIXBIyM8yQ3yw==", + "version": "4.6.1", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.6.1.tgz", + "integrity": "sha512-jZHaZotEHQaHLgKr8JnQiDT1rmatjgKlMekyksz+yk9jt/8z9quNjnKNRoaM0wd9DC2QKXjmWWuDYtM3jfF8pQ==", "dev": true, + "optional": true, "bin": { "rollup": "dist/bin/rollup" }, "engines": { - "node": ">=14.18.0", + "node": ">=18.0.0", "npm": ">=8.0.0" }, "optionalDependencies": { + "@rollup/rollup-android-arm-eabi": "4.6.1", + "@rollup/rollup-android-arm64": "4.6.1", + "@rollup/rollup-darwin-arm64": "4.6.1", + "@rollup/rollup-darwin-x64": "4.6.1", + "@rollup/rollup-linux-arm-gnueabihf": "4.6.1", + "@rollup/rollup-linux-arm64-gnu": "4.6.1", + "@rollup/rollup-linux-arm64-musl": "4.6.1", + "@rollup/rollup-linux-x64-gnu": "4.6.1", + "@rollup/rollup-linux-x64-musl": "4.6.1", + "@rollup/rollup-win32-arm64-msvc": "4.6.1", + "@rollup/rollup-win32-ia32-msvc": "4.6.1", + "@rollup/rollup-win32-x64-msvc": "4.6.1", "fsevents": "~2.3.2" } }, - "node_modules/rrweb-cssom": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz", - "integrity": "sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==", - "dev": true - }, "node_modules/run-async": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz", - "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/run-async/-/run-async-3.0.0.tgz", + "integrity": "sha512-540WwVDOMxA6dN6We19EcT9sc3hkXPw5mzRNGM3FkdN/vtE9NFvj5lFAPNwUDmJjXidm3v7TC1cTE7t17Ulm1Q==", "dev": true, "engines": { "node": ">=0.12.0" @@ -19545,13 +18934,13 @@ } }, "node_modules/safe-array-concat": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.0.tgz", - "integrity": "sha512-9dVEFruWIsnie89yym+xWTAYASdpw3CJV7Li/6zBewGf9z2i1j31rP6jnY0pHEO4QZh6N0K11bFjWmdR8UGdPQ==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz", + "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==", "dev": true, "dependencies": { "call-bind": "^1.0.2", - "get-intrinsic": "^1.2.0", + "get-intrinsic": "^1.2.1", "has-symbols": "^1.0.3", "isarray": "^2.0.5" }, @@ -19562,6 +18951,12 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/safe-array-concat/node_modules/isarray": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz", + "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==", + "dev": true + }, "node_modules/safe-buffer": { "version": "5.2.1", "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", @@ -19612,9 +19007,9 @@ "dev": true }, "node_modules/sass": { - "version": "1.64.1", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.64.1.tgz", - "integrity": "sha512-16rRACSOFEE8VN7SCgBu1MpYCyN7urj9At898tyzdXFhC+a+yOX5dXwAR7L8/IdPJ1NB8OYoXmD55DM30B2kEQ==", + "version": "1.69.5", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.69.5.tgz", + "integrity": "sha512-qg2+UCJibLr2LCVOt3OlPhr/dqVHWOa9XtZf2OjbLs/T4VPSJ00udtgJxH3neXZm+QqX8B+3cU7RaLqp1iVfcQ==", "dev": true, "dependencies": { "chokidar": ">=3.0.0 <4.0.0", @@ -19666,30 +19061,18 @@ } }, "node_modules/sass/node_modules/immutable": { - "version": "4.3.2", - "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.2.tgz", - "integrity": "sha512-oGXzbEDem9OOpDWZu88jGiYCvIsLHMvGw+8OXlpsvTFvIQplQbjg1B1cvKg8f7Hoch6+NGjpPsH1Fr+Mc2D1aA==", + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.4.tgz", + "integrity": "sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==", "dev": true }, "node_modules/sax": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz", - "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==", + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/sax/-/sax-1.3.0.tgz", + "integrity": "sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==", "dev": true, "optional": true }, - "node_modules/saxes": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz", - "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==", - "dev": true, - "dependencies": { - "xmlchars": "^2.2.0" - }, - "engines": { - "node": ">=v12.22.7" - } - }, "node_modules/schema-utils": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz", @@ -19710,13 +19093,11 @@ } }, "node_modules/search-insights": { - "version": "2.7.0", - "resolved": "https://registry.npmjs.org/search-insights/-/search-insights-2.7.0.tgz", - "integrity": "sha512-GLbVaGgzYEKMvuJbHRhLi1qoBFnjXZGZ6l4LxOYPCp4lI2jDRB3jPU9/XNhMwv6kvnA9slTreq6pvK+b3o3aqg==", - "peer": true, - "engines": { - "node": ">=8.16.0" - } + "version": "2.11.0", + "resolved": "https://registry.npmjs.org/search-insights/-/search-insights-2.11.0.tgz", + "integrity": "sha512-Uin2J8Bpm3xaZi9Y8QibSys6uJOFZ+REMrf42v20AA3FUDUrshKkMEP6liJbMAHCm71wO6ls4mwAf7a3gFVxLw==", + "dev": true, + "peer": true }, "node_modules/select-hose": { "version": "2.0.0", @@ -19725,11 +19106,12 @@ "dev": true }, "node_modules/selfsigned": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-2.1.1.tgz", - "integrity": "sha512-GSL3aowiF7wa/WtSFwnUrludWFoNhftq8bUkH9pkzjpN2XSPOAYEgg6e0sS9s0rZwgJzJiQRPU18A6clnoW5wQ==", + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-2.4.1.tgz", + "integrity": "sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==", "dev": true, "dependencies": { + "@types/node-forge": "^1.3.0", "node-forge": "^1" }, "engines": { @@ -20006,6 +19388,35 @@ "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==", "dev": true }, + "node_modules/set-function-length": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz", + "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==", + "dev": true, + "dependencies": { + "define-data-property": "^1.1.1", + "get-intrinsic": "^1.2.1", + "gopd": "^1.0.1", + "has-property-descriptors": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/set-function-name": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz", + "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==", + "dev": true, + "dependencies": { + "define-data-property": "^1.0.1", + "functions-have-names": "^1.2.3", + "has-property-descriptors": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/set-value": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz", @@ -20112,9 +19523,9 @@ } }, "node_modules/shiki": { - "version": "0.14.3", - "resolved": "https://registry.npmjs.org/shiki/-/shiki-0.14.3.tgz", - "integrity": "sha512-U3S/a+b0KS+UkTyMjoNojvTgrBHjgp7L6ovhFVZsXmBGnVdQ4K4U9oK0z63w538S91ATngv1vXigHCSWOwnr+g==", + "version": "0.14.5", + "resolved": "https://registry.npmjs.org/shiki/-/shiki-0.14.5.tgz", + "integrity": "sha512-1gCAYOcmCFONmErGTrS1fjzJLA7MGZmKzrBNX7apqSwhyITJg2O102uFzXUeBxNnEkDA9vHIKLyeKq0V083vIw==", "dev": true, "dependencies": { "ansi-sequence-parser": "^1.1.0", @@ -20144,22 +19555,18 @@ "dev": true }, "node_modules/sigstore": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/sigstore/-/sigstore-1.9.0.tgz", - "integrity": "sha512-0Zjz0oe37d08VeOtBIuB6cRriqXse2e8w+7yIy2XSXjshRKxbc2KkhXjL229jXSxEm7UbcjS76wcJDGQddVI9A==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/sigstore/-/sigstore-2.1.0.tgz", + "integrity": "sha512-kPIj+ZLkyI3QaM0qX8V/nSsweYND3W448pwkDgS6CQ74MfhEkIR8ToK5Iyx46KJYRjseVcD3Rp9zAmUAj6ZjPw==", "dev": true, "dependencies": { - "@sigstore/bundle": "^1.1.0", - "@sigstore/protobuf-specs": "^0.2.0", - "@sigstore/sign": "^1.0.0", - "@sigstore/tuf": "^1.0.3", - "make-fetch-happen": "^11.0.1" - }, - "bin": { - "sigstore": "bin/sigstore.js" + "@sigstore/bundle": "^2.1.0", + "@sigstore/protobuf-specs": "^0.2.1", + "@sigstore/sign": "^2.1.0", + "@sigstore/tuf": "^2.1.0" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^16.14.0 || >=18.0.0" } }, "node_modules/slash": { @@ -20286,66 +19693,17 @@ "node": ">=0.10.0" } }, - "node_modules/snapdragon/node_modules/is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", - "dev": true, - "dependencies": { - "kind-of": "^3.0.2" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/snapdragon/node_modules/is-accessor-descriptor/node_modules/kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "dependencies": { - "is-buffer": "^1.1.5" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/snapdragon/node_modules/is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "dependencies": { - "kind-of": "^3.0.2" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/snapdragon/node_modules/is-data-descriptor/node_modules/kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "dependencies": { - "is-buffer": "^1.1.5" - }, - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/snapdragon/node_modules/is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz", + "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==", "dev": true, "dependencies": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" + "is-accessor-descriptor": "^1.0.1", + "is-data-descriptor": "^1.0.1" }, "engines": { - "node": ">=0.10.0" + "node": ">= 0.4" } }, "node_modules/snapdragon/node_modules/is-extendable": { @@ -20399,27 +19757,6 @@ "ws": "~8.11.0" } }, - "node_modules/socket.io-adapter/node_modules/ws": { - "version": "8.11.0", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz", - "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==", - "dev": true, - "engines": { - "node": ">=10.0.0" - }, - "peerDependencies": { - "bufferutil": "^4.0.1", - "utf-8-validate": "^5.0.2" - }, - "peerDependenciesMeta": { - "bufferutil": { - "optional": true - }, - "utf-8-validate": { - "optional": true - } - } - }, "node_modules/socket.io-client": { "version": "4.7.2", "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.7.2.tgz", @@ -20474,17 +19811,17 @@ } }, "node_modules/socks-proxy-agent": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-7.0.0.tgz", - "integrity": "sha512-Fgl0YPZ902wEsAyiQ+idGd1A7rSFx/ayC1CQVMw5P+EQx2V0SgpGtf6OKFhVjPflPUl9YMmEOnmfjCdMUsygww==", + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-8.0.2.tgz", + "integrity": "sha512-8zuqoLv1aP/66PHF5TqwJ7Czm3Yv32urJQHrVyhD7mmA6d61Zv8cIXQYPTWwmg6qlupnPvs/QKDmfa4P/qct2g==", "dev": true, "dependencies": { - "agent-base": "^6.0.2", - "debug": "^4.3.3", - "socks": "^2.6.2" + "agent-base": "^7.0.2", + "debug": "^4.3.4", + "socks": "^2.7.1" }, "engines": { - "node": ">= 10" + "node": ">= 14" } }, "node_modules/source-map": { @@ -20614,9 +19951,9 @@ } }, "node_modules/spdx-license-ids": { - "version": "3.0.13", - "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz", - "integrity": "sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==", + "version": "3.0.16", + "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.16.tgz", + "integrity": "sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==", "dev": true }, "node_modules/spdy": { @@ -20676,9 +20013,9 @@ } }, "node_modules/sprintf-js": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.2.tgz", - "integrity": "sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==", + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.3.tgz", + "integrity": "sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==", "dev": true }, "node_modules/ssf": { @@ -20694,12 +20031,12 @@ } }, "node_modules/ssri": { - "version": "10.0.4", - "resolved": "https://registry.npmjs.org/ssri/-/ssri-10.0.4.tgz", - "integrity": "sha512-12+IR2CB2C28MMAw0Ncqwj5QbTcs0nGIhgJzYWzDkb21vWmfNI83KS4f3Ci6GI98WreIfG7o9UXp3C0qbpA8nQ==", + "version": "10.0.5", + "resolved": "https://registry.npmjs.org/ssri/-/ssri-10.0.5.tgz", + "integrity": "sha512-bSf16tAFkGeRlUNDjXu8FzaMQt6g2HZJrun7mtMbIPOddxt3GLMSz5VWUWcqTJUPfLEaDIepGxv+bYQW49596A==", "dev": true, "dependencies": { - "minipass": "^5.0.0" + "minipass": "^7.0.3" }, "engines": { "node": "^14.17.0 || ^16.13.0 || >=18.0.0" @@ -20770,66 +20107,17 @@ "node": ">=0.10.0" } }, - "node_modules/static-extend/node_modules/is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", + "node_modules/static-extend/node_modules/is-descriptor": { + "version": "0.1.7", + "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz", + "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==", "dev": true, "dependencies": { - "kind-of": "^3.0.2" + "is-accessor-descriptor": "^1.0.1", + "is-data-descriptor": "^1.0.1" }, "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/static-extend/node_modules/is-accessor-descriptor/node_modules/kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "dependencies": { - "is-buffer": "^1.1.5" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/static-extend/node_modules/is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "dependencies": { - "kind-of": "^3.0.2" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/static-extend/node_modules/is-data-descriptor/node_modules/kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "dependencies": { - "is-buffer": "^1.1.5" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/static-extend/node_modules/is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "dependencies": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - }, - "engines": { - "node": ">=0.10.0" + "node": ">= 0.4" } }, "node_modules/statuses": { @@ -20841,18 +20129,6 @@ "node": ">= 0.8" } }, - "node_modules/stop-iteration-iterator": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz", - "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==", - "dev": true, - "dependencies": { - "internal-slot": "^1.0.4" - }, - "engines": { - "node": ">= 0.4" - } - }, "node_modules/stream-exhaust": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/stream-exhaust/-/stream-exhaust-1.0.2.tgz", @@ -20969,14 +20245,14 @@ } }, "node_modules/string.prototype.trim": { - "version": "1.2.7", - "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz", - "integrity": "sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==", + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz", + "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==", "dev": true, "dependencies": { "call-bind": "^1.0.2", - "define-properties": "^1.1.4", - "es-abstract": "^1.20.4" + "define-properties": "^1.2.0", + "es-abstract": "^1.22.1" }, "engines": { "node": ">= 0.4" @@ -20986,28 +20262,28 @@ } }, "node_modules/string.prototype.trimend": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz", - "integrity": "sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==", + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz", + "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==", "dev": true, "dependencies": { "call-bind": "^1.0.2", - "define-properties": "^1.1.4", - "es-abstract": "^1.20.4" + "define-properties": "^1.2.0", + "es-abstract": "^1.22.1" }, "funding": { "url": "https://github.com/sponsors/ljharb" } }, "node_modules/string.prototype.trimstart": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz", - "integrity": "sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==", + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz", + "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==", "dev": true, "dependencies": { "call-bind": "^1.0.2", - "define-properties": "^1.1.4", - "es-abstract": "^1.20.4" + "define-properties": "^1.2.0", + "es-abstract": "^1.22.1" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -21138,12 +20414,6 @@ "node": ">=0.10" } }, - "node_modules/symbol-tree": { - "version": "3.2.4", - "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz", - "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==", - "dev": true - }, "node_modules/tapable": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz", @@ -21154,9 +20424,9 @@ } }, "node_modules/tar": { - "version": "6.1.15", - "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.15.tgz", - "integrity": "sha512-/zKt9UyngnxIT/EAGYuxaMYgOIJiP81ab9ZfkILq4oNLPFX50qyYmu7jRj9qeXoxmJHjGlbH0+cm2uy1WCs10A==", + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.0.tgz", + "integrity": "sha512-/Wo7DcT0u5HUV486xg675HtjNd3BXZ6xDbzsCUZPt5iw8bTQ63bP0Raut3mvro9u+CUyq7YQd8Cx55fsZXxqLQ==", "dev": true, "dependencies": { "chownr": "^2.0.0", @@ -21224,6 +20494,15 @@ "node": ">=8" } }, + "node_modules/tar/node_modules/minipass": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz", + "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, "node_modules/tar/node_modules/mkdirp": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", @@ -21243,9 +20522,9 @@ "dev": true }, "node_modules/terser": { - "version": "5.19.2", - "resolved": "https://registry.npmjs.org/terser/-/terser-5.19.2.tgz", - "integrity": "sha512-qC5+dmecKJA4cpYxRa5aVkKehYsQKc+AHeKl0Oe62aYjBL8ZA33tTljktDHJSaxxMnbI5ZYw+o/S2DxxLu8OfA==", + "version": "5.24.0", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.24.0.tgz", + "integrity": "sha512-ZpGR4Hy3+wBEzVEnHvstMvqpD/nABNelQn/z2r0fjVWGQsN3bpOLzQlqDxmb4CDZnXq5lpjnQ+mHQLAOpfM5iw==", "dev": true, "dependencies": { "@jridgewell/source-map": "^0.3.3", @@ -21526,42 +20805,6 @@ "node": ">=0.6" } }, - "node_modules/tough-cookie": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz", - "integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==", - "dev": true, - "dependencies": { - "psl": "^1.1.33", - "punycode": "^2.1.1", - "universalify": "^0.2.0", - "url-parse": "^1.5.3" - }, - "engines": { - "node": ">=6" - } - }, - "node_modules/tough-cookie/node_modules/universalify": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz", - "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==", - "dev": true, - "engines": { - "node": ">= 4.0.0" - } - }, - "node_modules/tr46": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz", - "integrity": "sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==", - "dev": true, - "dependencies": { - "punycode": "^2.3.0" - }, - "engines": { - "node": ">=14" - } - }, "node_modules/tree-kill": { "version": "1.2.2", "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz", @@ -21584,25 +20827,46 @@ } }, "node_modules/ts-node": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-8.3.0.tgz", - "integrity": "sha512-dyNS/RqyVTDcmNM4NIBAeDMpsAdaQ+ojdf0GOLqE6nwJOgzEkdRNzJywhDfwnuvB10oa6NLVG1rUJQCpRN7qoQ==", - "dev": true, - "dependencies": { + "version": "10.9.1", + "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.1.tgz", + "integrity": "sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==", + "dev": true, + "dependencies": { + "@cspotcode/source-map-support": "^0.8.0", + "@tsconfig/node10": "^1.0.7", + "@tsconfig/node12": "^1.0.7", + "@tsconfig/node14": "^1.0.0", + "@tsconfig/node16": "^1.0.2", + "acorn": "^8.4.1", + "acorn-walk": "^8.1.1", "arg": "^4.1.0", + "create-require": "^1.1.0", "diff": "^4.0.1", "make-error": "^1.1.1", - "source-map-support": "^0.5.6", - "yn": "^3.0.0" + "v8-compile-cache-lib": "^3.0.1", + "yn": "3.1.1" }, "bin": { - "ts-node": "dist/bin.js" - }, - "engines": { - "node": ">=4.2.0" + "ts-node": "dist/bin.js", + "ts-node-cwd": "dist/bin-cwd.js", + "ts-node-esm": "dist/bin-esm.js", + "ts-node-script": "dist/bin-script.js", + "ts-node-transpile-only": "dist/bin-transpile.js", + "ts-script": "dist/bin-script-deprecated.js" }, "peerDependencies": { - "typescript": ">=2.0" + "@swc/core": ">=1.2.50", + "@swc/wasm": ">=1.2.50", + "@types/node": "*", + "typescript": ">=2.7" + }, + "peerDependenciesMeta": { + "@swc/core": { + "optional": true + }, + "@swc/wasm": { + "optional": true + } } }, "node_modules/tsconfig-paths": { @@ -21630,9 +20894,9 @@ } }, "node_modules/tslib": { - "version": "2.6.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.1.tgz", - "integrity": "sha512-t0hLfiEKfMUoqhG+U1oid7Pva4bbDPHYfJNiB7BiIjRkj1pyC++4N3huJfqY6aRH6VTB0rvtzQwjM4K6qpfOig==", + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", + "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==", "dev": true }, "node_modules/tslint": { @@ -21697,39 +20961,18 @@ "node": "*" } }, - "node_modules/tsutils": { - "version": "3.21.0", - "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz", - "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==", - "dev": true, - "dependencies": { - "tslib": "^1.8.1" - }, - "engines": { - "node": ">= 6" - }, - "peerDependencies": { - "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta" - } - }, - "node_modules/tsutils/node_modules/tslib": { - "version": "1.14.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", - "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", - "dev": true - }, "node_modules/tuf-js": { - "version": "1.1.7", - "resolved": "https://registry.npmjs.org/tuf-js/-/tuf-js-1.1.7.tgz", - "integrity": "sha512-i3P9Kgw3ytjELUfpuKVDNBJvk4u5bXL6gskv572mcevPbSKCV3zt3djhmlEQ65yERjIbOSncy7U4cQJaB1CBCg==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/tuf-js/-/tuf-js-2.1.0.tgz", + "integrity": "sha512-eD7YPPjVlMzdggrOeE8zwoegUaG/rt6Bt3jwoQPunRiNVzgcCE009UDFJKJjG+Gk9wFu6W/Vi+P5d/5QpdD9jA==", "dev": true, "dependencies": { - "@tufjs/models": "1.0.4", + "@tufjs/models": "2.0.0", "debug": "^4.3.4", - "make-fetch-happen": "^11.1.1" + "make-fetch-happen": "^13.0.0" }, "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" + "node": "^16.14.0 || >=18.0.0" } }, "node_modules/type": { @@ -21853,24 +21096,24 @@ "dev": true }, "node_modules/typedoc": { - "version": "0.24.7", - "resolved": "https://registry.npmjs.org/typedoc/-/typedoc-0.24.7.tgz", - "integrity": "sha512-zzfKDFIZADA+XRIp2rMzLe9xZ6pt12yQOhCr7cD7/PBTjhPmMyMvGrkZ2lPNJitg3Hj1SeiYFNzCsSDrlpxpKw==", + "version": "0.25.4", + "resolved": "https://registry.npmjs.org/typedoc/-/typedoc-0.25.4.tgz", + "integrity": "sha512-Du9ImmpBCw54bX275yJrxPVnjdIyJO/84co0/L9mwe0R3G4FSR6rQ09AlXVRvZEGMUg09+z/usc8mgygQ1aidA==", "dev": true, "dependencies": { "lunr": "^2.3.9", "marked": "^4.3.0", - "minimatch": "^9.0.0", + "minimatch": "^9.0.3", "shiki": "^0.14.1" }, "bin": { "typedoc": "bin/typedoc" }, "engines": { - "node": ">= 14.14" + "node": ">= 16" }, "peerDependencies": { - "typescript": "4.6.x || 4.7.x || 4.8.x || 4.9.x || 5.0.x" + "typescript": "4.6.x || 4.7.x || 4.8.x || 4.9.x || 5.0.x || 5.1.x || 5.2.x || 5.3.x" } }, "node_modules/typedoc/node_modules/brace-expansion": { @@ -21898,22 +21141,22 @@ } }, "node_modules/typescript": { - "version": "5.0.4", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.0.4.tgz", - "integrity": "sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==", + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz", + "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==", "dev": true, "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" }, "engines": { - "node": ">=12.20" + "node": ">=14.17" } }, "node_modules/ua-parser-js": { - "version": "1.0.35", - "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.35.tgz", - "integrity": "sha512-fKnGuqmTBnIE+/KXSzCn4db8RTigUzw1AN0DmdU6hJovUTbYJKyqj+8Mt1c4VfRDnOVJnENmfYkIPZ946UrSAA==", + "version": "1.0.37", + "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.37.tgz", + "integrity": "sha512-bhTyI94tZofjo+Dn8SN6Zv8nBDvyXTymAdM3LDI/0IboIUwTu1rEhW7v2TfiVsoYWgkQ4kOVqnI8APUFbIQIFQ==", "dev": true, "funding": [ { @@ -21923,6 +21166,10 @@ { "type": "paypal", "url": "https://paypal.me/faisalman" + }, + { + "type": "github", + "url": "https://github.com/sponsors/faisalman" } ], "engines": { @@ -22024,6 +21271,18 @@ "integrity": "sha512-Ia0sQNrMPXXkqVFt6w6M1n1oKo3NfKs+mvaV811Jwir7vAk9a6PVV9VPYf6X3BU97QiLEmuW3uXH9u87zDFfdw==", "dev": true }, + "node_modules/undici": { + "version": "5.27.2", + "resolved": "https://registry.npmjs.org/undici/-/undici-5.27.2.tgz", + "integrity": "sha512-iS857PdOEy/y3wlM3yRp+6SNQQ6xU0mmZcwRSriqk+et/cwWAtwmIGf6WkoDN2EK/AMdCO/dfXzIwi+rFMrjjQ==", + "dev": true, + "dependencies": { + "@fastify/busboy": "^2.0.0" + }, + "engines": { + "node": ">=14.0" + } + }, "node_modules/unicode-canonical-property-names-ecmascript": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz", @@ -22197,12 +21456,6 @@ "node": ">=0.10.0" } }, - "node_modules/unset-value/node_modules/isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", - "dev": true - }, "node_modules/upath": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz", @@ -22214,9 +21467,9 @@ } }, "node_modules/update-browserslist-db": { - "version": "1.0.11", - "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz", - "integrity": "sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==", + "version": "1.0.13", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz", + "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==", "dev": true, "funding": [ { @@ -22259,16 +21512,6 @@ "deprecated": "Please see https://github.com/lydell/urix#deprecated", "dev": true }, - "node_modules/url-parse": { - "version": "1.5.10", - "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz", - "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==", - "dev": true, - "dependencies": { - "querystringify": "^2.1.1", - "requires-port": "^1.0.0" - } - }, "node_modules/use": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz", @@ -22318,6 +21561,12 @@ "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==", "dev": true }, + "node_modules/v8-compile-cache-lib": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz", + "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==", + "dev": true + }, "node_modules/v8flags": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/v8flags/-/v8flags-3.2.0.tgz", @@ -22463,17528 +21712,524 @@ "node": ">=0.10.0" } }, - "node_modules/void-elements": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz", - "integrity": "sha512-qZKX4RnBzH2ugr8Lxa7x+0V6XD9Sb/ouARtiasEQCHB1EVU4NXtmHsDDrx1dO4ne5fc3J6EW05BP1Dl0z0iung==", + "node_modules/vite": { + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz", + "integrity": "sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==", "dev": true, + "dependencies": { + "esbuild": "^0.18.10", + "postcss": "^8.4.27", + "rollup": "^3.27.1" + }, + "bin": { + "vite": "bin/vite.js" + }, "engines": { - "node": ">=0.10.0" + "node": "^14.18.0 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + }, + "peerDependencies": { + "@types/node": ">= 14", + "less": "*", + "lightningcss": "^1.21.0", + "sass": "*", + "stylus": "*", + "sugarss": "*", + "terser": "^5.4.0" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "less": { + "optional": true + }, + "lightningcss": { + "optional": true + }, + "sass": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + } } }, - "node_modules/vscode-oniguruma": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/vscode-oniguruma/-/vscode-oniguruma-1.7.0.tgz", - "integrity": "sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==", - "dev": true - }, - "node_modules/vscode-textmate": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/vscode-textmate/-/vscode-textmate-8.0.0.tgz", - "integrity": "sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg==", - "dev": true - }, - "node_modules/w3c-hr-time": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz", - "integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==", - "deprecated": "Use your platform's native performance.now() and performance.timeOrigin.", + "node_modules/vite/node_modules/@esbuild/android-arm": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz", + "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==", + "cpu": [ + "arm" + ], "dev": true, - "dependencies": { - "browser-process-hrtime": "^1.0.0" + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" } }, - "node_modules/w3c-xmlserializer": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz", - "integrity": "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==", + "node_modules/vite/node_modules/@esbuild/android-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz", + "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==", + "cpu": [ + "arm64" + ], "dev": true, - "dependencies": { - "xml-name-validator": "^4.0.0" - }, + "optional": true, + "os": [ + "android" + ], "engines": { - "node": ">=14" + "node": ">=12" } }, - "node_modules/watchpack": { - "version": "2.4.0", - "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz", - "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==", + "node_modules/vite/node_modules/@esbuild/android-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz", + "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==", + "cpu": [ + "x64" + ], "dev": true, - "dependencies": { - "glob-to-regexp": "^0.4.1", - "graceful-fs": "^4.1.2" - }, + "optional": true, + "os": [ + "android" + ], "engines": { - "node": ">=10.13.0" + "node": ">=12" } }, - "node_modules/wbuf": { - "version": "1.7.3", - "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz", - "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==", + "node_modules/vite/node_modules/@esbuild/darwin-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz", + "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==", + "cpu": [ + "arm64" + ], "dev": true, - "dependencies": { - "minimalistic-assert": "^1.0.0" + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" } }, - "node_modules/wcwidth": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz", - "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==", + "node_modules/vite/node_modules/@esbuild/darwin-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz", + "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==", + "cpu": [ + "x64" + ], "dev": true, - "dependencies": { - "defaults": "^1.0.3" + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" } }, - "node_modules/webidl-conversions": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz", - "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==", + "node_modules/vite/node_modules/@esbuild/freebsd-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz", + "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==", + "cpu": [ + "arm64" + ], "dev": true, + "optional": true, + "os": [ + "freebsd" + ], "engines": { "node": ">=12" } }, - "node_modules/webpack": { - "version": "5.88.2", - "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.88.2.tgz", - "integrity": "sha512-JmcgNZ1iKj+aiR0OvTYtWQqJwq37Pf683dY9bVORwVbUrDhLhdn/PlO2sHsFHPkj7sHNQF3JwaAkp49V+Sq1tQ==", + "node_modules/vite/node_modules/@esbuild/freebsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz", + "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==", + "cpu": [ + "x64" + ], "dev": true, - "dependencies": { - "@types/eslint-scope": "^3.7.3", - "@types/estree": "^1.0.0", - "@webassemblyjs/ast": "^1.11.5", - "@webassemblyjs/wasm-edit": "^1.11.5", - "@webassemblyjs/wasm-parser": "^1.11.5", - "acorn": "^8.7.1", - "acorn-import-assertions": "^1.9.0", - "browserslist": "^4.14.5", - "chrome-trace-event": "^1.0.2", - "enhanced-resolve": "^5.15.0", - "es-module-lexer": "^1.2.1", - "eslint-scope": "5.1.1", - "events": "^3.2.0", - "glob-to-regexp": "^0.4.1", - "graceful-fs": "^4.2.9", - "json-parse-even-better-errors": "^2.3.1", - "loader-runner": "^4.2.0", - "mime-types": "^2.1.27", - "neo-async": "^2.6.2", - "schema-utils": "^3.2.0", - "tapable": "^2.1.1", - "terser-webpack-plugin": "^5.3.7", - "watchpack": "^2.4.0", - "webpack-sources": "^3.2.3" - }, - "bin": { - "webpack": "bin/webpack.js" - }, + "optional": true, + "os": [ + "freebsd" + ], "engines": { - "node": ">=10.13.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/webpack" - }, - "peerDependenciesMeta": { - "webpack-cli": { - "optional": true - } + "node": ">=12" } }, - "node_modules/webpack-dev-middleware": { - "version": "6.1.1", - "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-6.1.1.tgz", - "integrity": "sha512-y51HrHaFeeWir0YO4f0g+9GwZawuigzcAdRNon6jErXy/SqV/+O6eaVAzDqE6t3e3NpGeR5CS+cCDaTC+V3yEQ==", + "node_modules/vite/node_modules/@esbuild/linux-arm": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz", + "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==", + "cpu": [ + "arm" + ], "dev": true, - "dependencies": { - "colorette": "^2.0.10", - "memfs": "^3.4.12", - "mime-types": "^2.1.31", - "range-parser": "^1.2.1", - "schema-utils": "^4.0.0" - }, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">= 14.15.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/webpack" - }, - "peerDependencies": { - "webpack": "^5.0.0" - }, - "peerDependenciesMeta": { - "webpack": { - "optional": true - } + "node": ">=12" } }, - "node_modules/webpack-dev-server": { - "version": "4.15.1", - "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.15.1.tgz", - "integrity": "sha512-5hbAst3h3C3L8w6W4P96L5vaV0PxSmJhxZvWKYIdgxOQm8pNZ5dEOmmSLBVpP85ReeyRt6AS1QJNyo/oFFPeVA==", + "node_modules/vite/node_modules/@esbuild/linux-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz", + "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==", + "cpu": [ + "arm64" + ], "dev": true, - "dependencies": { - "@types/bonjour": "^3.5.9", - "@types/connect-history-api-fallback": "^1.3.5", - "@types/express": "^4.17.13", - "@types/serve-index": "^1.9.1", - "@types/serve-static": "^1.13.10", - "@types/sockjs": "^0.3.33", - "@types/ws": "^8.5.5", - "ansi-html-community": "^0.0.8", - "bonjour-service": "^1.0.11", - "chokidar": "^3.5.3", - "colorette": "^2.0.10", - "compression": "^1.7.4", - "connect-history-api-fallback": "^2.0.0", - "default-gateway": "^6.0.3", - "express": "^4.17.3", - "graceful-fs": "^4.2.6", - "html-entities": "^2.3.2", - "http-proxy-middleware": "^2.0.3", - "ipaddr.js": "^2.0.1", - "launch-editor": "^2.6.0", - "open": "^8.0.9", - "p-retry": "^4.5.0", - "rimraf": "^3.0.2", - "schema-utils": "^4.0.0", - "selfsigned": "^2.1.1", - "serve-index": "^1.9.1", - "sockjs": "^0.3.24", - "spdy": "^4.0.2", - "webpack-dev-middleware": "^5.3.1", - "ws": "^8.13.0" - }, - "bin": { - "webpack-dev-server": "bin/webpack-dev-server.js" - }, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">= 12.13.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/webpack" - }, - "peerDependencies": { - "webpack": "^4.37.0 || ^5.0.0" - }, - "peerDependenciesMeta": { - "webpack": { - "optional": true - }, - "webpack-cli": { - "optional": true - } + "node": ">=12" } }, - "node_modules/webpack-dev-server/node_modules/connect-history-api-fallback": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz", - "integrity": "sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==", + "node_modules/vite/node_modules/@esbuild/linux-ia32": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz", + "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==", + "cpu": [ + "ia32" + ], "dev": true, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=0.8" + "node": ">=12" } }, - "node_modules/webpack-dev-server/node_modules/ipaddr.js": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.1.0.tgz", - "integrity": "sha512-LlbxQ7xKzfBusov6UMi4MFpEg0m+mAm9xyNGEduwXMEDuf4WfzB/RZwMVYEd7IKGvh4IUkEXYxtAVu9T3OelJQ==", + "node_modules/vite/node_modules/@esbuild/linux-loong64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz", + "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==", + "cpu": [ + "loong64" + ], "dev": true, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">= 10" + "node": ">=12" } }, - "node_modules/webpack-dev-server/node_modules/webpack-dev-middleware": { - "version": "5.3.3", - "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz", - "integrity": "sha512-hj5CYrY0bZLB+eTO+x/j67Pkrquiy7kWepMHmUMoPsmcUaeEnQJqFzHJOyxgWlq746/wUuA64p9ta34Kyb01pA==", + "node_modules/vite/node_modules/@esbuild/linux-mips64el": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz", + "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==", + "cpu": [ + "mips64el" + ], "dev": true, - "dependencies": { - "colorette": "^2.0.10", - "memfs": "^3.4.3", - "mime-types": "^2.1.31", - "range-parser": "^1.2.1", - "schema-utils": "^4.0.0" - }, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">= 12.13.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/webpack" - }, - "peerDependencies": { - "webpack": "^4.0.0 || ^5.0.0" + "node": ">=12" } }, - "node_modules/webpack-merge": { - "version": "5.9.0", - "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.9.0.tgz", - "integrity": "sha512-6NbRQw4+Sy50vYNTw7EyOn41OZItPiXB8GNv3INSoe3PSFaHJEz3SHTrYVaRm2LilNGnFUzh0FAwqPEmU/CwDg==", + "node_modules/vite/node_modules/@esbuild/linux-ppc64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz", + "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==", + "cpu": [ + "ppc64" + ], "dev": true, - "dependencies": { - "clone-deep": "^4.0.1", - "wildcard": "^2.0.0" - }, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=10.0.0" + "node": ">=12" } }, - "node_modules/webpack-sources": { - "version": "3.2.3", - "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz", - "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==", + "node_modules/vite/node_modules/@esbuild/linux-riscv64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz", + "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==", + "cpu": [ + "riscv64" + ], "dev": true, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=10.13.0" + "node": ">=12" } }, - "node_modules/webpack-subresource-integrity": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/webpack-subresource-integrity/-/webpack-subresource-integrity-5.1.0.tgz", - "integrity": "sha512-sacXoX+xd8r4WKsy9MvH/q/vBtEHr86cpImXwyg74pFIpERKt6FmB8cXpeuh0ZLgclOlHI4Wcll7+R5L02xk9Q==", - "dev": true, - "dependencies": { - "typed-assert": "^1.0.8" - }, - "engines": { - "node": ">= 12" - }, - "peerDependencies": { - "html-webpack-plugin": ">= 5.0.0-beta.1 < 6", - "webpack": "^5.12.0" - }, - "peerDependenciesMeta": { - "html-webpack-plugin": { - "optional": true - } - } - }, - "node_modules/webpack/node_modules/ajv": { - "version": "6.12.6", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", - "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", - "dev": true, - "dependencies": { - "fast-deep-equal": "^3.1.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" - }, - "funding": { - "type": "github", - "url": "https://github.com/sponsors/epoberezkin" - } - }, - "node_modules/webpack/node_modules/ajv-keywords": { - "version": "3.5.2", - "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", - "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "dev": true, - "peerDependencies": { - "ajv": "^6.9.1" - } - }, - "node_modules/webpack/node_modules/eslint-scope": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", - "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==", - "dev": true, - "dependencies": { - "esrecurse": "^4.3.0", - "estraverse": "^4.1.1" - }, - "engines": { - "node": ">=8.0.0" - } - }, - "node_modules/webpack/node_modules/estraverse": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz", - "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==", + "node_modules/vite/node_modules/@esbuild/linux-s390x": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz", + "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==", + "cpu": [ + "s390x" + ], "dev": true, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=4.0" + "node": ">=12" } }, - "node_modules/webpack/node_modules/json-schema-traverse": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", - "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", - "dev": true - }, - "node_modules/webpack/node_modules/schema-utils": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz", - "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==", + "node_modules/vite/node_modules/@esbuild/linux-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz", + "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==", + "cpu": [ + "x64" + ], "dev": true, - "dependencies": { - "@types/json-schema": "^7.0.8", - "ajv": "^6.12.5", - "ajv-keywords": "^3.5.2" - }, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">= 10.13.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/webpack" + "node": ">=12" } }, - "node_modules/websocket-driver": { - "version": "0.7.4", - "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz", - "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==", + "node_modules/vite/node_modules/@esbuild/netbsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz", + "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==", + "cpu": [ + "x64" + ], "dev": true, - "dependencies": { - "http-parser-js": ">=0.5.1", - "safe-buffer": ">=5.1.0", - "websocket-extensions": ">=0.1.1" - }, + "optional": true, + "os": [ + "netbsd" + ], "engines": { - "node": ">=0.8.0" + "node": ">=12" } }, - "node_modules/websocket-extensions": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz", - "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==", + "node_modules/vite/node_modules/@esbuild/openbsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz", + "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==", + "cpu": [ + "x64" + ], "dev": true, + "optional": true, + "os": [ + "openbsd" + ], "engines": { - "node": ">=0.8.0" + "node": ">=12" } }, - "node_modules/whatwg-encoding": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz", - "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==", + "node_modules/vite/node_modules/@esbuild/sunos-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz", + "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==", + "cpu": [ + "x64" + ], "dev": true, - "dependencies": { - "iconv-lite": "0.6.3" - }, + "optional": true, + "os": [ + "sunos" + ], "engines": { "node": ">=12" } }, - "node_modules/whatwg-encoding/node_modules/iconv-lite": { - "version": "0.6.3", - "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", - "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", + "node_modules/vite/node_modules/@esbuild/win32-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz", + "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==", + "cpu": [ + "arm64" + ], "dev": true, - "dependencies": { - "safer-buffer": ">= 2.1.2 < 3.0.0" - }, + "optional": true, + "os": [ + "win32" + ], "engines": { - "node": ">=0.10.0" + "node": ">=12" } }, - "node_modules/whatwg-mimetype": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz", - "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==", + "node_modules/vite/node_modules/@esbuild/win32-ia32": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz", + "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==", + "cpu": [ + "ia32" + ], "dev": true, + "optional": true, + "os": [ + "win32" + ], "engines": { "node": ">=12" } }, - "node_modules/whatwg-url": { - "version": "12.0.1", - "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-12.0.1.tgz", - "integrity": "sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==", + "node_modules/vite/node_modules/@esbuild/win32-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz", + "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==", + "cpu": [ + "x64" + ], "dev": true, - "dependencies": { - "tr46": "^4.1.1", - "webidl-conversions": "^7.0.0" - }, + "optional": true, + "os": [ + "win32" + ], "engines": { - "node": ">=14" + "node": ">=12" } }, - "node_modules/which": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", - "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "node_modules/vite/node_modules/esbuild": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz", + "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==", "dev": true, - "dependencies": { - "isexe": "^2.0.0" - }, + "hasInstallScript": true, "bin": { - "node-which": "bin/node-which" - }, - "engines": { - "node": ">= 8" - } - }, - "node_modules/which-boxed-primitive": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz", - "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==", - "dev": true, - "dependencies": { - "is-bigint": "^1.0.1", - "is-boolean-object": "^1.1.0", - "is-number-object": "^1.0.4", - "is-string": "^1.0.5", - "is-symbol": "^1.0.3" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, - "node_modules/which-collection": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz", - "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==", - "dev": true, - "dependencies": { - "is-map": "^2.0.1", - "is-set": "^2.0.1", - "is-weakmap": "^2.0.1", - "is-weakset": "^2.0.1" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, - "node_modules/which-module": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz", - "integrity": "sha512-F6+WgncZi/mJDrammbTuHe1q0R5hOXv/mBaiNA2TCNT/LTHusX0V+CJnj9XT8ki5ln2UZyyddDgHfCzyrOH7MQ==", - "dev": true - }, - "node_modules/which-typed-array": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.11.tgz", - "integrity": "sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==", - "dev": true, - "dependencies": { - "available-typed-arrays": "^1.0.5", - "call-bind": "^1.0.2", - "for-each": "^0.3.3", - "gopd": "^1.0.1", - "has-tostringtag": "^1.0.0" - }, - "engines": { - "node": ">= 0.4" + "esbuild": "bin/esbuild" }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, - "node_modules/wide-align": { - "version": "1.1.5", - "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz", - "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==", - "dev": true, - "dependencies": { - "string-width": "^1.0.2 || 2 || 3 || 4" - } - }, - "node_modules/wildcard": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz", - "integrity": "sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ==", - "dev": true - }, - "node_modules/wmf": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/wmf/-/wmf-1.0.2.tgz", - "integrity": "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==", - "dev": true, "engines": { - "node": ">=0.8" - } - }, - "node_modules/word": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/word/-/word-0.3.0.tgz", - "integrity": "sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==", - "dev": true, - "engines": { - "node": ">=0.8" - } - }, - "node_modules/wordwrap": { - "version": "0.0.3", - "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz", - "integrity": "sha512-1tMA907+V4QmxV7dbRvb4/8MaRALK6q9Abid3ndMYnbyo8piisCmeONVqVSXqQA3KaP4SLt5b7ud6E2sqP8TFw==", - "dev": true, - "peer": true, - "engines": { - "node": ">=0.4.0" - } - }, - "node_modules/wrap-ansi": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", - "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", - "dev": true, - "dependencies": { - "ansi-styles": "^4.0.0", - "string-width": "^4.1.0", - "strip-ansi": "^6.0.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/chalk/wrap-ansi?sponsor=1" - } - }, - "node_modules/wrap-ansi-cjs": { - "name": "wrap-ansi", - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", - "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", - "dev": true, - "dependencies": { - "ansi-styles": "^4.0.0", - "string-width": "^4.1.0", - "strip-ansi": "^6.0.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/chalk/wrap-ansi?sponsor=1" - } - }, - "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } - }, - "node_modules/wrap-ansi-cjs/node_modules/color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "dependencies": { - "color-name": "~1.1.4" - }, - "engines": { - "node": ">=7.0.0" - } - }, - "node_modules/wrap-ansi-cjs/node_modules/color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "node_modules/wrap-ansi/node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } - }, - "node_modules/wrap-ansi/node_modules/color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "dependencies": { - "color-name": "~1.1.4" - }, - "engines": { - "node": ">=7.0.0" - } - }, - "node_modules/wrap-ansi/node_modules/color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "node_modules/wrappy": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", - "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", - "dev": true - }, - "node_modules/ws": { - "version": "8.13.0", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.13.0.tgz", - "integrity": "sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==", - "dev": true, - "engines": { - "node": ">=10.0.0" - }, - "peerDependencies": { - "bufferutil": "^4.0.1", - "utf-8-validate": ">=5.0.2" - }, - "peerDependenciesMeta": { - "bufferutil": { - "optional": true - }, - "utf-8-validate": { - "optional": true - } - } - }, - "node_modules/xhr2": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/xhr2/-/xhr2-0.2.1.tgz", - "integrity": "sha512-sID0rrVCqkVNUn8t6xuv9+6FViXjUVXq8H5rWOH2rz9fDNQEd4g0EA2XlcEdJXRz5BMEn4O1pJFdT+z4YHhoWw==", - "dev": true, - "engines": { - "node": ">= 6" - } - }, - "node_modules/xlsx": { - "version": "0.18.5", - "resolved": "https://registry.npmjs.org/xlsx/-/xlsx-0.18.5.tgz", - "integrity": "sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==", - "dev": true, - "dependencies": { - "adler-32": "~1.3.0", - "cfb": "~1.2.1", - "codepage": "~1.15.0", - "crc-32": "~1.2.1", - "ssf": "~0.11.2", - "wmf": "~1.0.1", - "word": "~0.3.0" - }, - "bin": { - "xlsx": "bin/xlsx.njs" - }, - "engines": { - "node": ">=0.8" - } - }, - "node_modules/xml-name-validator": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz", - "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==", - "dev": true, - "engines": { - "node": ">=12" - } - }, - "node_modules/xmlchars": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz", - "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==", - "dev": true - }, - "node_modules/xmlhttprequest-ssl": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.0.0.tgz", - "integrity": "sha512-QKxVRxiRACQcVuQEYFsI1hhkrMlrXHPegbbd1yn9UHOmRxY+si12nQYzri3vbzt8VdTTRviqcKxcyllFas5z2A==", - "dev": true, - "engines": { - "node": ">=0.4.0" - } - }, - "node_modules/xtend": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", - "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==", - "dev": true, - "engines": { - "node": ">=0.4" - } - }, - "node_modules/xxhashjs": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/xxhashjs/-/xxhashjs-0.2.2.tgz", - "integrity": "sha512-AkTuIuVTET12tpsVIQo+ZU6f/qDmKuRUcjaqR+OIvm+aCBsZ95i7UVY5WJ9TMsSaZ0DA2WxoZ4acu0sPH+OKAw==", - "dev": true, - "dependencies": { - "cuint": "^0.2.2" - } - }, - "node_modules/y18n": { - "version": "5.0.8", - "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz", - "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==", - "dev": true, - "engines": { - "node": ">=10" - } - }, - "node_modules/yallist": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", - "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", - "dev": true - }, - "node_modules/yargs": { - "version": "17.7.2", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz", - "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==", - "dev": true, - "dependencies": { - "cliui": "^8.0.1", - "escalade": "^3.1.1", - "get-caller-file": "^2.0.5", - "require-directory": "^2.1.1", - "string-width": "^4.2.3", - "y18n": "^5.0.5", - "yargs-parser": "^21.1.1" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/yargs-parser": { - "version": "21.1.1", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz", - "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==", - "dev": true, - "engines": { - "node": ">=12" - } - }, - "node_modules/yargs/node_modules/cliui": { - "version": "8.0.1", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz", - "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==", - "dev": true, - "dependencies": { - "string-width": "^4.2.0", - "strip-ansi": "^6.0.1", - "wrap-ansi": "^7.0.0" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/yn": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz", - "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==", - "dev": true, - "engines": { - "node": ">=6" - } - }, - "node_modules/yocto-queue": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", - "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==", - "dev": true, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/zone.js": { - "version": "0.13.1", - "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.13.1.tgz", - "integrity": "sha512-+bIeDAFEBYuXRuU3qGQvzdPap+N1zjM4KkBAiiQuVVCrHrhjDuY6VkUhNa5+U27+9w0q3fbKiMCbpJ0XzMmSWA==", - "dev": true, - "dependencies": { - "tslib": "^2.3.0" - } - } - }, - "dependencies": { - "@aashutoshrathi/word-wrap": { - "version": "1.2.6", - "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz", - "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==", - "dev": true - }, - "@algolia/autocomplete-core": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/@algolia/autocomplete-core/-/autocomplete-core-1.9.3.tgz", - "integrity": "sha512-009HdfugtGCdC4JdXUbVJClA0q0zh24yyePn+KUGk3rP7j8FEe/m5Yo/z65gn6nP/cM39PxpzqKrL7A6fP6PPw==", - "requires": { - "@algolia/autocomplete-plugin-algolia-insights": "1.9.3", - "@algolia/autocomplete-shared": "1.9.3" - } - }, - "@algolia/autocomplete-plugin-algolia-insights": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/@algolia/autocomplete-plugin-algolia-insights/-/autocomplete-plugin-algolia-insights-1.9.3.tgz", - "integrity": "sha512-a/yTUkcO/Vyy+JffmAnTWbr4/90cLzw+CC3bRbhnULr/EM0fGNvM13oQQ14f2moLMcVDyAx/leczLlAOovhSZg==", - "requires": { - "@algolia/autocomplete-shared": "1.9.3" - } - }, - "@algolia/autocomplete-preset-algolia": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.9.3.tgz", - "integrity": "sha512-d4qlt6YmrLMYy95n5TB52wtNDr6EgAIPH81dvvvW8UmuWRgxEtY0NJiPwl/h95JtG2vmRM804M0DSwMCNZlzRA==", - "requires": { - "@algolia/autocomplete-shared": "1.9.3" - } - }, - "@algolia/autocomplete-shared": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/@algolia/autocomplete-shared/-/autocomplete-shared-1.9.3.tgz", - "integrity": "sha512-Wnm9E4Ye6Rl6sTTqjoymD+l8DjSTHsHboVRYrKgEt8Q7UHm9nYbqhN/i0fhUYA3OAEH7WA8x3jfpnmJm3rKvaQ==", - "requires": {} - }, - "@algolia/cache-browser-local-storage": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.19.1.tgz", - "integrity": "sha512-FYAZWcGsFTTaSAwj9Std8UML3Bu8dyWDncM7Ls8g+58UOe4XYdlgzXWbrIgjaguP63pCCbMoExKr61B+ztK3tw==", - "requires": { - "@algolia/cache-common": "4.19.1" - } - }, - "@algolia/cache-common": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/cache-common/-/cache-common-4.19.1.tgz", - "integrity": "sha512-XGghi3l0qA38HiqdoUY+wvGyBsGvKZ6U3vTiMBT4hArhP3fOGLXpIINgMiiGjTe4FVlTa5a/7Zf2bwlIHfRqqg==" - }, - "@algolia/cache-in-memory": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/cache-in-memory/-/cache-in-memory-4.19.1.tgz", - "integrity": "sha512-+PDWL+XALGvIginigzu8oU6eWw+o76Z8zHbBovWYcrtWOEtinbl7a7UTt3x3lthv+wNuFr/YD1Gf+B+A9V8n5w==", - "requires": { - "@algolia/cache-common": "4.19.1" - } - }, - "@algolia/client-account": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/client-account/-/client-account-4.19.1.tgz", - "integrity": "sha512-Oy0ritA2k7AMxQ2JwNpfaEcgXEDgeyKu0V7E7xt/ZJRdXfEpZcwp9TOg4TJHC7Ia62gIeT2Y/ynzsxccPw92GA==", - "requires": { - "@algolia/client-common": "4.19.1", - "@algolia/client-search": "4.19.1", - "@algolia/transporter": "4.19.1" - } - }, - "@algolia/client-analytics": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-4.19.1.tgz", - "integrity": "sha512-5QCq2zmgdZLIQhHqwl55ZvKVpLM3DNWjFI4T+bHr3rGu23ew2bLO4YtyxaZeChmDb85jUdPDouDlCumGfk6wOg==", - "requires": { - "@algolia/client-common": "4.19.1", - "@algolia/client-search": "4.19.1", - "@algolia/requester-common": "4.19.1", - "@algolia/transporter": "4.19.1" - } - }, - "@algolia/client-common": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-4.19.1.tgz", - "integrity": "sha512-3kAIVqTcPrjfS389KQvKzliC559x+BDRxtWamVJt8IVp7LGnjq+aVAXg4Xogkur1MUrScTZ59/AaUd5EdpyXgA==", - "requires": { - "@algolia/requester-common": "4.19.1", - "@algolia/transporter": "4.19.1" - } - }, - "@algolia/client-personalization": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-4.19.1.tgz", - "integrity": "sha512-8CWz4/H5FA+krm9HMw2HUQenizC/DxUtsI5oYC0Jxxyce1vsr8cb1aEiSJArQT6IzMynrERif1RVWLac1m36xw==", - "requires": { - "@algolia/client-common": "4.19.1", - "@algolia/requester-common": "4.19.1", - "@algolia/transporter": "4.19.1" - } - }, - "@algolia/client-search": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-4.19.1.tgz", - "integrity": "sha512-mBecfMFS4N+yK/p0ZbK53vrZbL6OtWMk8YmnOv1i0LXx4pelY8TFhqKoTit3NPVPwoSNN0vdSN9dTu1xr1XOVw==", - "requires": { - "@algolia/client-common": "4.19.1", - "@algolia/requester-common": "4.19.1", - "@algolia/transporter": "4.19.1" - } - }, - "@algolia/logger-common": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/logger-common/-/logger-common-4.19.1.tgz", - "integrity": "sha512-i6pLPZW/+/YXKis8gpmSiNk1lOmYCmRI6+x6d2Qk1OdfvX051nRVdalRbEcVTpSQX6FQAoyeaui0cUfLYW5Elw==" - }, - "@algolia/logger-console": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/logger-console/-/logger-console-4.19.1.tgz", - "integrity": "sha512-jj72k9GKb9W0c7TyC3cuZtTr0CngLBLmc8trzZlXdfvQiigpUdvTi1KoWIb2ZMcRBG7Tl8hSb81zEY3zI2RlXg==", - "requires": { - "@algolia/logger-common": "4.19.1" - } - }, - "@algolia/requester-browser-xhr": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.19.1.tgz", - "integrity": "sha512-09K/+t7lptsweRTueHnSnmPqIxbHMowejAkn9XIcJMLdseS3zl8ObnS5GWea86mu3vy4+8H+ZBKkUN82Zsq/zg==", - "requires": { - "@algolia/requester-common": "4.19.1" - } - }, - "@algolia/requester-common": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/requester-common/-/requester-common-4.19.1.tgz", - "integrity": "sha512-BisRkcWVxrDzF1YPhAckmi2CFYK+jdMT60q10d7z3PX+w6fPPukxHRnZwooiTUrzFe50UBmLItGizWHP5bDzVQ==" - }, - "@algolia/requester-node-http": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-4.19.1.tgz", - "integrity": "sha512-6DK52DHviBHTG2BK/Vv2GIlEw7i+vxm7ypZW0Z7vybGCNDeWzADx+/TmxjkES2h15+FZOqVf/Ja677gePsVItA==", - "requires": { - "@algolia/requester-common": "4.19.1" - } - }, - "@algolia/transporter": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/@algolia/transporter/-/transporter-4.19.1.tgz", - "integrity": "sha512-nkpvPWbpuzxo1flEYqNIbGz7xhfhGOKGAZS7tzC+TELgEmi7z99qRyTfNSUlW7LZmB3ACdnqAo+9A9KFBENviQ==", - "requires": { - "@algolia/cache-common": "4.19.1", - "@algolia/logger-common": "4.19.1", - "@algolia/requester-common": "4.19.1" - } - }, - "@ampproject/remapping": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz", - "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==", - "dev": true, - "requires": { - "@jridgewell/gen-mapping": "^0.3.0", - "@jridgewell/trace-mapping": "^0.3.9" - } - }, - "@angular-devkit/architect": { - "version": "0.1602.0", - "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1602.0.tgz", - "integrity": "sha512-ZRmUTBeD+uGr605eOHnsovEn6f1mOBI+kxP64DRvagNweX5TN04s3iyQ8jmLSAHQD9ush31LFxv3dVNxv3ceXQ==", - "dev": true, - "requires": { - "@angular-devkit/core": "16.2.0", - "rxjs": "7.8.1" - } - }, - "@angular-devkit/build-angular": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-16.2.0.tgz", - "integrity": "sha512-miylwjOqvlKmYrzS84bjRaJrecZxOXH9xsPVvQE8VBe8UKePJjRAL6yyOqXUOGtzlch2YmT98RAnuni7y0FEAw==", - "dev": true, - "requires": { - "@ampproject/remapping": "2.2.1", - "@angular-devkit/architect": "0.1602.0", - "@angular-devkit/build-webpack": "0.1602.0", - "@angular-devkit/core": "16.2.0", - "@babel/core": "7.22.9", - "@babel/generator": "7.22.9", - "@babel/helper-annotate-as-pure": "7.22.5", - "@babel/helper-split-export-declaration": "7.22.6", - "@babel/plugin-proposal-async-generator-functions": "7.20.7", - "@babel/plugin-transform-async-to-generator": "7.22.5", - "@babel/plugin-transform-runtime": "7.22.9", - "@babel/preset-env": "7.22.9", - "@babel/runtime": "7.22.6", - "@babel/template": "7.22.5", - "@discoveryjs/json-ext": "0.5.7", - "@ngtools/webpack": "16.2.0", - "@vitejs/plugin-basic-ssl": "1.0.1", - "ansi-colors": "4.1.3", - "autoprefixer": "10.4.14", - "babel-loader": "9.1.3", - "babel-plugin-istanbul": "6.1.1", - "browserslist": "^4.21.5", - "chokidar": "3.5.3", - "copy-webpack-plugin": "11.0.0", - "critters": "0.0.20", - "css-loader": "6.8.1", - "esbuild": "0.18.17", - "esbuild-wasm": "0.18.17", - "fast-glob": "3.3.1", - "guess-parser": "0.4.22", - "https-proxy-agent": "5.0.1", - "inquirer": "8.2.4", - "jsonc-parser": "3.2.0", - "karma-source-map-support": "1.4.0", - "less": "4.1.3", - "less-loader": "11.1.0", - "license-webpack-plugin": "4.0.2", - "loader-utils": "3.2.1", - "magic-string": "0.30.1", - "mini-css-extract-plugin": "2.7.6", - "mrmime": "1.0.1", - "open": "8.4.2", - "ora": "5.4.1", - "parse5-html-rewriting-stream": "7.0.0", - "picomatch": "2.3.1", - "piscina": "4.0.0", - "postcss": "8.4.27", - "postcss-loader": "7.3.3", - "resolve-url-loader": "5.0.0", - "rxjs": "7.8.1", - "sass": "1.64.1", - "sass-loader": "13.3.2", - "semver": "7.5.4", - "source-map-loader": "4.0.1", - "source-map-support": "0.5.21", - "terser": "5.19.2", - "text-table": "0.2.0", - "tree-kill": "1.2.2", - "tslib": "2.6.1", - "vite": "4.4.7", - "webpack": "5.88.2", - "webpack-dev-middleware": "6.1.1", - "webpack-dev-server": "4.15.1", - "webpack-merge": "5.9.0", - "webpack-subresource-integrity": "5.1.0" - }, - "dependencies": { - "@types/node": { - "version": "20.4.9", - "resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.9.tgz", - "integrity": "sha512-8e2HYcg7ohnTUbHk8focoklEQYvemQmu9M/f43DZVx43kHn0tE3BY/6gSDxS7k0SprtS0NHvj+L80cGLnoOUcQ==", - "dev": true, - "optional": true, - "peer": true - }, - "@vitejs/plugin-basic-ssl": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.0.1.tgz", - "integrity": "sha512-pcub+YbFtFhaGRTo1832FQHQSHvMrlb43974e2eS8EKleR3p1cDdkJFPci1UhwkEf1J9Bz+wKBSzqpKp7nNj2A==", - "dev": true, - "requires": {} - }, - "vite": { - "version": "4.4.7", - "resolved": "https://registry.npmjs.org/vite/-/vite-4.4.7.tgz", - "integrity": "sha512-6pYf9QJ1mHylfVh39HpuSfMPojPSKVxZvnclX1K1FyZ1PXDOcLBibdq5t1qxJSnL63ca8Wf4zts6mD8u8oc9Fw==", - "dev": true, - "requires": { - "esbuild": "^0.18.10", - "fsevents": "~2.3.2", - "postcss": "^8.4.26", - "rollup": "^3.25.2" - } - } - } - }, - "@angular-devkit/build-webpack": { - "version": "0.1602.0", - "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1602.0.tgz", - "integrity": "sha512-KdSr6iAcO30i/LIGL8mYi+d1buVXuDCp2dptzEJ4vxReOMFJca90KLwb+tVHEqqnDb0WkNfWm8Ii2QYh2FrNyA==", - "dev": true, - "requires": { - "@angular-devkit/architect": "0.1602.0", - "rxjs": "7.8.1" - } - }, - "@angular-devkit/core": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-16.2.0.tgz", - "integrity": "sha512-l1k6Rqm3YM16BEn3CWyQKrk9xfu+2ux7Bw3oS+h1TO4/RoxO2PgHj8LLRh/WNrYVarhaqO7QZ5ePBkXNMkzJ1g==", - "dev": true, - "requires": { - "ajv": "8.12.0", - "ajv-formats": "2.1.1", - "jsonc-parser": "3.2.0", - "rxjs": "7.8.1", - "source-map": "0.7.4" - } - }, - "@angular-devkit/schematics": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-16.2.0.tgz", - "integrity": "sha512-QMDJXPE0+YQJ9Ap3MMzb0v7rx6ZbBEokmHgpdIjN3eILYmbAdsSGE8HTV8NjS9nKmcyE9OGzFCMb7PFrDTlTAw==", - "dev": true, - "requires": { - "@angular-devkit/core": "16.2.0", - "jsonc-parser": "3.2.0", - "magic-string": "0.30.1", - "ora": "5.4.1", - "rxjs": "7.8.1" - } - }, - "@angular-eslint/bundled-angular-compiler": { - "version": "16.1.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-16.1.0.tgz", - "integrity": "sha512-5EFAWXuFJADr3imo/ZYshY8s0K7U7wyysnE2LXnpT9PAi5rmkzt70UNZNRuamCbXr4tdIiu+fXWOj7tUuJKnnw==", - "dev": true - }, - "@angular-eslint/eslint-plugin": { - "version": "16.1.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-16.1.0.tgz", - "integrity": "sha512-BFzzJJlgQgWc8avdSBkaDWAzNSUqcwWy0L1iZSBdXGoIOxj72kLbwe99emb8M+rUfCveljQkeM2pcYu8XLbJIA==", - "dev": true, - "requires": { - "@angular-eslint/utils": "16.1.0", - "@typescript-eslint/utils": "5.62.0" - } - }, - "@angular-eslint/eslint-plugin-template": { - "version": "16.1.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-16.1.0.tgz", - "integrity": "sha512-wQHWR5vqWGgO7mqoG5ixXeplIlz/OmxBJE9QMLPTZE8GdaTx8+F/5J37OWh84zCpD3mOa/FHYZxBDm2MfUmA1Q==", - "dev": true, - "requires": { - "@angular-eslint/bundled-angular-compiler": "16.1.0", - "@angular-eslint/utils": "16.1.0", - "@typescript-eslint/type-utils": "5.62.0", - "@typescript-eslint/utils": "5.62.0", - "aria-query": "5.3.0", - "axobject-query": "3.1.1" - } - }, - "@angular-eslint/schematics": { - "version": "16.1.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-16.1.0.tgz", - "integrity": "sha512-L1tmP3R2krHyveaRXAvn/SeDoBFNpS1VtPPrzZm1NYr1qPcAxf3NtG2nnoyVFu6WZGt59ZGHNQ/dZxnXvm0UGg==", - "dev": true, - "requires": { - "@angular-eslint/eslint-plugin": "16.1.0", - "@angular-eslint/eslint-plugin-template": "16.1.0", - "@nx/devkit": "16.5.1", - "ignore": "5.2.4", - "nx": "16.5.1", - "strip-json-comments": "3.1.1", - "tmp": "0.2.1" - } - }, - "@angular-eslint/template-parser": { - "version": "16.1.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-16.1.0.tgz", - "integrity": "sha512-DOQtzVehtbO7+BQ+FMOXRsxGRjHb3ve6M+S4qASKTiI+twtONjRODcHezD3N4PDkjpKPbOnk7YnFsHur5csUNw==", - "dev": true, - "requires": { - "@angular-eslint/bundled-angular-compiler": "16.1.0", - "eslint-scope": "^7.0.0" - } - }, - "@angular-eslint/utils": { - "version": "16.1.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-16.1.0.tgz", - "integrity": "sha512-u5XscYUq1F/7RuwyVIV2a280QL27lyQz434VYR+Np/oO21NGj5jxoRKb55xhXT9EFVs5Sy4JYeEUp6S75J/cUw==", - "dev": true, - "requires": { - "@angular-eslint/bundled-angular-compiler": "16.1.0", - "@typescript-eslint/utils": "5.62.0" - } - }, - "@angular/animations": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-16.2.0.tgz", - "integrity": "sha512-SgOjldgRlU6XL1f6OUmFa+1iiy1OCWXH8i7q7g0yGCeQ4XAlvNRjDj++xxvUwDhE2pLKJLPYDJmCH98mvjKZcA==", - "dev": true, - "requires": { - "tslib": "^2.3.0" - } - }, - "@angular/cdk": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-16.2.0.tgz", - "integrity": "sha512-pOIXP15uQkl3bf7t0i25+0uBjkHkVmBgwOMlqE9imY4gGq7UswbZRYHaGudJITin2ASFqKDgKvwNRCBqfmjO4A==", - "dev": true, - "requires": { - "parse5": "^7.1.2", - "tslib": "^2.3.0" - } - }, - "@angular/cli": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-16.2.0.tgz", - "integrity": "sha512-xT8vJOyw6Rc2364XDW2jHagLgKu7342ktd/lt+c0u6R+AB2XVFMePR7VceLohX9N/vRUsbQ0nVSZr+ru/hA+HA==", - "dev": true, - "requires": { - "@angular-devkit/architect": "0.1602.0", - "@angular-devkit/core": "16.2.0", - "@angular-devkit/schematics": "16.2.0", - "@schematics/angular": "16.2.0", - "@yarnpkg/lockfile": "1.1.0", - "ansi-colors": "4.1.3", - "ini": "4.1.1", - "inquirer": "8.2.4", - "jsonc-parser": "3.2.0", - "npm-package-arg": "10.1.0", - "npm-pick-manifest": "8.0.1", - "open": "8.4.2", - "ora": "5.4.1", - "pacote": "15.2.0", - "resolve": "1.22.2", - "semver": "7.5.4", - "symbol-observable": "4.0.0", - "yargs": "17.7.2" - } - }, - "@angular/common": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/common/-/common-16.2.0.tgz", - "integrity": "sha512-ByrDLsTBarzqRmq4GS841Ku0lvB4L2wfOCfGEIw2ZuiNbZlDA5O/qohQgJnHR5d9meVJnu9NgdbeyMzk90xZNg==", - "dev": true, - "requires": { - "tslib": "^2.3.0" - } - }, - "@angular/compiler": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-16.2.0.tgz", - "integrity": "sha512-Ai0CKRUDlMY6iFCeoRsC+soVFTU7eyMDmNzeakdmNvGYMdLdjH8WvgaNukesi6WX7YBIQIKTPJVral8fXBQroQ==", - "dev": true, - "requires": { - "tslib": "^2.3.0" - } - }, - "@angular/compiler-cli": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-16.2.0.tgz", - "integrity": "sha512-IGRpEJwbzOLFsLj2qgTHpZ6nNcRjKDYaaAnVx+B1CfK4DP31PIsZLgsWcEcYt7KbF/FUlrCNwdBxrqE7rDxZaw==", - "dev": true, - "requires": { - "@babel/core": "7.22.5", - "@jridgewell/sourcemap-codec": "^1.4.14", - "chokidar": "^3.0.0", - "convert-source-map": "^1.5.1", - "reflect-metadata": "^0.1.2", - "semver": "^7.0.0", - "tslib": "^2.3.0", - "yargs": "^17.2.1" - }, - "dependencies": { - "@babel/core": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.22.5.tgz", - "integrity": "sha512-SBuTAjg91A3eKOvD+bPEz3LlhHZRNu1nFOVts9lzDJTXshHTjII0BAtDS3Y2DAkdZdDKWVZGVwkDfc4Clxn1dg==", - "dev": true, - "requires": { - "@ampproject/remapping": "^2.2.0", - "@babel/code-frame": "^7.22.5", - "@babel/generator": "^7.22.5", - "@babel/helper-compilation-targets": "^7.22.5", - "@babel/helper-module-transforms": "^7.22.5", - "@babel/helpers": "^7.22.5", - "@babel/parser": "^7.22.5", - "@babel/template": "^7.22.5", - "@babel/traverse": "^7.22.5", - "@babel/types": "^7.22.5", - "convert-source-map": "^1.7.0", - "debug": "^4.1.0", - "gensync": "^1.0.0-beta.2", - "json5": "^2.2.2", - "semver": "^6.3.0" - }, - "dependencies": { - "semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true - } - } - } - } - }, - "@angular/core": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/core/-/core-16.2.0.tgz", - "integrity": "sha512-iwUWFw+JmRxw0chcNoqhXVR8XUTE+Rszhy22iSCkK0Jo8IJqEad1d2dQoFu1QfqOVdPMZtpJDmC/ppQ/f5c5aA==", - "dev": true, - "requires": { - "tslib": "^2.3.0" - } - }, - "@angular/forms": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-16.2.0.tgz", - "integrity": "sha512-Z/IFw319ZSgGbJFkR5Ba0sRIIqDxQDVH4I+vnVoOYqq2NxuHYfLJDHAB9uHln9GWj86b1SrJBZe8qiS7Sxb7yQ==", - "dev": true, - "requires": { - "tslib": "^2.3.0" - } - }, - "@angular/platform-browser": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-16.2.0.tgz", - "integrity": "sha512-6xjZFnSD0C8ylDbzKpsxCJ4pLJDRvippr9Wj9RCeDQvAzMibsqIjpbesyOccw3hO+jheJQRhM/rZeO1ubZU94w==", - "dev": true, - "requires": { - "tslib": "^2.3.0" - } - }, - "@angular/platform-browser-dynamic": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-16.2.0.tgz", - "integrity": "sha512-kLxgR+ichWb6dNA1JUAh0JB+iSrObkomd10porGQWVxAGmHqg1eiB3bBaSAgcaLftsrmEguIH8O9AEfq+HLfrA==", - "dev": true, - "requires": { - "tslib": "^2.3.0" - } - }, - "@angular/platform-server": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/platform-server/-/platform-server-16.2.0.tgz", - "integrity": "sha512-8BYC2NLoOHQCqnPF4rauKw7io9+JP46S0H5+ApJNEwEtIAhXkAdkekQ9ir4/iH4q1KMfk5aR+nOCxofGBnKq6Q==", - "dev": true, - "requires": { - "tslib": "^2.3.0", - "xhr2": "^0.2.0" - } - }, - "@angular/router": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@angular/router/-/router-16.2.0.tgz", - "integrity": "sha512-bFOaE7PNF0UHgVhl8BvyHiZHizTRZO7w3V29VqsdXUMMugBR4kr1/FXGzXTaz+9/eK7LokUwN9pjKKENNmhdyg==", - "dev": true, - "requires": { - "tslib": "^2.3.0" - } - }, - "@assemblyscript/loader": { - "version": "0.10.1", - "resolved": "https://registry.npmjs.org/@assemblyscript/loader/-/loader-0.10.1.tgz", - "integrity": "sha512-H71nDOOL8Y7kWRLqf6Sums+01Q5msqBW2KhDUTemh1tvY04eSkSXrK0uj/4mmY0Xr16/3zyZmsrxN7CKuRbNRg==", - "dev": true - }, - "@babel/code-frame": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.10.tgz", - "integrity": "sha512-/KKIMG4UEL35WmI9OlvMhurwtytjvXoFcGNrOvyG9zIzA8YmPjVtIZUf7b05+TPO7G7/GEmLHDaoCgACHl9hhA==", - "dev": true, - "requires": { - "@babel/highlight": "^7.22.10", - "chalk": "^2.4.2" - } - }, - "@babel/compat-data": { - "version": "7.22.9", - "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.9.tgz", - "integrity": "sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==", - "dev": true - }, - "@babel/core": { - "version": "7.22.9", - "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.22.9.tgz", - "integrity": "sha512-G2EgeufBcYw27U4hhoIwFcgc1XU7TlXJ3mv04oOv1WCuo900U/anZSPzEqNjwdjgffkk2Gs0AN0dW1CKVLcG7w==", - "dev": true, - "requires": { - "@ampproject/remapping": "^2.2.0", - "@babel/code-frame": "^7.22.5", - "@babel/generator": "^7.22.9", - "@babel/helper-compilation-targets": "^7.22.9", - "@babel/helper-module-transforms": "^7.22.9", - "@babel/helpers": "^7.22.6", - "@babel/parser": "^7.22.7", - "@babel/template": "^7.22.5", - "@babel/traverse": "^7.22.8", - "@babel/types": "^7.22.5", - "convert-source-map": "^1.7.0", - "debug": "^4.1.0", - "gensync": "^1.0.0-beta.2", - "json5": "^2.2.2", - "semver": "^6.3.1" - }, - "dependencies": { - "semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true - } - } - }, - "@babel/generator": { - "version": "7.22.9", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.22.9.tgz", - "integrity": "sha512-KtLMbmicyuK2Ak/FTCJVbDnkN1SlT8/kceFTiuDiiRUUSMnHMidxSCdG4ndkTOHHpoomWe/4xkvHkEOncwjYIw==", - "dev": true, - "requires": { - "@babel/types": "^7.22.5", - "@jridgewell/gen-mapping": "^0.3.2", - "@jridgewell/trace-mapping": "^0.3.17", - "jsesc": "^2.5.1" - } - }, - "@babel/helper-annotate-as-pure": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz", - "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==", - "dev": true, - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-builder-binary-assignment-operator-visitor": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.10.tgz", - "integrity": "sha512-Av0qubwDQxC56DoUReVDeLfMEjYYSN1nZrTUrWkXd7hpU73ymRANkbuDm3yni9npkn+RXy9nNbEJZEzXr7xrfQ==", - "dev": true, - "requires": { - "@babel/types": "^7.22.10" - } - }, - "@babel/helper-compilation-targets": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.10.tgz", - "integrity": "sha512-JMSwHD4J7SLod0idLq5PKgI+6g/hLD/iuWBq08ZX49xE14VpVEojJ5rHWptpirV2j020MvypRLAXAO50igCJ5Q==", - "dev": true, - "requires": { - "@babel/compat-data": "^7.22.9", - "@babel/helper-validator-option": "^7.22.5", - "browserslist": "^4.21.9", - "lru-cache": "^5.1.1", - "semver": "^6.3.1" - }, - "dependencies": { - "semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true - } - } - }, - "@babel/helper-create-class-features-plugin": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.10.tgz", - "integrity": "sha512-5IBb77txKYQPpOEdUdIhBx8VrZyDCQ+H82H0+5dX1TmuscP5vJKEE3cKurjtIw/vFwzbVH48VweE78kVDBrqjA==", - "dev": true, - "requires": { - "@babel/helper-annotate-as-pure": "^7.22.5", - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-function-name": "^7.22.5", - "@babel/helper-member-expression-to-functions": "^7.22.5", - "@babel/helper-optimise-call-expression": "^7.22.5", - "@babel/helper-replace-supers": "^7.22.9", - "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5", - "@babel/helper-split-export-declaration": "^7.22.6", - "semver": "^6.3.1" - }, - "dependencies": { - "semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true - } - } - }, - "@babel/helper-create-regexp-features-plugin": { - "version": "7.22.9", - "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.9.tgz", - "integrity": "sha512-+svjVa/tFwsNSG4NEy1h85+HQ5imbT92Q5/bgtS7P0GTQlP8WuFdqsiABmQouhiFGyV66oGxZFpeYHza1rNsKw==", - "dev": true, - "requires": { - "@babel/helper-annotate-as-pure": "^7.22.5", - "regexpu-core": "^5.3.1", - "semver": "^6.3.1" - }, - "dependencies": { - "semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true - } - } - }, - "@babel/helper-define-polyfill-provider": { - "version": "0.4.2", - "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.2.tgz", - "integrity": "sha512-k0qnnOqHn5dK9pZpfD5XXZ9SojAITdCKRn2Lp6rnDGzIbaP0rHyMPk/4wsSxVBVz4RfN0q6VpXWP2pDGIoQ7hw==", - "dev": true, - "requires": { - "@babel/helper-compilation-targets": "^7.22.6", - "@babel/helper-plugin-utils": "^7.22.5", - "debug": "^4.1.1", - "lodash.debounce": "^4.0.8", - "resolve": "^1.14.2" - } - }, - "@babel/helper-environment-visitor": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz", - "integrity": "sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==", - "dev": true - }, - "@babel/helper-function-name": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz", - "integrity": "sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==", - "dev": true, - "requires": { - "@babel/template": "^7.22.5", - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-hoist-variables": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz", - "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==", - "dev": true, - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-member-expression-to-functions": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.22.5.tgz", - "integrity": "sha512-aBiH1NKMG0H2cGZqspNvsaBe6wNGjbJjuLy29aU+eDZjSbbN53BaxlpB02xm9v34pLTZ1nIQPFYn2qMZoa5BQQ==", - "dev": true, - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-module-imports": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz", - "integrity": "sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==", - "dev": true, - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-module-transforms": { - "version": "7.22.9", - "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.22.9.tgz", - "integrity": "sha512-t+WA2Xn5K+rTeGtC8jCsdAH52bjggG5TKRuRrAGNM/mjIbO4GxvlLMFOEz9wXY5I2XQ60PMFsAG2WIcG82dQMQ==", - "dev": true, - "requires": { - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-module-imports": "^7.22.5", - "@babel/helper-simple-access": "^7.22.5", - "@babel/helper-split-export-declaration": "^7.22.6", - "@babel/helper-validator-identifier": "^7.22.5" - } - }, - "@babel/helper-optimise-call-expression": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz", - "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==", - "dev": true, - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-plugin-utils": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz", - "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==", - "dev": true - }, - "@babel/helper-remap-async-to-generator": { - "version": "7.22.9", - "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.9.tgz", - "integrity": "sha512-8WWC4oR4Px+tr+Fp0X3RHDVfINGpF3ad1HIbrc8A77epiR6eMMc6jsgozkzT2uDiOOdoS9cLIQ+XD2XvI2WSmQ==", - "dev": true, - "requires": { - "@babel/helper-annotate-as-pure": "^7.22.5", - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-wrap-function": "^7.22.9" - } - }, - "@babel/helper-replace-supers": { - "version": "7.22.9", - "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.22.9.tgz", - "integrity": "sha512-LJIKvvpgPOPUThdYqcX6IXRuIcTkcAub0IaDRGCZH0p5GPUp7PhRU9QVgFcDDd51BaPkk77ZjqFwh6DZTAEmGg==", - "dev": true, - "requires": { - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-member-expression-to-functions": "^7.22.5", - "@babel/helper-optimise-call-expression": "^7.22.5" - } - }, - "@babel/helper-simple-access": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz", - "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==", - "dev": true, - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-skip-transparent-expression-wrappers": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz", - "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==", - "dev": true, - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-split-export-declaration": { - "version": "7.22.6", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz", - "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==", - "dev": true, - "requires": { - "@babel/types": "^7.22.5" - } - }, - "@babel/helper-string-parser": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz", - "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==", - "dev": true - }, - "@babel/helper-validator-identifier": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz", - "integrity": "sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==", - "dev": true - }, - "@babel/helper-validator-option": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.5.tgz", - "integrity": "sha512-R3oB6xlIVKUnxNUxbmgq7pKjxpru24zlimpE8WK47fACIlM0II/Hm1RS8IaOI7NgCr6LNS+jl5l75m20npAziw==", - "dev": true - }, - "@babel/helper-wrap-function": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.10.tgz", - "integrity": "sha512-OnMhjWjuGYtdoO3FmsEFWvBStBAe2QOgwOLsLNDjN+aaiMD8InJk1/O3HSD8lkqTjCgg5YI34Tz15KNNA3p+nQ==", - "dev": true, - "requires": { - "@babel/helper-function-name": "^7.22.5", - "@babel/template": "^7.22.5", - "@babel/types": "^7.22.10" - } - }, - "@babel/helpers": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.22.10.tgz", - "integrity": "sha512-a41J4NW8HyZa1I1vAndrraTlPZ/eZoga2ZgS7fEr0tZJGVU4xqdE80CEm0CcNjha5EZ8fTBYLKHF0kqDUuAwQw==", - "dev": true, - "requires": { - "@babel/template": "^7.22.5", - "@babel/traverse": "^7.22.10", - "@babel/types": "^7.22.10" - } - }, - "@babel/highlight": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.10.tgz", - "integrity": "sha512-78aUtVcT7MUscr0K5mIEnkwxPE0MaxkR5RxRwuHaQ+JuU5AmTPhY+do2mdzVTnIJJpyBglql2pehuBIWHug+WQ==", - "dev": true, - "requires": { - "@babel/helper-validator-identifier": "^7.22.5", - "chalk": "^2.4.2", - "js-tokens": "^4.0.0" - } - }, - "@babel/parser": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.10.tgz", - "integrity": "sha512-lNbdGsQb9ekfsnjFGhEiF4hfFqGgfOP3H3d27re3n+CGhNuTSUEQdfWk556sTLNTloczcdM5TYF2LhzmDQKyvQ==", - "dev": true - }, - "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.5.tgz", - "integrity": "sha512-NP1M5Rf+u2Gw9qfSO4ihjcTGW5zXTi36ITLd4/EoAcEhIZ0yjMqmftDNl3QC19CX7olhrjpyU454g/2W7X0jvQ==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.5.tgz", - "integrity": "sha512-31Bb65aZaUwqCbWMnZPduIZxCBngHFlzyN6Dq6KAJjtx+lx6ohKHubc61OomYi7XwVD4Ol0XCVz4h+pYFR048g==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5", - "@babel/plugin-transform-optional-chaining": "^7.22.5" - } - }, - "@babel/plugin-proposal-async-generator-functions": { - "version": "7.20.7", - "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.20.7.tgz", - "integrity": "sha512-xMbiLsn/8RK7Wq7VeVytytS2L6qE69bXPB10YCmMdDZbKF4okCqY74pI/jJQ/8U0b/F6NrT2+14b8/P9/3AMGA==", - "dev": true, - "requires": { - "@babel/helper-environment-visitor": "^7.18.9", - "@babel/helper-plugin-utils": "^7.20.2", - "@babel/helper-remap-async-to-generator": "^7.18.9", - "@babel/plugin-syntax-async-generators": "^7.8.4" - } - }, - "@babel/plugin-proposal-private-property-in-object": { - "version": "7.21.0-placeholder-for-preset-env.2", - "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz", - "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==", - "dev": true, - "requires": {} - }, - "@babel/plugin-proposal-unicode-property-regex": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.18.6.tgz", - "integrity": "sha512-2BShG/d5yoZyXZfVePH91urL5wTG6ASZU9M4o03lKK8u8UW1y08OMttBSOADTcJrnPMpvDXRG3G8fyLh4ovs8w==", - "dev": true, - "requires": { - "@babel/helper-create-regexp-features-plugin": "^7.18.6", - "@babel/helper-plugin-utils": "^7.18.6" - } - }, - "@babel/plugin-syntax-async-generators": { - "version": "7.8.4", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz", - "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.8.0" - } - }, - "@babel/plugin-syntax-class-properties": { - "version": "7.12.13", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz", - "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.12.13" - } - }, - "@babel/plugin-syntax-class-static-block": { - "version": "7.14.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz", - "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.14.5" - } - }, - "@babel/plugin-syntax-dynamic-import": { - "version": "7.8.3", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz", - "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.8.0" - } - }, - "@babel/plugin-syntax-export-namespace-from": { - "version": "7.8.3", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz", - "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.8.3" - } - }, - "@babel/plugin-syntax-import-assertions": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.22.5.tgz", - "integrity": "sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-syntax-import-attributes": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.5.tgz", - "integrity": "sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-syntax-import-meta": { - "version": "7.10.4", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz", - "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.10.4" - } - }, - "@babel/plugin-syntax-json-strings": { - "version": "7.8.3", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz", - "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.8.0" - } - }, - "@babel/plugin-syntax-logical-assignment-operators": { - "version": "7.10.4", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz", - "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.10.4" - } - }, - "@babel/plugin-syntax-nullish-coalescing-operator": { - "version": "7.8.3", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz", - "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.8.0" - } - }, - "@babel/plugin-syntax-numeric-separator": { - "version": "7.10.4", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz", - "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.10.4" - } - }, - "@babel/plugin-syntax-object-rest-spread": { - "version": "7.8.3", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz", - "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.8.0" - } - }, - "@babel/plugin-syntax-optional-catch-binding": { - "version": "7.8.3", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz", - "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.8.0" - } - }, - "@babel/plugin-syntax-optional-chaining": { - "version": "7.8.3", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz", - "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.8.0" - } - }, - "@babel/plugin-syntax-private-property-in-object": { - "version": "7.14.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz", - "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.14.5" - } - }, - "@babel/plugin-syntax-top-level-await": { - "version": "7.14.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz", - "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.14.5" - } - }, - "@babel/plugin-syntax-unicode-sets-regex": { - "version": "7.18.6", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz", - "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==", - "dev": true, - "requires": { - "@babel/helper-create-regexp-features-plugin": "^7.18.6", - "@babel/helper-plugin-utils": "^7.18.6" - } - }, - "@babel/plugin-transform-arrow-functions": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.22.5.tgz", - "integrity": "sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-async-generator-functions": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.22.10.tgz", - "integrity": "sha512-eueE8lvKVzq5wIObKK/7dvoeKJ+xc6TvRn6aysIjS6pSCeLy7S/eVi7pEQknZqyqvzaNKdDtem8nUNTBgDVR2g==", - "dev": true, - "requires": { - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-remap-async-to-generator": "^7.22.9", - "@babel/plugin-syntax-async-generators": "^7.8.4" - } - }, - "@babel/plugin-transform-async-to-generator": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.22.5.tgz", - "integrity": "sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ==", - "dev": true, - "requires": { - "@babel/helper-module-imports": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-remap-async-to-generator": "^7.22.5" - } - }, - "@babel/plugin-transform-block-scoped-functions": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.22.5.tgz", - "integrity": "sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-block-scoping": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.22.10.tgz", - "integrity": "sha512-1+kVpGAOOI1Albt6Vse7c8pHzcZQdQKW+wJH+g8mCaszOdDVwRXa/slHPqIw+oJAJANTKDMuM2cBdV0Dg618Vg==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-class-properties": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.22.5.tgz", - "integrity": "sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ==", - "dev": true, - "requires": { - "@babel/helper-create-class-features-plugin": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-class-static-block": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.5.tgz", - "integrity": "sha512-SPToJ5eYZLxlnp1UzdARpOGeC2GbHvr9d/UV0EukuVx8atktg194oe+C5BqQ8jRTkgLRVOPYeXRSBg1IlMoVRA==", - "dev": true, - "requires": { - "@babel/helper-create-class-features-plugin": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/plugin-syntax-class-static-block": "^7.14.5" - } - }, - "@babel/plugin-transform-classes": { - "version": "7.22.6", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.6.tgz", - "integrity": "sha512-58EgM6nuPNG6Py4Z3zSuu0xWu2VfodiMi72Jt5Kj2FECmaYk1RrTXA45z6KBFsu9tRgwQDwIiY4FXTt+YsSFAQ==", - "dev": true, - "requires": { - "@babel/helper-annotate-as-pure": "^7.22.5", - "@babel/helper-compilation-targets": "^7.22.6", - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-function-name": "^7.22.5", - "@babel/helper-optimise-call-expression": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-replace-supers": "^7.22.5", - "@babel/helper-split-export-declaration": "^7.22.6", - "globals": "^11.1.0" - } - }, - "@babel/plugin-transform-computed-properties": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.22.5.tgz", - "integrity": "sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/template": "^7.22.5" - } - }, - "@babel/plugin-transform-destructuring": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.22.10.tgz", - "integrity": "sha512-dPJrL0VOyxqLM9sritNbMSGx/teueHF/htMKrPT7DNxccXxRDPYqlgPFFdr8u+F+qUZOkZoXue/6rL5O5GduEw==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-dotall-regex": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.22.5.tgz", - "integrity": "sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw==", - "dev": true, - "requires": { - "@babel/helper-create-regexp-features-plugin": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-duplicate-keys": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.22.5.tgz", - "integrity": "sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-dynamic-import": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.5.tgz", - "integrity": "sha512-0MC3ppTB1AMxd8fXjSrbPa7LT9hrImt+/fcj+Pg5YMD7UQyWp/02+JWpdnCymmsXwIx5Z+sYn1bwCn4ZJNvhqQ==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/plugin-syntax-dynamic-import": "^7.8.3" - } - }, - "@babel/plugin-transform-exponentiation-operator": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.22.5.tgz", - "integrity": "sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g==", - "dev": true, - "requires": { - "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-export-namespace-from": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.5.tgz", - "integrity": "sha512-X4hhm7FRnPgd4nDA4b/5V280xCx6oL7Oob5+9qVS5C13Zq4bh1qq7LU0GgRU6b5dBWBvhGaXYVB4AcN6+ol6vg==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/plugin-syntax-export-namespace-from": "^7.8.3" - } - }, - "@babel/plugin-transform-for-of": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.5.tgz", - "integrity": "sha512-3kxQjX1dU9uudwSshyLeEipvrLjBCVthCgeTp6CzE/9JYrlAIaeekVxRpCWsDDfYTfRZRoCeZatCQvwo+wvK8A==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-function-name": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.22.5.tgz", - "integrity": "sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg==", - "dev": true, - "requires": { - "@babel/helper-compilation-targets": "^7.22.5", - "@babel/helper-function-name": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-json-strings": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.5.tgz", - "integrity": "sha512-DuCRB7fu8MyTLbEQd1ew3R85nx/88yMoqo2uPSjevMj3yoN7CDM8jkgrY0wmVxfJZyJ/B9fE1iq7EQppWQmR5A==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/plugin-syntax-json-strings": "^7.8.3" - } - }, - "@babel/plugin-transform-literals": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.22.5.tgz", - "integrity": "sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-logical-assignment-operators": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.5.tgz", - "integrity": "sha512-MQQOUW1KL8X0cDWfbwYP+TbVbZm16QmQXJQ+vndPtH/BoO0lOKpVoEDMI7+PskYxH+IiE0tS8xZye0qr1lGzSA==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4" - } - }, - "@babel/plugin-transform-member-expression-literals": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.22.5.tgz", - "integrity": "sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-modules-amd": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.22.5.tgz", - "integrity": "sha512-R+PTfLTcYEmb1+kK7FNkhQ1gP4KgjpSO6HfH9+f8/yfp2Nt3ggBjiVpRwmwTlfqZLafYKJACy36yDXlEmI9HjQ==", - "dev": true, - "requires": { - "@babel/helper-module-transforms": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-modules-commonjs": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.22.5.tgz", - "integrity": "sha512-B4pzOXj+ONRmuaQTg05b3y/4DuFz3WcCNAXPLb2Q0GT0TrGKGxNKV4jwsXts+StaM0LQczZbOpj8o1DLPDJIiA==", - "dev": true, - "requires": { - "@babel/helper-module-transforms": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-simple-access": "^7.22.5" - } - }, - "@babel/plugin-transform-modules-systemjs": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.22.5.tgz", - "integrity": "sha512-emtEpoaTMsOs6Tzz+nbmcePl6AKVtS1yC4YNAeMun9U8YCsgadPNxnOPQ8GhHFB2qdx+LZu9LgoC0Lthuu05DQ==", - "dev": true, - "requires": { - "@babel/helper-hoist-variables": "^7.22.5", - "@babel/helper-module-transforms": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-validator-identifier": "^7.22.5" - } - }, - "@babel/plugin-transform-modules-umd": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.22.5.tgz", - "integrity": "sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ==", - "dev": true, - "requires": { - "@babel/helper-module-transforms": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-named-capturing-groups-regex": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz", - "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==", - "dev": true, - "requires": { - "@babel/helper-create-regexp-features-plugin": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-new-target": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.22.5.tgz", - "integrity": "sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-nullish-coalescing-operator": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.5.tgz", - "integrity": "sha512-6CF8g6z1dNYZ/VXok5uYkkBBICHZPiGEl7oDnAx2Mt1hlHVHOSIKWJaXHjQJA5VB43KZnXZDIexMchY4y2PGdA==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3" - } - }, - "@babel/plugin-transform-numeric-separator": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.5.tgz", - "integrity": "sha512-NbslED1/6M+sXiwwtcAB/nieypGw02Ejf4KtDeMkCEpP6gWFMX1wI9WKYua+4oBneCCEmulOkRpwywypVZzs/g==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/plugin-syntax-numeric-separator": "^7.10.4" - } - }, - "@babel/plugin-transform-object-rest-spread": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.5.tgz", - "integrity": "sha512-Kk3lyDmEslH9DnvCDA1s1kkd3YWQITiBOHngOtDL9Pt6BZjzqb6hiOlb8VfjiiQJ2unmegBqZu0rx5RxJb5vmQ==", - "dev": true, - "requires": { - "@babel/compat-data": "^7.22.5", - "@babel/helper-compilation-targets": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/plugin-syntax-object-rest-spread": "^7.8.3", - "@babel/plugin-transform-parameters": "^7.22.5" - } - }, - "@babel/plugin-transform-object-super": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.22.5.tgz", - "integrity": "sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-replace-supers": "^7.22.5" - } - }, - "@babel/plugin-transform-optional-catch-binding": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.5.tgz", - "integrity": "sha512-pH8orJahy+hzZje5b8e2QIlBWQvGpelS76C63Z+jhZKsmzfNaPQ+LaW6dcJ9bxTpo1mtXbgHwy765Ro3jftmUg==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/plugin-syntax-optional-catch-binding": "^7.8.3" - } - }, - "@babel/plugin-transform-optional-chaining": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.22.10.tgz", - "integrity": "sha512-MMkQqZAZ+MGj+jGTG3OTuhKeBpNcO+0oCEbrGNEaOmiEn+1MzRyQlYsruGiU8RTK3zV6XwrVJTmwiDOyYK6J9g==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5", - "@babel/plugin-syntax-optional-chaining": "^7.8.3" - } - }, - "@babel/plugin-transform-parameters": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.5.tgz", - "integrity": "sha512-AVkFUBurORBREOmHRKo06FjHYgjrabpdqRSwq6+C7R5iTCZOsM4QbcB27St0a4U6fffyAOqh3s/qEfybAhfivg==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-private-methods": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.22.5.tgz", - "integrity": "sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA==", - "dev": true, - "requires": { - "@babel/helper-create-class-features-plugin": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-private-property-in-object": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.5.tgz", - "integrity": "sha512-/9xnaTTJcVoBtSSmrVyhtSvO3kbqS2ODoh2juEU72c3aYonNF0OMGiaz2gjukyKM2wBBYJP38S4JiE0Wfb5VMQ==", - "dev": true, - "requires": { - "@babel/helper-annotate-as-pure": "^7.22.5", - "@babel/helper-create-class-features-plugin": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/plugin-syntax-private-property-in-object": "^7.14.5" - } - }, - "@babel/plugin-transform-property-literals": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.22.5.tgz", - "integrity": "sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-regenerator": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.10.tgz", - "integrity": "sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5", - "regenerator-transform": "^0.15.2" - } - }, - "@babel/plugin-transform-reserved-words": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.22.5.tgz", - "integrity": "sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-runtime": { - "version": "7.22.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.22.9.tgz", - "integrity": "sha512-9KjBH61AGJetCPYp/IEyLEp47SyybZb0nDRpBvmtEkm+rUIwxdlKpyNHI1TmsGkeuLclJdleQHRZ8XLBnnh8CQ==", - "dev": true, - "requires": { - "@babel/helper-module-imports": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5", - "babel-plugin-polyfill-corejs2": "^0.4.4", - "babel-plugin-polyfill-corejs3": "^0.8.2", - "babel-plugin-polyfill-regenerator": "^0.5.1", - "semver": "^6.3.1" - }, - "dependencies": { - "semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true - } - } - }, - "@babel/plugin-transform-shorthand-properties": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.22.5.tgz", - "integrity": "sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-spread": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.22.5.tgz", - "integrity": "sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5" - } - }, - "@babel/plugin-transform-sticky-regex": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.22.5.tgz", - "integrity": "sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-template-literals": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.22.5.tgz", - "integrity": "sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-typeof-symbol": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.22.5.tgz", - "integrity": "sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-unicode-escapes": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.10.tgz", - "integrity": "sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-unicode-property-regex": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.22.5.tgz", - "integrity": "sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A==", - "dev": true, - "requires": { - "@babel/helper-create-regexp-features-plugin": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-unicode-regex": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.22.5.tgz", - "integrity": "sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg==", - "dev": true, - "requires": { - "@babel/helper-create-regexp-features-plugin": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/plugin-transform-unicode-sets-regex": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.22.5.tgz", - "integrity": "sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg==", - "dev": true, - "requires": { - "@babel/helper-create-regexp-features-plugin": "^7.22.5", - "@babel/helper-plugin-utils": "^7.22.5" - } - }, - "@babel/preset-env": { - "version": "7.22.9", - "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.22.9.tgz", - "integrity": "sha512-wNi5H/Emkhll/bqPjsjQorSykrlfY5OWakd6AulLvMEytpKasMVUpVy8RL4qBIBs5Ac6/5i0/Rv0b/Fg6Eag/g==", - "dev": true, - "requires": { - "@babel/compat-data": "^7.22.9", - "@babel/helper-compilation-targets": "^7.22.9", - "@babel/helper-plugin-utils": "^7.22.5", - "@babel/helper-validator-option": "^7.22.5", - "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.22.5", - "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.22.5", - "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2", - "@babel/plugin-syntax-async-generators": "^7.8.4", - "@babel/plugin-syntax-class-properties": "^7.12.13", - "@babel/plugin-syntax-class-static-block": "^7.14.5", - "@babel/plugin-syntax-dynamic-import": "^7.8.3", - "@babel/plugin-syntax-export-namespace-from": "^7.8.3", - "@babel/plugin-syntax-import-assertions": "^7.22.5", - "@babel/plugin-syntax-import-attributes": "^7.22.5", - "@babel/plugin-syntax-import-meta": "^7.10.4", - "@babel/plugin-syntax-json-strings": "^7.8.3", - "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4", - "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3", - "@babel/plugin-syntax-numeric-separator": "^7.10.4", - "@babel/plugin-syntax-object-rest-spread": "^7.8.3", - "@babel/plugin-syntax-optional-catch-binding": "^7.8.3", - "@babel/plugin-syntax-optional-chaining": "^7.8.3", - "@babel/plugin-syntax-private-property-in-object": "^7.14.5", - "@babel/plugin-syntax-top-level-await": "^7.14.5", - "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6", - "@babel/plugin-transform-arrow-functions": "^7.22.5", - "@babel/plugin-transform-async-generator-functions": "^7.22.7", - "@babel/plugin-transform-async-to-generator": "^7.22.5", - "@babel/plugin-transform-block-scoped-functions": "^7.22.5", - "@babel/plugin-transform-block-scoping": "^7.22.5", - "@babel/plugin-transform-class-properties": "^7.22.5", - "@babel/plugin-transform-class-static-block": "^7.22.5", - "@babel/plugin-transform-classes": "^7.22.6", - "@babel/plugin-transform-computed-properties": "^7.22.5", - "@babel/plugin-transform-destructuring": "^7.22.5", - "@babel/plugin-transform-dotall-regex": "^7.22.5", - "@babel/plugin-transform-duplicate-keys": "^7.22.5", - "@babel/plugin-transform-dynamic-import": "^7.22.5", - "@babel/plugin-transform-exponentiation-operator": "^7.22.5", - "@babel/plugin-transform-export-namespace-from": "^7.22.5", - "@babel/plugin-transform-for-of": "^7.22.5", - "@babel/plugin-transform-function-name": "^7.22.5", - "@babel/plugin-transform-json-strings": "^7.22.5", - "@babel/plugin-transform-literals": "^7.22.5", - "@babel/plugin-transform-logical-assignment-operators": "^7.22.5", - "@babel/plugin-transform-member-expression-literals": "^7.22.5", - "@babel/plugin-transform-modules-amd": "^7.22.5", - "@babel/plugin-transform-modules-commonjs": "^7.22.5", - "@babel/plugin-transform-modules-systemjs": "^7.22.5", - "@babel/plugin-transform-modules-umd": "^7.22.5", - "@babel/plugin-transform-named-capturing-groups-regex": "^7.22.5", - "@babel/plugin-transform-new-target": "^7.22.5", - "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.5", - "@babel/plugin-transform-numeric-separator": "^7.22.5", - "@babel/plugin-transform-object-rest-spread": "^7.22.5", - "@babel/plugin-transform-object-super": "^7.22.5", - "@babel/plugin-transform-optional-catch-binding": "^7.22.5", - "@babel/plugin-transform-optional-chaining": "^7.22.6", - "@babel/plugin-transform-parameters": "^7.22.5", - "@babel/plugin-transform-private-methods": "^7.22.5", - "@babel/plugin-transform-private-property-in-object": "^7.22.5", - "@babel/plugin-transform-property-literals": "^7.22.5", - "@babel/plugin-transform-regenerator": "^7.22.5", - "@babel/plugin-transform-reserved-words": "^7.22.5", - "@babel/plugin-transform-shorthand-properties": "^7.22.5", - "@babel/plugin-transform-spread": "^7.22.5", - "@babel/plugin-transform-sticky-regex": "^7.22.5", - "@babel/plugin-transform-template-literals": "^7.22.5", - "@babel/plugin-transform-typeof-symbol": "^7.22.5", - "@babel/plugin-transform-unicode-escapes": "^7.22.5", - "@babel/plugin-transform-unicode-property-regex": "^7.22.5", - "@babel/plugin-transform-unicode-regex": "^7.22.5", - "@babel/plugin-transform-unicode-sets-regex": "^7.22.5", - "@babel/preset-modules": "^0.1.5", - "@babel/types": "^7.22.5", - "babel-plugin-polyfill-corejs2": "^0.4.4", - "babel-plugin-polyfill-corejs3": "^0.8.2", - "babel-plugin-polyfill-regenerator": "^0.5.1", - "core-js-compat": "^3.31.0", - "semver": "^6.3.1" - }, - "dependencies": { - "semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true - } - } - }, - "@babel/preset-modules": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6.tgz", - "integrity": "sha512-ID2yj6K/4lKfhuU3+EX4UvNbIt7eACFbHmNUjzA+ep+B5971CknnA/9DEWKbRokfbbtblxxxXFJJrH47UEAMVg==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.0.0", - "@babel/plugin-proposal-unicode-property-regex": "^7.4.4", - "@babel/plugin-transform-dotall-regex": "^7.4.4", - "@babel/types": "^7.4.4", - "esutils": "^2.0.2" - } - }, - "@babel/regjsgen": { - "version": "0.8.0", - "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz", - "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==", - "dev": true - }, - "@babel/runtime": { - "version": "7.22.6", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.6.tgz", - "integrity": "sha512-wDb5pWm4WDdF6LFUde3Jl8WzPA+3ZbxYqkC6xAXuD3irdEHN1k0NfTRrJD8ZD378SJ61miMLCqIOXYhd8x+AJQ==", - "dev": true, - "requires": { - "regenerator-runtime": "^0.13.11" - } - }, - "@babel/template": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.5.tgz", - "integrity": "sha512-X7yV7eiwAxdj9k94NEylvbVHLiVG1nvzCV2EAowhxLTwODV1jl9UzZ48leOC0sH7OnuHrIkllaBgneUykIcZaw==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.22.5", - "@babel/parser": "^7.22.5", - "@babel/types": "^7.22.5" - } - }, - "@babel/traverse": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.10.tgz", - "integrity": "sha512-Q/urqV4pRByiNNpb/f5OSv28ZlGJiFiiTh+GAHktbIrkPhPbl90+uW6SmpoLyZqutrg9AEaEf3Q/ZBRHBXgxig==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.22.10", - "@babel/generator": "^7.22.10", - "@babel/helper-environment-visitor": "^7.22.5", - "@babel/helper-function-name": "^7.22.5", - "@babel/helper-hoist-variables": "^7.22.5", - "@babel/helper-split-export-declaration": "^7.22.6", - "@babel/parser": "^7.22.10", - "@babel/types": "^7.22.10", - "debug": "^4.1.0", - "globals": "^11.1.0" - }, - "dependencies": { - "@babel/generator": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.22.10.tgz", - "integrity": "sha512-79KIf7YiWjjdZ81JnLujDRApWtl7BxTqWD88+FFdQEIOG8LJ0etDOM7CXuIgGJa55sGOwZVwuEsaLEm0PJ5/+A==", - "dev": true, - "requires": { - "@babel/types": "^7.22.10", - "@jridgewell/gen-mapping": "^0.3.2", - "@jridgewell/trace-mapping": "^0.3.17", - "jsesc": "^2.5.1" - } - } - } - }, - "@babel/types": { - "version": "7.22.10", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.22.10.tgz", - "integrity": "sha512-obaoigiLrlDZ7TUQln/8m4mSqIW2QFeOrCQc9r+xsaHGNoplVNYlRVpsfE8Vj35GEm2ZH4ZhrNYogs/3fj85kg==", - "dev": true, - "requires": { - "@babel/helper-string-parser": "^7.22.5", - "@babel/helper-validator-identifier": "^7.22.5", - "to-fast-properties": "^2.0.0" - } - }, - "@colors/colors": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz", - "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==", - "dev": true - }, - "@discoveryjs/json-ext": { - "version": "0.5.7", - "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz", - "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==", - "dev": true - }, - "@docsearch/css": { - "version": "3.5.1", - "resolved": "https://registry.npmjs.org/@docsearch/css/-/css-3.5.1.tgz", - "integrity": "sha512-2Pu9HDg/uP/IT10rbQ+4OrTQuxIWdKVUEdcw9/w7kZJv9NeHS6skJx1xuRiFyoGKwAzcHXnLp7csE99sj+O1YA==" - }, - "@docsearch/js": { - "version": "3.5.1", - "resolved": "https://registry.npmjs.org/@docsearch/js/-/js-3.5.1.tgz", - "integrity": "sha512-EXi8de5njxgP6TV3N9ytnGRLG9zmBNTEZjR4VzwPcpPLbZxxTLG2gaFyJyKiFVQxHW/DPlMrDJA3qoRRGEkgZw==", - "requires": { - "@docsearch/react": "3.5.1", - "preact": "^10.0.0" - } - }, - "@docsearch/react": { - "version": "3.5.1", - "resolved": "https://registry.npmjs.org/@docsearch/react/-/react-3.5.1.tgz", - "integrity": "sha512-t5mEODdLzZq4PTFAm/dvqcvZFdPDMdfPE5rJS5SC8OUq9mPzxEy6b+9THIqNM9P0ocCb4UC5jqBrxKclnuIbzQ==", - "requires": { - "@algolia/autocomplete-core": "1.9.3", - "@algolia/autocomplete-preset-algolia": "1.9.3", - "@docsearch/css": "3.5.1", - "algoliasearch": "^4.0.0" - } - }, - "@es-joy/jsdoccomment": { - "version": "0.40.1", - "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.40.1.tgz", - "integrity": "sha512-YORCdZSusAlBrFpZ77pJjc5r1bQs5caPWtAu+WWmiSo+8XaUzseapVrfAtiRFbQWnrBxxLLEwF6f6ZG/UgCQCg==", - "dev": true, - "requires": { - "comment-parser": "1.4.0", - "esquery": "^1.5.0", - "jsdoc-type-pratt-parser": "~4.0.0" - } - }, - "@esbuild/android-arm": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.17.tgz", - "integrity": "sha512-wHsmJG/dnL3OkpAcwbgoBTTMHVi4Uyou3F5mf58ZtmUyIKfcdA7TROav/6tCzET4A3QW2Q2FC+eFneMU+iyOxg==", - "dev": true, - "optional": true - }, - "@esbuild/android-arm64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.17.tgz", - "integrity": "sha512-9np+YYdNDed5+Jgr1TdWBsozZ85U1Oa3xW0c7TWqH0y2aGghXtZsuT8nYRbzOMcl0bXZXjOGbksoTtVOlWrRZg==", - "dev": true, - "optional": true - }, - "@esbuild/android-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.17.tgz", - "integrity": "sha512-O+FeWB/+xya0aLg23hHEM2E3hbfwZzjqumKMSIqcHbNvDa+dza2D0yLuymRBQQnC34CWrsJUXyH2MG5VnLd6uw==", - "dev": true, - "optional": true - }, - "@esbuild/darwin-arm64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.17.tgz", - "integrity": "sha512-M9uJ9VSB1oli2BE/dJs3zVr9kcCBBsE883prage1NWz6pBS++1oNn/7soPNS3+1DGj0FrkSvnED4Bmlu1VAE9g==", - "dev": true, - "optional": true - }, - "@esbuild/darwin-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.17.tgz", - "integrity": "sha512-XDre+J5YeIJDMfp3n0279DFNrGCXlxOuGsWIkRb1NThMZ0BsrWXoTg23Jer7fEXQ9Ye5QjrvXpxnhzl3bHtk0g==", - "dev": true, - "optional": true - }, - "@esbuild/freebsd-arm64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.17.tgz", - "integrity": "sha512-cjTzGa3QlNfERa0+ptykyxs5A6FEUQQF0MuilYXYBGdBxD3vxJcKnzDlhDCa1VAJCmAxed6mYhA2KaJIbtiNuQ==", - "dev": true, - "optional": true - }, - "@esbuild/freebsd-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.17.tgz", - "integrity": "sha512-sOxEvR8d7V7Kw8QqzxWc7bFfnWnGdaFBut1dRUYtu+EIRXefBc/eIsiUiShnW0hM3FmQ5Zf27suDuHsKgZ5QrA==", - "dev": true, - "optional": true - }, - "@esbuild/linux-arm": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.17.tgz", - "integrity": "sha512-2d3Lw6wkwgSLC2fIvXKoMNGVaeY8qdN0IC3rfuVxJp89CRfA3e3VqWifGDfuakPmp90+ZirmTfye1n4ncjv2lg==", - "dev": true, - "optional": true - }, - "@esbuild/linux-arm64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.17.tgz", - "integrity": "sha512-c9w3tE7qA3CYWjT+M3BMbwMt+0JYOp3vCMKgVBrCl1nwjAlOMYzEo+gG7QaZ9AtqZFj5MbUc885wuBBmu6aADQ==", - "dev": true, - "optional": true - }, - "@esbuild/linux-ia32": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.17.tgz", - "integrity": "sha512-1DS9F966pn5pPnqXYz16dQqWIB0dmDfAQZd6jSSpiT9eX1NzKh07J6VKR3AoXXXEk6CqZMojiVDSZi1SlmKVdg==", - "dev": true, - "optional": true - }, - "@esbuild/linux-loong64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.17.tgz", - "integrity": "sha512-EvLsxCk6ZF0fpCB6w6eOI2Fc8KW5N6sHlIovNe8uOFObL2O+Mr0bflPHyHwLT6rwMg9r77WOAWb2FqCQrVnwFg==", - "dev": true, - "optional": true - }, - "@esbuild/linux-mips64el": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.17.tgz", - "integrity": "sha512-e0bIdHA5p6l+lwqTE36NAW5hHtw2tNRmHlGBygZC14QObsA3bD4C6sXLJjvnDIjSKhW1/0S3eDy+QmX/uZWEYQ==", - "dev": true, - "optional": true - }, - "@esbuild/linux-ppc64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.17.tgz", - "integrity": "sha512-BAAilJ0M5O2uMxHYGjFKn4nJKF6fNCdP1E0o5t5fvMYYzeIqy2JdAP88Az5LHt9qBoUa4tDaRpfWt21ep5/WqQ==", - "dev": true, - "optional": true - }, - "@esbuild/linux-riscv64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.17.tgz", - "integrity": "sha512-Wh/HW2MPnC3b8BqRSIme/9Zhab36PPH+3zam5pqGRH4pE+4xTrVLx2+XdGp6fVS3L2x+DrsIcsbMleex8fbE6g==", - "dev": true, - "optional": true - }, - "@esbuild/linux-s390x": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.17.tgz", - "integrity": "sha512-j/34jAl3ul3PNcK3pfI0NSlBANduT2UO5kZ7FCaK33XFv3chDhICLY8wJJWIhiQ+YNdQ9dxqQctRg2bvrMlYgg==", - "dev": true, - "optional": true - }, - "@esbuild/linux-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.17.tgz", - "integrity": "sha512-QM50vJ/y+8I60qEmFxMoxIx4de03pGo2HwxdBeFd4nMh364X6TIBZ6VQ5UQmPbQWUVWHWws5MmJXlHAXvJEmpQ==", - "dev": true, - "optional": true - }, - "@esbuild/netbsd-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.17.tgz", - "integrity": "sha512-/jGlhWR7Sj9JPZHzXyyMZ1RFMkNPjC6QIAan0sDOtIo2TYk3tZn5UDrkE0XgsTQCxWTTOcMPf9p6Rh2hXtl5TQ==", - "dev": true, - "optional": true - }, - "@esbuild/openbsd-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.17.tgz", - "integrity": "sha512-rSEeYaGgyGGf4qZM2NonMhMOP/5EHp4u9ehFiBrg7stH6BYEEjlkVREuDEcQ0LfIl53OXLxNbfuIj7mr5m29TA==", - "dev": true, - "optional": true - }, - "@esbuild/sunos-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.17.tgz", - "integrity": "sha512-Y7ZBbkLqlSgn4+zot4KUNYst0bFoO68tRgI6mY2FIM+b7ZbyNVtNbDP5y8qlu4/knZZ73fgJDlXID+ohY5zt5g==", - "dev": true, - "optional": true - }, - "@esbuild/win32-arm64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.17.tgz", - "integrity": "sha512-bwPmTJsEQcbZk26oYpc4c/8PvTY3J5/QK8jM19DVlEsAB41M39aWovWoHtNm78sd6ip6prilxeHosPADXtEJFw==", - "dev": true, - "optional": true - }, - "@esbuild/win32-ia32": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.17.tgz", - "integrity": "sha512-H/XaPtPKli2MhW+3CQueo6Ni3Avggi6hP/YvgkEe1aSaxw+AeO8MFjq8DlgfTd9Iz4Yih3QCZI6YLMoyccnPRg==", - "dev": true, - "optional": true - }, - "@esbuild/win32-x64": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.17.tgz", - "integrity": "sha512-fGEb8f2BSA3CW7riJVurug65ACLuQAzKq0SSqkY2b2yHHH0MzDfbLyKIGzHwOI/gkHcxM/leuSW6D5w/LMNitA==", - "dev": true, - "optional": true - }, - "@eslint-community/eslint-utils": { - "version": "4.4.0", - "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz", - "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==", - "dev": true, - "requires": { - "eslint-visitor-keys": "^3.3.0" - } - }, - "@eslint-community/regexpp": { - "version": "4.6.2", - "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.6.2.tgz", - "integrity": "sha512-pPTNuaAG3QMH+buKyBIGJs3g/S5y0caxw0ygM3YyE6yJFySwiGGSzA+mM3KJ8QQvzeLh3blwgSonkFjgQdxzMw==", - "dev": true - }, - "@eslint/eslintrc": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.1.tgz", - "integrity": "sha512-9t7ZA7NGGK8ckelF0PQCfcxIUzs1Md5rrO6U/c+FIQNanea5UZC0wqKXH4vHBccmu4ZJgZ2idtPeW7+Q2npOEA==", - "dev": true, - "requires": { - "ajv": "^6.12.4", - "debug": "^4.3.2", - "espree": "^9.6.0", - "globals": "^13.19.0", - "ignore": "^5.2.0", - "import-fresh": "^3.2.1", - "js-yaml": "^4.1.0", - "minimatch": "^3.1.2", - "strip-json-comments": "^3.1.1" - }, - "dependencies": { - "ajv": { - "version": "6.12.6", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", - "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", - "dev": true, - "requires": { - "fast-deep-equal": "^3.1.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" - } - }, - "argparse": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", - "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", - "dev": true - }, - "globals": { - "version": "13.20.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz", - "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==", - "dev": true, - "requires": { - "type-fest": "^0.20.2" - } - }, - "js-yaml": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", - "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", - "dev": true, - "requires": { - "argparse": "^2.0.1" - } - }, - "json-schema-traverse": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", - "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", - "dev": true - }, - "type-fest": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz", - "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==", - "dev": true - } - } - }, - "@eslint/js": { - "version": "8.46.0", - "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.46.0.tgz", - "integrity": "sha512-a8TLtmPi8xzPkCbp/OGFUo5yhRkHM2Ko9kOWP4znJr0WAhWyThaw3PnwX4vOTWOAMsV2uRt32PPDcEz63esSaA==", - "dev": true - }, - "@humanwhocodes/config-array": { - "version": "0.11.10", - "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz", - "integrity": "sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==", - "dev": true, - "requires": { - "@humanwhocodes/object-schema": "^1.2.1", - "debug": "^4.1.1", - "minimatch": "^3.0.5" - } - }, - "@humanwhocodes/module-importer": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz", - "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==", - "dev": true - }, - "@humanwhocodes/object-schema": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz", - "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==", - "dev": true - }, - "@isaacs/cliui": { - "version": "8.0.2", - "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", - "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==", - "dev": true, - "requires": { - "string-width": "^5.1.2", - "string-width-cjs": "npm:string-width@^4.2.0", - "strip-ansi": "^7.0.1", - "strip-ansi-cjs": "npm:strip-ansi@^6.0.1", - "wrap-ansi": "^8.1.0", - "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0" - }, - "dependencies": { - "ansi-regex": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz", - "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==", - "dev": true - }, - "ansi-styles": { - "version": "6.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", - "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", - "dev": true - }, - "emoji-regex": { - "version": "9.2.2", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz", - "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==", - "dev": true - }, - "string-width": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz", - "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==", - "dev": true, - "requires": { - "eastasianwidth": "^0.2.0", - "emoji-regex": "^9.2.2", - "strip-ansi": "^7.0.1" - } - }, - "strip-ansi": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", - "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", - "dev": true, - "requires": { - "ansi-regex": "^6.0.1" - } - }, - "wrap-ansi": { - "version": "8.1.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", - "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==", - "dev": true, - "requires": { - "ansi-styles": "^6.1.0", - "string-width": "^5.0.1", - "strip-ansi": "^7.0.1" - } - } - } - }, - "@istanbuljs/load-nyc-config": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz", - "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==", - "dev": true, - "requires": { - "camelcase": "^5.3.1", - "find-up": "^4.1.0", - "get-package-type": "^0.1.0", - "js-yaml": "^3.13.1", - "resolve-from": "^5.0.0" - } - }, - "@istanbuljs/schema": { - "version": "0.1.3", - "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz", - "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==", - "dev": true - }, - "@jest/expect-utils": { - "version": "29.6.2", - "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.6.2.tgz", - "integrity": "sha512-6zIhM8go3RV2IG4aIZaZbxwpOzz3ZiM23oxAlkquOIole+G6TrbeXnykxWYlqF7kz2HlBjdKtca20x9atkEQYg==", - "dev": true, - "requires": { - "jest-get-type": "^29.4.3" - } - }, - "@jest/schemas": { - "version": "29.6.0", - "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.0.tgz", - "integrity": "sha512-rxLjXyJBTL4LQeJW3aKo0M/+GkCOXsO+8i9Iu7eDb6KwtP65ayoDsitrdPBtujxQ88k4wI2FNYfa6TOGwSn6cQ==", - "dev": true, - "requires": { - "@sinclair/typebox": "^0.27.8" - } - }, - "@jest/types": { - "version": "29.6.1", - "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.1.tgz", - "integrity": "sha512-tPKQNMPuXgvdOn2/Lg9HNfUvjYVGolt04Hp03f5hAk878uwOLikN+JzeLY0HcVgKgFl9Hs3EIqpu3WX27XNhnw==", - "dev": true, - "requires": { - "@jest/schemas": "^29.6.0", - "@types/istanbul-lib-coverage": "^2.0.0", - "@types/istanbul-reports": "^3.0.0", - "@types/node": "*", - "@types/yargs": "^17.0.8", - "chalk": "^4.0.0" - }, - "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "@jridgewell/gen-mapping": { - "version": "0.3.3", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", - "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", - "dev": true, - "requires": { - "@jridgewell/set-array": "^1.0.1", - "@jridgewell/sourcemap-codec": "^1.4.10", - "@jridgewell/trace-mapping": "^0.3.9" - } - }, - "@jridgewell/resolve-uri": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz", - "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==", - "dev": true - }, - "@jridgewell/set-array": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz", - "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==", - "dev": true - }, - "@jridgewell/source-map": { - "version": "0.3.5", - "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz", - "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==", - "dev": true, - "requires": { - "@jridgewell/gen-mapping": "^0.3.0", - "@jridgewell/trace-mapping": "^0.3.9" - } - }, - "@jridgewell/sourcemap-codec": { - "version": "1.4.15", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", - "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==", - "dev": true - }, - "@jridgewell/trace-mapping": { - "version": "0.3.19", - "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.19.tgz", - "integrity": "sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==", - "dev": true, - "requires": { - "@jridgewell/resolve-uri": "^3.1.0", - "@jridgewell/sourcemap-codec": "^1.4.14" - } - }, - "@leichtgewicht/ip-codec": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz", - "integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==", - "dev": true - }, - "@ngtools/webpack": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-16.2.0.tgz", - "integrity": "sha512-c9jv4r7GnLTpnPOeF+a9yAm/3/2wwl9lMBU32i9hlY+q/Hqde4PiL95bUOLnRRL1I64DV7BFTlSZqSPgDpFXZQ==", - "dev": true, - "requires": {} - }, - "@nguniversal/builders": { - "version": "16.1.3", - "resolved": "https://registry.npmjs.org/@nguniversal/builders/-/builders-16.1.3.tgz", - "integrity": "sha512-GAPKLboYZ08ILCXnq2+XVdWv+FIsNwEyVR9olPFC7YV16IqFH/sV49fFhOIXrmgdksugCYy+Dhy38efJfp2GPg==", - "dev": true, - "requires": { - "@angular-devkit/architect": "~0.1601.0-next.0", - "@angular-devkit/core": "~16.1.0-next.0", - "@nguniversal/common": "16.1.3", - "browser-sync": "^2.27.10", - "express": "^4.18.2", - "guess-parser": "^0.4.22", - "http-proxy-middleware": "^2.0.6", - "ora": "^5.1.0", - "piscina": "~4.0.0", - "rxjs": "^7.0.0", - "tree-kill": "^1.2.2" - }, - "dependencies": { - "@angular-devkit/architect": { - "version": "0.1601.8", - "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1601.8.tgz", - "integrity": "sha512-kOXVGwsQnZvtz2UZNefcEy64Jiwq0eSoQUeozvDXOaYRJABLjPKI2YaarvKC9/Z1SGLuje0o/eRJO4T8aRk9rQ==", - "dev": true, - "requires": { - "@angular-devkit/core": "16.1.8", - "rxjs": "7.8.1" - } - }, - "@angular-devkit/core": { - "version": "16.1.8", - "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-16.1.8.tgz", - "integrity": "sha512-dSRD/+bGanArIXkj+kaU1kDFleZeQMzmBiOXX+pK0Ah9/0Yn1VmY3RZh1zcX9vgIQXV+t7UPrTpOjaERMUtVGw==", - "dev": true, - "requires": { - "ajv": "8.12.0", - "ajv-formats": "2.1.1", - "jsonc-parser": "3.2.0", - "rxjs": "7.8.1", - "source-map": "0.7.4" - } - } - } - }, - "@nguniversal/common": { - "version": "16.1.3", - "resolved": "https://registry.npmjs.org/@nguniversal/common/-/common-16.1.3.tgz", - "integrity": "sha512-b+k97hN2vlSt2Sovg84ZPMj2KdPyc3tlhvjROw4YUjlIZ6M/pEX7rrpGfiui1h8XQ5HIUyd1yHvPEsAorxFu3w==", - "dev": true, - "requires": { - "critters": "0.0.20", - "jsdom": "22.1.0", - "tslib": "^2.3.0" - } - }, - "@nguniversal/express-engine": { - "version": "16.1.3", - "resolved": "https://registry.npmjs.org/@nguniversal/express-engine/-/express-engine-16.1.3.tgz", - "integrity": "sha512-UqhOvo4cNO9MiNmKNWyLs108xs28lQfmbBl2MiBMBwCEC9ZpZwZev2kjRRUpT+ZWd7f/cZ7bpAF7jUA2pR9vYA==", - "dev": true, - "requires": { - "@nguniversal/common": "16.1.3", - "tslib": "^2.3.0" - } - }, - "@nodelib/fs.scandir": { - "version": "2.1.5", - "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", - "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", - "dev": true, - "requires": { - "@nodelib/fs.stat": "2.0.5", - "run-parallel": "^1.1.9" - } - }, - "@nodelib/fs.stat": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", - "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", - "dev": true - }, - "@nodelib/fs.walk": { - "version": "1.2.8", - "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", - "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", - "dev": true, - "requires": { - "@nodelib/fs.scandir": "2.1.5", - "fastq": "^1.6.0" - } - }, - "@npmcli/fs": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-3.1.0.tgz", - "integrity": "sha512-7kZUAaLscfgbwBQRbvdMYaZOWyMEcPTH/tJjnyAWJ/dvvs9Ef+CERx/qJb9GExJpl1qipaDGn7KqHnFGGixd0w==", - "dev": true, - "requires": { - "semver": "^7.3.5" - } - }, - "@npmcli/git": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/@npmcli/git/-/git-4.1.0.tgz", - "integrity": "sha512-9hwoB3gStVfa0N31ymBmrX+GuDGdVA/QWShZVqE0HK2Af+7QGGrCTbZia/SW0ImUTjTne7SP91qxDmtXvDHRPQ==", - "dev": true, - "requires": { - "@npmcli/promise-spawn": "^6.0.0", - "lru-cache": "^7.4.4", - "npm-pick-manifest": "^8.0.0", - "proc-log": "^3.0.0", - "promise-inflight": "^1.0.1", - "promise-retry": "^2.0.1", - "semver": "^7.3.5", - "which": "^3.0.0" - }, - "dependencies": { - "lru-cache": { - "version": "7.18.3", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz", - "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==", - "dev": true - }, - "which": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/which/-/which-3.0.1.tgz", - "integrity": "sha512-XA1b62dzQzLfaEOSQFTCOd5KFf/1VSzZo7/7TUjnya6u0vGGKzU96UQBZTAThCb2j4/xjBAyii1OhRLJEivHvg==", - "dev": true, - "requires": { - "isexe": "^2.0.0" - } - } - } - }, - "@npmcli/installed-package-contents": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@npmcli/installed-package-contents/-/installed-package-contents-2.0.2.tgz", - "integrity": "sha512-xACzLPhnfD51GKvTOOuNX2/V4G4mz9/1I2MfDoye9kBM3RYe5g2YbscsaGoTlaWqkxeiapBWyseULVKpSVHtKQ==", - "dev": true, - "requires": { - "npm-bundled": "^3.0.0", - "npm-normalize-package-bin": "^3.0.0" - } - }, - "@npmcli/node-gyp": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/@npmcli/node-gyp/-/node-gyp-3.0.0.tgz", - "integrity": "sha512-gp8pRXC2oOxu0DUE1/M3bYtb1b3/DbJ5aM113+XJBgfXdussRAsX0YOrOhdd8WvnAR6auDBvJomGAkLKA5ydxA==", - "dev": true - }, - "@npmcli/promise-spawn": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/@npmcli/promise-spawn/-/promise-spawn-6.0.2.tgz", - "integrity": "sha512-gGq0NJkIGSwdbUt4yhdF8ZrmkGKVz9vAdVzpOfnom+V8PLSmSOVhZwbNvZZS1EYcJN5hzzKBxmmVVAInM6HQLg==", - "dev": true, - "requires": { - "which": "^3.0.0" - }, - "dependencies": { - "which": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/which/-/which-3.0.1.tgz", - "integrity": "sha512-XA1b62dzQzLfaEOSQFTCOd5KFf/1VSzZo7/7TUjnya6u0vGGKzU96UQBZTAThCb2j4/xjBAyii1OhRLJEivHvg==", - "dev": true, - "requires": { - "isexe": "^2.0.0" - } - } - } - }, - "@npmcli/run-script": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/@npmcli/run-script/-/run-script-6.0.2.tgz", - "integrity": "sha512-NCcr1uQo1k5U+SYlnIrbAh3cxy+OQT1VtqiAbxdymSlptbzBb62AjH2xXgjNCoP073hoa1CfCAcwoZ8k96C4nA==", - "dev": true, - "requires": { - "@npmcli/node-gyp": "^3.0.0", - "@npmcli/promise-spawn": "^6.0.0", - "node-gyp": "^9.0.0", - "read-package-json-fast": "^3.0.0", - "which": "^3.0.0" - }, - "dependencies": { - "which": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/which/-/which-3.0.1.tgz", - "integrity": "sha512-XA1b62dzQzLfaEOSQFTCOd5KFf/1VSzZo7/7TUjnya6u0vGGKzU96UQBZTAThCb2j4/xjBAyii1OhRLJEivHvg==", - "dev": true, - "requires": { - "isexe": "^2.0.0" - } - } - } - }, - "@nrwl/devkit": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nrwl/devkit/-/devkit-16.5.1.tgz", - "integrity": "sha512-NB+DE/+AFJ7lKH/WBFyatJEhcZGj25F24ncDkwjZ6MzEiSOGOJS0LaV/R+VUsmS5EHTPXYOpn3zHWWAcJhyOmA==", - "dev": true, - "requires": { - "@nx/devkit": "16.5.1" - } - }, - "@nrwl/tao": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nrwl/tao/-/tao-16.5.1.tgz", - "integrity": "sha512-x+gi/fKdM6uQNIti9exFlm3V5LBP3Y8vOEziO42HdOigyrXa0S0HD2WMpccmp6PclYKhwEDUjKJ39xh5sdh4Ig==", - "dev": true, - "requires": { - "nx": "16.5.1" - } - }, - "@nx/devkit": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/devkit/-/devkit-16.5.1.tgz", - "integrity": "sha512-T1acZrVVmJw/sJ4PIGidCBYBiBqlg/jT9e8nIGXLSDS20xcLvfo4zBQf8UZLrmHglnwwpDpOWuVJCp2rYA5aDg==", - "dev": true, - "requires": { - "@nrwl/devkit": "16.5.1", - "ejs": "^3.1.7", - "ignore": "^5.0.4", - "semver": "7.5.3", - "tmp": "~0.2.1", - "tslib": "^2.3.0" - }, - "dependencies": { - "lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, - "requires": { - "yallist": "^4.0.0" - } - }, - "semver": { - "version": "7.5.3", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.3.tgz", - "integrity": "sha512-QBlUtyVk/5EeHbi7X0fw6liDZc7BBmEaSYn01fMU1OUYbf6GPsbTtd8WmnqbI20SeycoHSeiybkE/q1Q+qlThQ==", - "dev": true, - "requires": { - "lru-cache": "^6.0.0" - } - }, - "yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - } - } - }, - "@nx/nx-darwin-arm64": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-darwin-arm64/-/nx-darwin-arm64-16.5.1.tgz", - "integrity": "sha512-q98TFI4B/9N9PmKUr1jcbtD4yAFs1HfYd9jUXXTQOlfO9SbDjnrYJgZ4Fp9rMNfrBhgIQ4x1qx0AukZccKmH9Q==", - "dev": true, - "optional": true - }, - "@nx/nx-darwin-x64": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-darwin-x64/-/nx-darwin-x64-16.5.1.tgz", - "integrity": "sha512-j9HmL1l8k7EVJ3eOM5y8COF93gqrydpxCDoz23ZEtsY+JHY77VAiRQsmqBgEx9GGA2dXi9VEdS67B0+1vKariw==", - "dev": true, - "optional": true - }, - "@nx/nx-freebsd-x64": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-freebsd-x64/-/nx-freebsd-x64-16.5.1.tgz", - "integrity": "sha512-CXSPT01aVS869tvCCF2tZ7LnCa8l41wJ3mTVtWBkjmRde68E5Up093hklRMyXb3kfiDYlfIKWGwrV4r0eH6x1A==", - "dev": true, - "optional": true - }, - "@nx/nx-linux-arm-gnueabihf": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm-gnueabihf/-/nx-linux-arm-gnueabihf-16.5.1.tgz", - "integrity": "sha512-BhrumqJSZCWFfLFUKl4CAUwR0Y0G2H5EfFVGKivVecEQbb+INAek1aa6c89evg2/OvetQYsJ+51QknskwqvLsA==", - "dev": true, - "optional": true - }, - "@nx/nx-linux-arm64-gnu": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm64-gnu/-/nx-linux-arm64-gnu-16.5.1.tgz", - "integrity": "sha512-x7MsSG0W+X43WVv7JhiSq2eKvH2suNKdlUHEG09Yt0vm3z0bhtym1UCMUg3IUAK7jy9hhLeDaFVFkC6zo+H/XQ==", - "dev": true, - "optional": true - }, - "@nx/nx-linux-arm64-musl": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm64-musl/-/nx-linux-arm64-musl-16.5.1.tgz", - "integrity": "sha512-J+/v/mFjOm74I0PNtH5Ka+fDd+/dWbKhpcZ2R1/6b9agzZk+Ff/SrwJcSYFXXWKbPX+uQ4RcJoytT06Zs3s0ow==", - "dev": true, - "optional": true - }, - "@nx/nx-linux-x64-gnu": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-linux-x64-gnu/-/nx-linux-x64-gnu-16.5.1.tgz", - "integrity": "sha512-igooWJ5YxQ94Zft7IqgL+Lw0qHaY15Btw4gfK756g/YTYLZEt4tTvR1y6RnK/wdpE3sa68bFTLVBNCGTyiTiDQ==", - "dev": true, - "optional": true - }, - "@nx/nx-linux-x64-musl": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-linux-x64-musl/-/nx-linux-x64-musl-16.5.1.tgz", - "integrity": "sha512-zF/exnPqFYbrLAduGhTmZ7zNEyADid2bzNQiIjJkh8Y6NpDwrQIwVIyvIxqynsjMrIs51kBH+8TUjKjj2Jgf5A==", - "dev": true, - "optional": true - }, - "@nx/nx-win32-arm64-msvc": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-win32-arm64-msvc/-/nx-win32-arm64-msvc-16.5.1.tgz", - "integrity": "sha512-qtqiLS9Y9TYyAbbpq58kRoOroko4ZXg5oWVqIWFHoxc5bGPweQSJCROEqd1AOl2ZDC6BxfuVHfhDDop1kK05WA==", - "dev": true, - "optional": true - }, - "@nx/nx-win32-x64-msvc": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/@nx/nx-win32-x64-msvc/-/nx-win32-x64-msvc-16.5.1.tgz", - "integrity": "sha512-kUJBLakK7iyA9WfsGGQBVennA4jwf5XIgm0lu35oMOphtZIluvzItMt0EYBmylEROpmpEIhHq0P6J9FA+WH0Rg==", - "dev": true, - "optional": true - }, - "@parcel/watcher": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.0.4.tgz", - "integrity": "sha512-cTDi+FUDBIUOBKEtj+nhiJ71AZVlkAsQFuGQTun5tV9mwQBQgZvhCzG+URPQc8myeN32yRVZEfVAPCs1RW+Jvg==", - "dev": true, - "requires": { - "node-addon-api": "^3.2.1", - "node-gyp-build": "^4.3.0" - } - }, - "@pkgjs/parseargs": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", - "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", - "dev": true, - "optional": true - }, - "@rollup/plugin-json": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-6.0.0.tgz", - "integrity": "sha512-i/4C5Jrdr1XUarRhVu27EEwjt4GObltD7c+MkCIpO2QIbojw8MUs+CCTqOphQi3Qtg1FLmYt+l+6YeoIf51J7w==", - "dev": true, - "requires": { - "@rollup/pluginutils": "^5.0.1" - } - }, - "@rollup/plugin-node-resolve": { - "version": "15.1.0", - "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.1.0.tgz", - "integrity": "sha512-xeZHCgsiZ9pzYVgAo9580eCGqwh/XCEUM9q6iQfGNocjgkufHAqC3exA+45URvhiYV8sBF9RlBai650eNs7AsA==", - "dev": true, - "requires": { - "@rollup/pluginutils": "^5.0.1", - "@types/resolve": "1.20.2", - "deepmerge": "^4.2.2", - "is-builtin-module": "^3.2.1", - "is-module": "^1.0.0", - "resolve": "^1.22.1" - } - }, - "@rollup/pluginutils": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.0.2.tgz", - "integrity": "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==", - "dev": true, - "requires": { - "@types/estree": "^1.0.0", - "estree-walker": "^2.0.2", - "picomatch": "^2.3.1" - } - }, - "@schematics/angular": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-16.2.0.tgz", - "integrity": "sha512-Ib0/ZCkjWt7a5p3209JVwEWwf41v03K3ylvlxLIEo1ZGijAZAlrBj4GrA5YQ+TmPm2hRyt+owss7x91/x+i0Gw==", - "dev": true, - "requires": { - "@angular-devkit/core": "16.2.0", - "@angular-devkit/schematics": "16.2.0", - "jsonc-parser": "3.2.0" - } - }, - "@sigstore/bundle": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@sigstore/bundle/-/bundle-1.1.0.tgz", - "integrity": "sha512-PFutXEy0SmQxYI4texPw3dd2KewuNqv7OuK1ZFtY2fM754yhvG2KdgwIhRnoEE2uHdtdGNQ8s0lb94dW9sELog==", - "dev": true, - "requires": { - "@sigstore/protobuf-specs": "^0.2.0" - } - }, - "@sigstore/protobuf-specs": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/@sigstore/protobuf-specs/-/protobuf-specs-0.2.0.tgz", - "integrity": "sha512-8ZhZKAVfXjIspDWwm3D3Kvj0ddbJ0HqDZ/pOs5cx88HpT8mVsotFrg7H1UMnXOuDHz6Zykwxn4mxG3QLuN+RUg==", - "dev": true - }, - "@sigstore/sign": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/@sigstore/sign/-/sign-1.0.0.tgz", - "integrity": "sha512-INxFVNQteLtcfGmcoldzV6Je0sbbfh9I16DM4yJPw3j5+TFP8X6uIiA18mvpEa9yyeycAKgPmOA3X9hVdVTPUA==", - "dev": true, - "requires": { - "@sigstore/bundle": "^1.1.0", - "@sigstore/protobuf-specs": "^0.2.0", - "make-fetch-happen": "^11.0.1" - } - }, - "@sigstore/tuf": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/@sigstore/tuf/-/tuf-1.0.3.tgz", - "integrity": "sha512-2bRovzs0nJZFlCN3rXirE4gwxCn97JNjMmwpecqlbgV9WcxX7WRuIrgzx/X7Ib7MYRbyUTpBYE0s2x6AmZXnlg==", - "dev": true, - "requires": { - "@sigstore/protobuf-specs": "^0.2.0", - "tuf-js": "^1.1.7" - } - }, - "@sinclair/typebox": { - "version": "0.27.8", - "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz", - "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==", - "dev": true - }, - "@socket.io/component-emitter": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz", - "integrity": "sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg==", - "dev": true - }, - "@stackblitz/sdk": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/@stackblitz/sdk/-/sdk-1.9.0.tgz", - "integrity": "sha512-3m6C7f8pnR5KXys/Hqx2x6ylnpqOak6HtnZI6T5keEO0yT+E4Spkw37VEbdwuC+2oxmjdgq6YZEgiKX7hM1GmQ==", - "dev": true - }, - "@tootallnate/once": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz", - "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==", - "dev": true - }, - "@tufjs/canonical-json": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/@tufjs/canonical-json/-/canonical-json-1.0.0.tgz", - "integrity": "sha512-QTnf++uxunWvG2z3UFNzAoQPHxnSXOwtaI3iJ+AohhV+5vONuArPjJE7aPXPVXfXJsqrVbZBu9b81AJoSd09IQ==", - "dev": true - }, - "@tufjs/models": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/@tufjs/models/-/models-1.0.4.tgz", - "integrity": "sha512-qaGV9ltJP0EO25YfFUPhxRVK0evXFIAGicsVXuRim4Ed9cjPxYhNnNJ49SFmbeLgtxpslIkX317IgpfcHPVj/A==", - "dev": true, - "requires": { - "@tufjs/canonical-json": "1.0.0", - "minimatch": "^9.0.0" - }, - "dependencies": { - "brace-expansion": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", - "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", - "dev": true, - "requires": { - "balanced-match": "^1.0.0" - } - }, - "minimatch": { - "version": "9.0.3", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", - "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", - "dev": true, - "requires": { - "brace-expansion": "^2.0.1" - } - } - } - }, - "@types/body-parser": { - "version": "1.19.2", - "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.2.tgz", - "integrity": "sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==", - "dev": true, - "requires": { - "@types/connect": "*", - "@types/node": "*" - } - }, - "@types/bonjour": { - "version": "3.5.10", - "resolved": "https://registry.npmjs.org/@types/bonjour/-/bonjour-3.5.10.tgz", - "integrity": "sha512-p7ienRMiS41Nu2/igbJxxLDWrSZ0WxM8UQgCeO9KhoVF7cOVFkrKsiDr1EsJIla8vV3oEEjGcz11jc5yimhzZw==", - "dev": true, - "requires": { - "@types/node": "*" - } - }, - "@types/connect": { - "version": "3.4.35", - "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.35.tgz", - "integrity": "sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==", - "dev": true, - "requires": { - "@types/node": "*" - } - }, - "@types/connect-history-api-fallback": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.0.tgz", - "integrity": "sha512-4x5FkPpLipqwthjPsF7ZRbOv3uoLUFkTA9G9v583qi4pACvq0uTELrB8OLUzPWUI4IJIyvM85vzkV1nyiI2Lig==", - "dev": true, - "requires": { - "@types/express-serve-static-core": "*", - "@types/node": "*" - } - }, - "@types/cookie": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.4.1.tgz", - "integrity": "sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q==", - "dev": true - }, - "@types/cors": { - "version": "2.8.13", - "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.13.tgz", - "integrity": "sha512-RG8AStHlUiV5ysZQKq97copd2UmVYw3/pRMLefISZ3S1hK104Cwm7iLQ3fTKx+lsUH2CE8FlLaYeEA2LSeqYUA==", - "dev": true, - "requires": { - "@types/node": "*" - } - }, - "@types/eslint": { - "version": "8.44.2", - "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.44.2.tgz", - "integrity": "sha512-sdPRb9K6iL5XZOmBubg8yiFp5yS/JdUDQsq5e6h95km91MCYMuvp7mh1fjPEYUhvHepKpZOjnEaMBR4PxjWDzg==", - "dev": true, - "requires": { - "@types/estree": "*", - "@types/json-schema": "*" - } - }, - "@types/eslint-scope": { - "version": "3.7.4", - "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.4.tgz", - "integrity": "sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA==", - "dev": true, - "requires": { - "@types/eslint": "*", - "@types/estree": "*" - } - }, - "@types/estree": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.1.tgz", - "integrity": "sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==", - "dev": true - }, - "@types/express": { - "version": "4.17.17", - "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.17.tgz", - "integrity": "sha512-Q4FmmuLGBG58btUnfS1c1r/NQdlp3DMfGDGig8WhfpA2YRUtEkxAjkZb0yvplJGYdF1fsQ81iMDcH24sSCNC/Q==", - "dev": true, - "requires": { - "@types/body-parser": "*", - "@types/express-serve-static-core": "^4.17.33", - "@types/qs": "*", - "@types/serve-static": "*" - } - }, - "@types/express-serve-static-core": { - "version": "4.17.35", - "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.35.tgz", - "integrity": "sha512-wALWQwrgiB2AWTT91CB62b6Yt0sNHpznUXeZEcnPU3DRdlDIz74x8Qg1UUYKSVFi+va5vKOLYRBI1bRKiLLKIg==", - "dev": true, - "requires": { - "@types/node": "*", - "@types/qs": "*", - "@types/range-parser": "*", - "@types/send": "*" - } - }, - "@types/http-errors": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.1.tgz", - "integrity": "sha512-/K3ds8TRAfBvi5vfjuz8y6+GiAYBZ0x4tXv1Av6CWBWn0IlADc+ZX9pMq7oU0fNQPnBwIZl3rmeLp6SBApbxSQ==", - "dev": true - }, - "@types/http-proxy": { - "version": "1.17.11", - "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.11.tgz", - "integrity": "sha512-HC8G7c1WmaF2ekqpnFq626xd3Zz0uvaqFmBJNRZCGEZCXkvSdJoNFn/8Ygbd9fKNQj8UzLdCETaI0UWPAjK7IA==", - "dev": true, - "requires": { - "@types/node": "*" - } - }, - "@types/istanbul-lib-coverage": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz", - "integrity": "sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==", - "dev": true - }, - "@types/istanbul-lib-report": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz", - "integrity": "sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==", - "dev": true, - "requires": { - "@types/istanbul-lib-coverage": "*" - } - }, - "@types/istanbul-reports": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.1.tgz", - "integrity": "sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw==", - "dev": true, - "requires": { - "@types/istanbul-lib-report": "*" - } - }, - "@types/jasmine": { - "version": "4.3.5", - "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-4.3.5.tgz", - "integrity": "sha512-9YHUdvuNDDRJYXZwHqSsO72Ok0vmqoJbNn73ttyITQp/VA60SarnZ+MPLD37rJAhVoKp+9BWOvJP5tHIRfZylQ==", - "dev": true - }, - "@types/jest": { - "version": "29.5.3", - "resolved": "https://registry.npmjs.org/@types/jest/-/jest-29.5.3.tgz", - "integrity": "sha512-1Nq7YrO/vJE/FYnqYyw0FS8LdrjExSgIiHyKg7xPpn+yi8Q4huZryKnkJatN1ZRH89Kw2v33/8ZMB7DuZeSLlA==", - "dev": true, - "requires": { - "expect": "^29.0.0", - "pretty-format": "^29.0.0" - } - }, - "@types/json-schema": { - "version": "7.0.12", - "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz", - "integrity": "sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==", - "dev": true - }, - "@types/json5": { - "version": "0.0.29", - "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz", - "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==", - "dev": true - }, - "@types/mime": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz", - "integrity": "sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==", - "dev": true - }, - "@types/node": { - "version": "12.20.55", - "resolved": "https://registry.npmjs.org/@types/node/-/node-12.20.55.tgz", - "integrity": "sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==", - "dev": true - }, - "@types/prop-types": { - "version": "15.7.5", - "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz", - "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==" - }, - "@types/qs": { - "version": "6.9.7", - "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.7.tgz", - "integrity": "sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==", - "dev": true - }, - "@types/raf": { - "version": "3.4.0", - "resolved": "https://registry.npmjs.org/@types/raf/-/raf-3.4.0.tgz", - "integrity": "sha512-taW5/WYqo36N7V39oYyHP9Ipfd5pNFvGTIQsNGj86xV88YQ7GnI30/yMfKDF7Zgin0m3e+ikX88FvImnK4RjGw==", - "dev": true, - "optional": true - }, - "@types/range-parser": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.4.tgz", - "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==", - "dev": true - }, - "@types/react": { - "version": "18.2.20", - "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.20.tgz", - "integrity": "sha512-WKNtmsLWJM/3D5mG4U84cysVY31ivmyw85dE84fOCk5Hx78wezB/XEjVPWl2JTZ5FkEeaTJf+VgUAUn3PE7Isw==", - "requires": { - "@types/prop-types": "*", - "@types/scheduler": "*", - "csstype": "^3.0.2" - } - }, - "@types/resolve": { - "version": "1.20.2", - "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz", - "integrity": "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==", - "dev": true - }, - "@types/retry": { - "version": "0.12.0", - "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.0.tgz", - "integrity": "sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==", - "dev": true - }, - "@types/scheduler": { - "version": "0.16.3", - "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz", - "integrity": "sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==" - }, - "@types/semver": { - "version": "7.5.0", - "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz", - "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==", - "dev": true - }, - "@types/send": { - "version": "0.17.1", - "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.1.tgz", - "integrity": "sha512-Cwo8LE/0rnvX7kIIa3QHCkcuF21c05Ayb0ZfxPiv0W8VRiZiNW/WuRupHKpqqGVGf7SUA44QSOUKaEd9lIrd/Q==", - "dev": true, - "requires": { - "@types/mime": "^1", - "@types/node": "*" - } - }, - "@types/serve-index": { - "version": "1.9.1", - "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.1.tgz", - "integrity": "sha512-d/Hs3nWDxNL2xAczmOVZNj92YZCS6RGxfBPjKzuu/XirCgXdpKEb88dYNbrYGint6IVWLNP+yonwVAuRC0T2Dg==", - "dev": true, - "requires": { - "@types/express": "*" - } - }, - "@types/serve-static": { - "version": "1.15.2", - "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.2.tgz", - "integrity": "sha512-J2LqtvFYCzaj8pVYKw8klQXrLLk7TBZmQ4ShlcdkELFKGwGMfevMLneMMRkMgZxotOD9wg497LpC7O8PcvAmfw==", - "dev": true, - "requires": { - "@types/http-errors": "*", - "@types/mime": "*", - "@types/node": "*" - } - }, - "@types/sockjs": { - "version": "0.3.33", - "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.33.tgz", - "integrity": "sha512-f0KEEe05NvUnat+boPTZ0dgaLZ4SfSouXUgv5noUiefG2ajgKjmETo9ZJyuqsl7dfl2aHlLJUiki6B4ZYldiiw==", - "dev": true, - "requires": { - "@types/node": "*" - } - }, - "@types/stack-utils": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.1.tgz", - "integrity": "sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==", - "dev": true - }, - "@types/ws": { - "version": "8.5.5", - "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.5.tgz", - "integrity": "sha512-lwhs8hktwxSjf9UaZ9tG5M03PGogvFaH8gUgLNbN9HKIg0dvv6q+gkSuJ8HN4/VbyxkuLzCjlN7GquQ0gUJfIg==", - "dev": true, - "requires": { - "@types/node": "*" - } - }, - "@types/yargs": { - "version": "17.0.24", - "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.24.tgz", - "integrity": "sha512-6i0aC7jV6QzQB8ne1joVZ0eSFIstHsCrobmOtghM11yGlH0j43FKL2UhWdELkyps0zuf7qVTUVCCR+tgSlyLLw==", - "dev": true, - "requires": { - "@types/yargs-parser": "*" - } - }, - "@types/yargs-parser": { - "version": "21.0.0", - "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.0.tgz", - "integrity": "sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==", - "dev": true - }, - "@typescript-eslint/eslint-plugin": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.6.0.tgz", - "integrity": "sha512-CW9YDGTQnNYMIo5lMeuiIG08p4E0cXrXTbcZ2saT/ETE7dWUrNxlijsQeU04qAAKkILiLzdQz+cGFxCJjaZUmA==", - "dev": true, - "requires": { - "@eslint-community/regexpp": "^4.5.1", - "@typescript-eslint/scope-manager": "6.6.0", - "@typescript-eslint/type-utils": "6.6.0", - "@typescript-eslint/utils": "6.6.0", - "@typescript-eslint/visitor-keys": "6.6.0", - "debug": "^4.3.4", - "graphemer": "^1.4.0", - "ignore": "^5.2.4", - "natural-compare": "^1.4.0", - "semver": "^7.5.4", - "ts-api-utils": "^1.0.1" - }, - "dependencies": { - "@typescript-eslint/scope-manager": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.6.0.tgz", - "integrity": "sha512-pT08u5W/GT4KjPUmEtc2kSYvrH8x89cVzkA0Sy2aaOUIw6YxOIjA8ilwLr/1fLjOedX1QAuBpG9XggWqIIfERw==", - "dev": true, - "requires": { - "@typescript-eslint/types": "6.6.0", - "@typescript-eslint/visitor-keys": "6.6.0" - } - }, - "@typescript-eslint/type-utils": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.6.0.tgz", - "integrity": "sha512-8m16fwAcEnQc69IpeDyokNO+D5spo0w1jepWWY2Q6y5ZKNuj5EhVQXjtVAeDDqvW6Yg7dhclbsz6rTtOvcwpHg==", - "dev": true, - "requires": { - "@typescript-eslint/typescript-estree": "6.6.0", - "@typescript-eslint/utils": "6.6.0", - "debug": "^4.3.4", - "ts-api-utils": "^1.0.1" - } - }, - "@typescript-eslint/types": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.6.0.tgz", - "integrity": "sha512-CB6QpJQ6BAHlJXdwUmiaXDBmTqIE2bzGTDLADgvqtHWuhfNP3rAOK7kAgRMAET5rDRr9Utt+qAzRBdu3AhR3sg==", - "dev": true - }, - "@typescript-eslint/typescript-estree": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.6.0.tgz", - "integrity": "sha512-hMcTQ6Al8MP2E6JKBAaSxSVw5bDhdmbCEhGW/V8QXkb9oNsFkA4SBuOMYVPxD3jbtQ4R/vSODBsr76R6fP3tbA==", - "dev": true, - "requires": { - "@typescript-eslint/types": "6.6.0", - "@typescript-eslint/visitor-keys": "6.6.0", - "debug": "^4.3.4", - "globby": "^11.1.0", - "is-glob": "^4.0.3", - "semver": "^7.5.4", - "ts-api-utils": "^1.0.1" - } - }, - "@typescript-eslint/utils": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.6.0.tgz", - "integrity": "sha512-mPHFoNa2bPIWWglWYdR0QfY9GN0CfvvXX1Sv6DlSTive3jlMTUy+an67//Gysc+0Me9pjitrq0LJp0nGtLgftw==", - "dev": true, - "requires": { - "@eslint-community/eslint-utils": "^4.4.0", - "@types/json-schema": "^7.0.12", - "@types/semver": "^7.5.0", - "@typescript-eslint/scope-manager": "6.6.0", - "@typescript-eslint/types": "6.6.0", - "@typescript-eslint/typescript-estree": "6.6.0", - "semver": "^7.5.4" - } - }, - "@typescript-eslint/visitor-keys": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.6.0.tgz", - "integrity": "sha512-L61uJT26cMOfFQ+lMZKoJNbAEckLe539VhTxiGHrWl5XSKQgA0RTBZJW2HFPy5T0ZvPVSD93QsrTKDkfNwJGyQ==", - "dev": true, - "requires": { - "@typescript-eslint/types": "6.6.0", - "eslint-visitor-keys": "^3.4.1" - } - } - } - }, - "@typescript-eslint/parser": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.6.0.tgz", - "integrity": "sha512-setq5aJgUwtzGrhW177/i+DMLqBaJbdwGj2CPIVFFLE0NCliy5ujIdLHd2D1ysmlmsjdL2GWW+hR85neEfc12w==", - "dev": true, - "peer": true, - "requires": { - "@typescript-eslint/scope-manager": "6.6.0", - "@typescript-eslint/types": "6.6.0", - "@typescript-eslint/typescript-estree": "6.6.0", - "@typescript-eslint/visitor-keys": "6.6.0", - "debug": "^4.3.4" - }, - "dependencies": { - "@typescript-eslint/scope-manager": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.6.0.tgz", - "integrity": "sha512-pT08u5W/GT4KjPUmEtc2kSYvrH8x89cVzkA0Sy2aaOUIw6YxOIjA8ilwLr/1fLjOedX1QAuBpG9XggWqIIfERw==", - "dev": true, - "peer": true, - "requires": { - "@typescript-eslint/types": "6.6.0", - "@typescript-eslint/visitor-keys": "6.6.0" - } - }, - "@typescript-eslint/types": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.6.0.tgz", - "integrity": "sha512-CB6QpJQ6BAHlJXdwUmiaXDBmTqIE2bzGTDLADgvqtHWuhfNP3rAOK7kAgRMAET5rDRr9Utt+qAzRBdu3AhR3sg==", - "dev": true, - "peer": true - }, - "@typescript-eslint/typescript-estree": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.6.0.tgz", - "integrity": "sha512-hMcTQ6Al8MP2E6JKBAaSxSVw5bDhdmbCEhGW/V8QXkb9oNsFkA4SBuOMYVPxD3jbtQ4R/vSODBsr76R6fP3tbA==", - "dev": true, - "peer": true, - "requires": { - "@typescript-eslint/types": "6.6.0", - "@typescript-eslint/visitor-keys": "6.6.0", - "debug": "^4.3.4", - "globby": "^11.1.0", - "is-glob": "^4.0.3", - "semver": "^7.5.4", - "ts-api-utils": "^1.0.1" - } - }, - "@typescript-eslint/visitor-keys": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.6.0.tgz", - "integrity": "sha512-L61uJT26cMOfFQ+lMZKoJNbAEckLe539VhTxiGHrWl5XSKQgA0RTBZJW2HFPy5T0ZvPVSD93QsrTKDkfNwJGyQ==", - "dev": true, - "peer": true, - "requires": { - "@typescript-eslint/types": "6.6.0", - "eslint-visitor-keys": "^3.4.1" - } - } - } - }, - "@typescript-eslint/scope-manager": { - "version": "5.62.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz", - "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==", - "dev": true, - "requires": { - "@typescript-eslint/types": "5.62.0", - "@typescript-eslint/visitor-keys": "5.62.0" - } - }, - "@typescript-eslint/type-utils": { - "version": "5.62.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz", - "integrity": "sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==", - "dev": true, - "requires": { - "@typescript-eslint/typescript-estree": "5.62.0", - "@typescript-eslint/utils": "5.62.0", - "debug": "^4.3.4", - "tsutils": "^3.21.0" - } - }, - "@typescript-eslint/types": { - "version": "5.62.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz", - "integrity": "sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==", - "dev": true - }, - "@typescript-eslint/typescript-estree": { - "version": "5.62.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz", - "integrity": "sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==", - "dev": true, - "requires": { - "@typescript-eslint/types": "5.62.0", - "@typescript-eslint/visitor-keys": "5.62.0", - "debug": "^4.3.4", - "globby": "^11.1.0", - "is-glob": "^4.0.3", - "semver": "^7.3.7", - "tsutils": "^3.21.0" - } - }, - "@typescript-eslint/utils": { - "version": "5.62.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz", - "integrity": "sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==", - "dev": true, - "requires": { - "@eslint-community/eslint-utils": "^4.2.0", - "@types/json-schema": "^7.0.9", - "@types/semver": "^7.3.12", - "@typescript-eslint/scope-manager": "5.62.0", - "@typescript-eslint/types": "5.62.0", - "@typescript-eslint/typescript-estree": "5.62.0", - "eslint-scope": "^5.1.1", - "semver": "^7.3.7" - }, - "dependencies": { - "eslint-scope": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", - "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==", - "dev": true, - "requires": { - "esrecurse": "^4.3.0", - "estraverse": "^4.1.1" - } - }, - "estraverse": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz", - "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==", - "dev": true - } - } - }, - "@typescript-eslint/visitor-keys": { - "version": "5.62.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz", - "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==", - "dev": true, - "requires": { - "@typescript-eslint/types": "5.62.0", - "eslint-visitor-keys": "^3.3.0" - } - }, - "@webassemblyjs/ast": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.6.tgz", - "integrity": "sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==", - "dev": true, - "requires": { - "@webassemblyjs/helper-numbers": "1.11.6", - "@webassemblyjs/helper-wasm-bytecode": "1.11.6" - } - }, - "@webassemblyjs/floating-point-hex-parser": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz", - "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==", - "dev": true - }, - "@webassemblyjs/helper-api-error": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz", - "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==", - "dev": true - }, - "@webassemblyjs/helper-buffer": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.6.tgz", - "integrity": "sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==", - "dev": true - }, - "@webassemblyjs/helper-numbers": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz", - "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==", - "dev": true, - "requires": { - "@webassemblyjs/floating-point-hex-parser": "1.11.6", - "@webassemblyjs/helper-api-error": "1.11.6", - "@xtuc/long": "4.2.2" - } - }, - "@webassemblyjs/helper-wasm-bytecode": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz", - "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==", - "dev": true - }, - "@webassemblyjs/helper-wasm-section": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.6.tgz", - "integrity": "sha512-LPpZbSOwTpEC2cgn4hTydySy1Ke+XEu+ETXuoyvuyezHO3Kjdu90KK95Sh9xTbmjrCsUwvWwCOQQNta37VrS9g==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.11.6", - "@webassemblyjs/helper-buffer": "1.11.6", - "@webassemblyjs/helper-wasm-bytecode": "1.11.6", - "@webassemblyjs/wasm-gen": "1.11.6" - } - }, - "@webassemblyjs/ieee754": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz", - "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==", - "dev": true, - "requires": { - "@xtuc/ieee754": "^1.2.0" - } - }, - "@webassemblyjs/leb128": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz", - "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==", - "dev": true, - "requires": { - "@xtuc/long": "4.2.2" - } - }, - "@webassemblyjs/utf8": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz", - "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==", - "dev": true - }, - "@webassemblyjs/wasm-edit": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.6.tgz", - "integrity": "sha512-Ybn2I6fnfIGuCR+Faaz7YcvtBKxvoLV3Lebn1tM4o/IAJzmi9AWYIPWpyBfU8cC+JxAO57bk4+zdsTjJR+VTOw==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.11.6", - "@webassemblyjs/helper-buffer": "1.11.6", - "@webassemblyjs/helper-wasm-bytecode": "1.11.6", - "@webassemblyjs/helper-wasm-section": "1.11.6", - "@webassemblyjs/wasm-gen": "1.11.6", - "@webassemblyjs/wasm-opt": "1.11.6", - "@webassemblyjs/wasm-parser": "1.11.6", - "@webassemblyjs/wast-printer": "1.11.6" - } - }, - "@webassemblyjs/wasm-gen": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.6.tgz", - "integrity": "sha512-3XOqkZP/y6B4F0PBAXvI1/bky7GryoogUtfwExeP/v7Nzwo1QLcq5oQmpKlftZLbT+ERUOAZVQjuNVak6UXjPA==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.11.6", - "@webassemblyjs/helper-wasm-bytecode": "1.11.6", - "@webassemblyjs/ieee754": "1.11.6", - "@webassemblyjs/leb128": "1.11.6", - "@webassemblyjs/utf8": "1.11.6" - } - }, - "@webassemblyjs/wasm-opt": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.6.tgz", - "integrity": "sha512-cOrKuLRE7PCe6AsOVl7WasYf3wbSo4CeOk6PkrjS7g57MFfVUF9u6ysQBBODX0LdgSvQqRiGz3CXvIDKcPNy4g==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.11.6", - "@webassemblyjs/helper-buffer": "1.11.6", - "@webassemblyjs/wasm-gen": "1.11.6", - "@webassemblyjs/wasm-parser": "1.11.6" - } - }, - "@webassemblyjs/wasm-parser": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.6.tgz", - "integrity": "sha512-6ZwPeGzMJM3Dqp3hCsLgESxBGtT/OeCvCZ4TA1JUPYgmhAx38tTPR9JaKy0S5H3evQpO/h2uWs2j6Yc/fjkpTQ==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.11.6", - "@webassemblyjs/helper-api-error": "1.11.6", - "@webassemblyjs/helper-wasm-bytecode": "1.11.6", - "@webassemblyjs/ieee754": "1.11.6", - "@webassemblyjs/leb128": "1.11.6", - "@webassemblyjs/utf8": "1.11.6" - } - }, - "@webassemblyjs/wast-printer": { - "version": "1.11.6", - "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.6.tgz", - "integrity": "sha512-JM7AhRcE+yW2GWYaKeHL5vt4xqee5N2WcezptmgyhNS+ScggqcT1OtXykhAb13Sn5Yas0j2uv9tHgrjwvzAP4A==", - "dev": true, - "requires": { - "@webassemblyjs/ast": "1.11.6", - "@xtuc/long": "4.2.2" - } - }, - "@wessberg/ts-evaluator": { - "version": "0.0.27", - "resolved": "https://registry.npmjs.org/@wessberg/ts-evaluator/-/ts-evaluator-0.0.27.tgz", - "integrity": "sha512-7gOpVm3yYojUp/Yn7F4ZybJRxyqfMNf0LXK5KJiawbPfL0XTsJV+0mgrEDjOIR6Bi0OYk2Cyg4tjFu1r8MCZaA==", - "dev": true, - "requires": { - "chalk": "^4.1.0", - "jsdom": "^16.4.0", - "object-path": "^0.11.5", - "tslib": "^2.0.3" - }, - "dependencies": { - "@tootallnate/once": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz", - "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==", - "dev": true - }, - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "cssstyle": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz", - "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==", - "dev": true, - "requires": { - "cssom": "~0.3.6" - }, - "dependencies": { - "cssom": { - "version": "0.3.8", - "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz", - "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==", - "dev": true - } - } - }, - "data-urls": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-2.0.0.tgz", - "integrity": "sha512-X5eWTSXO/BJmpdIKCRuKUgSCgAN0OwliVK3yPKbwIWU1Tdw5BRajxlzMidvh+gwko9AfQ9zIj52pzF91Q3YAvQ==", - "dev": true, - "requires": { - "abab": "^2.0.3", - "whatwg-mimetype": "^2.3.0", - "whatwg-url": "^8.0.0" - } - }, - "domexception": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/domexception/-/domexception-2.0.1.tgz", - "integrity": "sha512-yxJ2mFy/sibVQlu5qHjOkf9J3K6zgmCxgJ94u2EdvDOV09H+32LtRswEcUsmUWN72pVLOEnTSRaIVVzVQgS0dg==", - "dev": true, - "requires": { - "webidl-conversions": "^5.0.0" - }, - "dependencies": { - "webidl-conversions": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-5.0.0.tgz", - "integrity": "sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==", - "dev": true - } - } - }, - "form-data": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/form-data/-/form-data-3.0.1.tgz", - "integrity": "sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==", - "dev": true, - "requires": { - "asynckit": "^0.4.0", - "combined-stream": "^1.0.8", - "mime-types": "^2.1.12" - } - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "html-encoding-sniffer": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz", - "integrity": "sha512-D5JbOMBIR/TVZkubHT+OyT2705QvogUW4IBn6nHd756OwieSF9aDYFj4dv6HHEVGYbHaLETa3WggZYWWMyy3ZQ==", - "dev": true, - "requires": { - "whatwg-encoding": "^1.0.5" - } - }, - "http-proxy-agent": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz", - "integrity": "sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==", - "dev": true, - "requires": { - "@tootallnate/once": "1", - "agent-base": "6", - "debug": "4" - } - }, - "jsdom": { - "version": "16.7.0", - "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-16.7.0.tgz", - "integrity": "sha512-u9Smc2G1USStM+s/x1ru5Sxrl6mPYCbByG1U/hUmqaVsm4tbNyS7CicOSRyuGQYZhTu0h84qkZZQ/I+dzizSVw==", - "dev": true, - "requires": { - "abab": "^2.0.5", - "acorn": "^8.2.4", - "acorn-globals": "^6.0.0", - "cssom": "^0.4.4", - "cssstyle": "^2.3.0", - "data-urls": "^2.0.0", - "decimal.js": "^10.2.1", - "domexception": "^2.0.1", - "escodegen": "^2.0.0", - "form-data": "^3.0.0", - "html-encoding-sniffer": "^2.0.1", - "http-proxy-agent": "^4.0.1", - "https-proxy-agent": "^5.0.0", - "is-potential-custom-element-name": "^1.0.1", - "nwsapi": "^2.2.0", - "parse5": "6.0.1", - "saxes": "^5.0.1", - "symbol-tree": "^3.2.4", - "tough-cookie": "^4.0.0", - "w3c-hr-time": "^1.0.2", - "w3c-xmlserializer": "^2.0.0", - "webidl-conversions": "^6.1.0", - "whatwg-encoding": "^1.0.5", - "whatwg-mimetype": "^2.3.0", - "whatwg-url": "^8.5.0", - "ws": "^7.4.6", - "xml-name-validator": "^3.0.0" - } - }, - "parse5": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/parse5/-/parse5-6.0.1.tgz", - "integrity": "sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==", - "dev": true - }, - "saxes": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/saxes/-/saxes-5.0.1.tgz", - "integrity": "sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==", - "dev": true, - "requires": { - "xmlchars": "^2.2.0" - } - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - }, - "tr46": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/tr46/-/tr46-2.1.0.tgz", - "integrity": "sha512-15Ih7phfcdP5YxqiB+iDtLoaTz4Nd35+IiAv0kQ5FNKHzXgdWqPoTIqEDDJmXceQt4JZk6lVPT8lnDlPpGDppw==", - "dev": true, - "requires": { - "punycode": "^2.1.1" - } - }, - "w3c-xmlserializer": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz", - "integrity": "sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==", - "dev": true, - "requires": { - "xml-name-validator": "^3.0.0" - } - }, - "webidl-conversions": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-6.1.0.tgz", - "integrity": "sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==", - "dev": true - }, - "whatwg-encoding": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz", - "integrity": "sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==", - "dev": true, - "requires": { - "iconv-lite": "0.4.24" - } - }, - "whatwg-mimetype": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz", - "integrity": "sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==", - "dev": true - }, - "whatwg-url": { - "version": "8.7.0", - "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-8.7.0.tgz", - "integrity": "sha512-gAojqb/m9Q8a5IV96E3fHJM70AzCkgt4uXYX2O7EmuyOnLrViCQlsEBmF9UQIu3/aeAIp2U17rtbpZWNntQqdg==", - "dev": true, - "requires": { - "lodash": "^4.7.0", - "tr46": "^2.1.0", - "webidl-conversions": "^6.1.0" - } - }, - "ws": { - "version": "7.5.9", - "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz", - "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==", - "dev": true, - "requires": {} - }, - "xml-name-validator": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-3.0.0.tgz", - "integrity": "sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==", - "dev": true - } - } - }, - "@xtuc/ieee754": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", - "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==", - "dev": true - }, - "@xtuc/long": { - "version": "4.2.2", - "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz", - "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==", - "dev": true - }, - "@yarnpkg/lockfile": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz", - "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==", - "dev": true - }, - "@yarnpkg/parsers": { - "version": "3.0.0-rc.46", - "resolved": "https://registry.npmjs.org/@yarnpkg/parsers/-/parsers-3.0.0-rc.46.tgz", - "integrity": "sha512-aiATs7pSutzda/rq8fnuPwTglyVwjM22bNnK2ZgjrpAjQHSSl3lztd2f9evst1W/qnC58DRz7T7QndUDumAR4Q==", - "dev": true, - "requires": { - "js-yaml": "^3.10.0", - "tslib": "^2.4.0" - } - }, - "@zkochan/js-yaml": { - "version": "0.0.6", - "resolved": "https://registry.npmjs.org/@zkochan/js-yaml/-/js-yaml-0.0.6.tgz", - "integrity": "sha512-nzvgl3VfhcELQ8LyVrYOru+UtAy1nrygk2+AGbTm8a5YcO6o8lSjAT+pfg3vJWxIoZKOUhrK6UU7xW/+00kQrg==", - "dev": true, - "requires": { - "argparse": "^2.0.1" - }, - "dependencies": { - "argparse": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", - "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", - "dev": true - } - } - }, - "abab": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz", - "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==", - "dev": true - }, - "abbrev": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz", - "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==", - "dev": true - }, - "accepts": { - "version": "1.3.8", - "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz", - "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==", - "dev": true, - "requires": { - "mime-types": "~2.1.34", - "negotiator": "0.6.3" - } - }, - "acorn": { - "version": "8.10.0", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz", - "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==", - "dev": true - }, - "acorn-globals": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-6.0.0.tgz", - "integrity": "sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==", - "dev": true, - "requires": { - "acorn": "^7.1.1", - "acorn-walk": "^7.1.1" - }, - "dependencies": { - "acorn": { - "version": "7.4.1", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz", - "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==", - "dev": true - } - } - }, - "acorn-import-assertions": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz", - "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==", - "dev": true, - "requires": {} - }, - "acorn-jsx": { - "version": "5.3.2", - "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", - "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==", - "dev": true, - "requires": {} - }, - "acorn-walk": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz", - "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==", - "dev": true - }, - "adjust-sourcemap-loader": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz", - "integrity": "sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==", - "dev": true, - "requires": { - "loader-utils": "^2.0.0", - "regex-parser": "^2.2.11" - }, - "dependencies": { - "loader-utils": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz", - "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==", - "dev": true, - "requires": { - "big.js": "^5.2.2", - "emojis-list": "^3.0.0", - "json5": "^2.1.2" - } - } - } - }, - "adler-32": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/adler-32/-/adler-32-1.3.1.tgz", - "integrity": "sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==", - "dev": true - }, - "agent-base": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz", - "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==", - "dev": true, - "requires": { - "debug": "4" - } - }, - "agentkeepalive": { - "version": "4.5.0", - "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.5.0.tgz", - "integrity": "sha512-5GG/5IbQQpC9FpkRGsSvZI5QYeSCzlJHdpBQntCsuTOxhKD8lqKhrleg2Yi7yvMIf82Ycmmqln9U8V9qwEiJew==", - "dev": true, - "requires": { - "humanize-ms": "^1.2.1" - } - }, - "aggregate-error": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-4.0.1.tgz", - "integrity": "sha512-0poP0T7el6Vq3rstR8Mn4V/IQrpBLO6POkUSrN7RhyY+GF/InCFShQzsQ39T25gkHhLgSLByyAz+Kjb+c2L98w==", - "dev": true, - "requires": { - "clean-stack": "^4.0.0", - "indent-string": "^5.0.0" - } - }, - "ajv": { - "version": "8.12.0", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz", - "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==", - "dev": true, - "requires": { - "fast-deep-equal": "^3.1.1", - "json-schema-traverse": "^1.0.0", - "require-from-string": "^2.0.2", - "uri-js": "^4.2.2" - } - }, - "ajv-formats": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz", - "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==", - "dev": true, - "requires": { - "ajv": "^8.0.0" - } - }, - "ajv-keywords": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz", - "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==", - "dev": true, - "requires": { - "fast-deep-equal": "^3.1.3" - } - }, - "algoliasearch": { - "version": "4.19.1", - "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-4.19.1.tgz", - "integrity": "sha512-IJF5b93b2MgAzcE/tuzW0yOPnuUyRgGAtaPv5UUywXM8kzqfdwZTO4sPJBzoGz1eOy6H9uEchsJsBFTELZSu+g==", - "requires": { - "@algolia/cache-browser-local-storage": "4.19.1", - "@algolia/cache-common": "4.19.1", - "@algolia/cache-in-memory": "4.19.1", - "@algolia/client-account": "4.19.1", - "@algolia/client-analytics": "4.19.1", - "@algolia/client-common": "4.19.1", - "@algolia/client-personalization": "4.19.1", - "@algolia/client-search": "4.19.1", - "@algolia/logger-common": "4.19.1", - "@algolia/logger-console": "4.19.1", - "@algolia/requester-browser-xhr": "4.19.1", - "@algolia/requester-common": "4.19.1", - "@algolia/requester-node-http": "4.19.1", - "@algolia/transporter": "4.19.1" - } - }, - "ansi-colors": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz", - "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==", - "dev": true - }, - "ansi-cyan": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/ansi-cyan/-/ansi-cyan-0.1.1.tgz", - "integrity": "sha512-eCjan3AVo/SxZ0/MyIYRtkpxIu/H3xZN7URr1vXVrISxeyz8fUFz0FJziamK4sS8I+t35y4rHg1b2PklyBe/7A==", - "dev": true, - "requires": { - "ansi-wrap": "0.1.0" - } - }, - "ansi-escapes": { - "version": "4.3.2", - "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz", - "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==", - "dev": true, - "requires": { - "type-fest": "^0.21.3" - } - }, - "ansi-gray": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/ansi-gray/-/ansi-gray-0.1.1.tgz", - "integrity": "sha512-HrgGIZUl8h2EHuZaU9hTR/cU5nhKxpVE1V6kdGsQ8e4zirElJ5fvtfc8N7Q1oq1aatO275i8pUFUCpNWCAnVWw==", - "dev": true, - "requires": { - "ansi-wrap": "0.1.0" - } - }, - "ansi-html-community": { - "version": "0.0.8", - "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz", - "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==", - "dev": true - }, - "ansi-red": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/ansi-red/-/ansi-red-0.1.1.tgz", - "integrity": "sha512-ewaIr5y+9CUTGFwZfpECUbFlGcC0GCw1oqR9RI6h1gQCd9Aj2GxSckCnPsVJnmfMZbwFYE+leZGASgkWl06Jow==", - "dev": true, - "requires": { - "ansi-wrap": "0.1.0" - } - }, - "ansi-regex": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", - "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", - "dev": true - }, - "ansi-sequence-parser": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/ansi-sequence-parser/-/ansi-sequence-parser-1.1.1.tgz", - "integrity": "sha512-vJXt3yiaUL4UU546s3rPXlsry/RnM730G1+HkpKE012AN0sx1eOrxSu95oKDIonskeLTijMgqWZ3uDEe3NFvyg==", - "dev": true - }, - "ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", - "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", - "dev": true, - "requires": { - "color-convert": "^1.9.0" - } - }, - "ansi-wrap": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/ansi-wrap/-/ansi-wrap-0.1.0.tgz", - "integrity": "sha512-ZyznvL8k/FZeQHr2T6LzcJ/+vBApDnMNZvfVFy3At0knswWd6rJ3/0Hhmpu8oqa6C92npmozs890sX9Dl6q+Qw==", - "dev": true - }, - "anymatch": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", - "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", - "dev": true, - "requires": { - "normalize-path": "^3.0.0", - "picomatch": "^2.0.4" - } - }, - "append-buffer": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/append-buffer/-/append-buffer-1.0.2.tgz", - "integrity": "sha512-WLbYiXzD3y/ATLZFufV/rZvWdZOs+Z/+5v1rBZ463Jn398pa6kcde27cvozYnBoxXblGZTFfoPpsaEw0orU5BA==", - "dev": true, - "requires": { - "buffer-equal": "^1.0.0" - } - }, - "aproba": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz", - "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==", - "dev": true - }, - "archy": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/archy/-/archy-1.0.0.tgz", - "integrity": "sha512-Xg+9RwCg/0p32teKdGMPTPnVXKD0w3DfHnFTficozsAgsvq2XenPJq/MYpzzQ/v8zrOyJn6Ds39VA4JIDwFfqw==", - "dev": true - }, - "are-docs-informative": { - "version": "0.0.2", - "resolved": "https://registry.npmjs.org/are-docs-informative/-/are-docs-informative-0.0.2.tgz", - "integrity": "sha512-ixiS0nLNNG5jNQzgZJNoUpBKdo9yTYZMGJ+QgT2jmjR7G7+QHRCc4v6LQ3NgE7EBJq+o0ams3waJwkrlBom8Ig==", - "dev": true - }, - "are-we-there-yet": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-3.0.1.tgz", - "integrity": "sha512-QZW4EDmGwlYur0Yyf/b2uGucHQMa8aFUP7eu9ddR73vvhFyt4V0Vl3QHPcTNJ8l6qYOBdxgXdnBXQrHilfRQBg==", - "dev": true, - "requires": { - "delegates": "^1.0.0", - "readable-stream": "^3.6.0" - }, - "dependencies": { - "readable-stream": { - "version": "3.6.2", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", - "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", - "dev": true, - "requires": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" - } - } - } - }, - "arg": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz", - "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==", - "dev": true - }, - "argparse": { - "version": "1.0.10", - "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", - "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", - "dev": true, - "requires": { - "sprintf-js": "~1.0.2" - }, - "dependencies": { - "sprintf-js": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", - "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==", - "dev": true - } - } - }, - "aria-query": { - "version": "5.3.0", - "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz", - "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==", - "dev": true, - "requires": { - "dequal": "^2.0.3" - } - }, - "arr-diff": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-1.1.0.tgz", - "integrity": "sha512-OQwDZUqYaQwyyhDJHThmzId8daf4/RFNLaeh3AevmSeZ5Y7ug4Ga/yKc6l6kTZOBW781rCj103ZuTh8GAsB3+Q==", - "dev": true, - "requires": { - "arr-flatten": "^1.0.1", - "array-slice": "^0.2.3" - }, - "dependencies": { - "array-slice": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz", - "integrity": "sha512-rlVfZW/1Ph2SNySXwR9QYkChp8EkOEiTMO5Vwx60usw04i4nWemkm9RXmQqgkQFaLHsqLuADvjp6IfgL9l2M8Q==", - "dev": true - } - } - }, - "arr-filter": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/arr-filter/-/arr-filter-1.1.2.tgz", - "integrity": "sha512-A2BETWCqhsecSvCkWAeVBFLH6sXEUGASuzkpjL3GR1SlL/PWL6M3J8EAAld2Uubmh39tvkJTqC9LeLHCUKmFXA==", - "dev": true, - "requires": { - "make-iterator": "^1.0.0" - } - }, - "arr-flatten": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz", - "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==", - "dev": true - }, - "arr-map": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/arr-map/-/arr-map-2.0.2.tgz", - "integrity": "sha512-tVqVTHt+Q5Xb09qRkbu+DidW1yYzz5izWS2Xm2yFm7qJnmUfz4HPzNxbHkdRJbz2lrqI7S+z17xNYdFcBBO8Hw==", - "dev": true, - "requires": { - "make-iterator": "^1.0.0" - } - }, - "arr-union": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-2.1.0.tgz", - "integrity": "sha512-t5db90jq+qdgk8aFnxEkjqta0B/GHrM1pxzuuZz2zWsOXc5nKu3t+76s/PQBA8FTcM/ipspIH9jWG4OxCBc2eA==", - "dev": true - }, - "array-buffer-byte-length": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz", - "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "is-array-buffer": "^3.0.1" - } - }, - "array-each": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/array-each/-/array-each-1.0.1.tgz", - "integrity": "sha512-zHjL5SZa68hkKHBFBK6DJCTtr9sfTCPCaph/L7tMSLcTFgy+zX7E+6q5UArbtOtMBCtxdICpfTCspRse+ywyXA==", - "dev": true - }, - "array-flatten": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", - "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==", - "dev": true - }, - "array-includes": { - "version": "3.1.6", - "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz", - "integrity": "sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "define-properties": "^1.1.4", - "es-abstract": "^1.20.4", - "get-intrinsic": "^1.1.3", - "is-string": "^1.0.7" - } - }, - "array-initial": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/array-initial/-/array-initial-1.1.0.tgz", - "integrity": "sha512-BC4Yl89vneCYfpLrs5JU2aAu9/a+xWbeKhvISg9PT7eWFB9UlRvI+rKEtk6mgxWr3dSkk9gQ8hCrdqt06NXPdw==", - "dev": true, - "requires": { - "array-slice": "^1.0.0", - "is-number": "^4.0.0" - }, - "dependencies": { - "is-number": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz", - "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==", - "dev": true - } - } - }, - "array-last": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/array-last/-/array-last-1.3.0.tgz", - "integrity": "sha512-eOCut5rXlI6aCOS7Z7kCplKRKyiFQ6dHFBem4PwlwKeNFk2/XxTrhRh5T9PyaEWGy/NHTZWbY+nsZlNFJu9rYg==", - "dev": true, - "requires": { - "is-number": "^4.0.0" - }, - "dependencies": { - "is-number": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz", - "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==", - "dev": true - } - } - }, - "array-slice": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-1.1.0.tgz", - "integrity": "sha512-B1qMD3RBP7O8o0H2KbrXDyB0IccejMF15+87Lvlor12ONPRHP6gTjXMNkt/d3ZuOGbAe66hFmaCfECI24Ufp6w==", - "dev": true - }, - "array-sort": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/array-sort/-/array-sort-1.0.0.tgz", - "integrity": "sha512-ihLeJkonmdiAsD7vpgN3CRcx2J2S0TiYW+IS/5zHBI7mKUq3ySvBdzzBfD236ubDBQFiiyG3SWCPc+msQ9KoYg==", - "dev": true, - "requires": { - "default-compare": "^1.0.0", - "get-value": "^2.0.6", - "kind-of": "^5.0.2" - } - }, - "array-union": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz", - "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==", - "dev": true - }, - "array-unique": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz", - "integrity": "sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==", - "dev": true - }, - "array.prototype.findlastindex": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.2.tgz", - "integrity": "sha512-tb5thFFlUcp7NdNF6/MpDk/1r/4awWG1FIz3YqDf+/zJSTezBb+/5WViH41obXULHVpDzoiCLpJ/ZO9YbJMsdw==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "define-properties": "^1.1.4", - "es-abstract": "^1.20.4", - "es-shim-unscopables": "^1.0.0", - "get-intrinsic": "^1.1.3" - } - }, - "array.prototype.flat": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz", - "integrity": "sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "define-properties": "^1.1.4", - "es-abstract": "^1.20.4", - "es-shim-unscopables": "^1.0.0" - } - }, - "array.prototype.flatmap": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz", - "integrity": "sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "define-properties": "^1.1.4", - "es-abstract": "^1.20.4", - "es-shim-unscopables": "^1.0.0" - } - }, - "arraybuffer.prototype.slice": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.1.tgz", - "integrity": "sha512-09x0ZWFEjj4WD8PDbykUwo3t9arLn8NIzmmYEJFpYekOAQjpkGSyrQhNoRTcwwcFRu+ycWF78QZ63oWTqSjBcw==", - "dev": true, - "requires": { - "array-buffer-byte-length": "^1.0.0", - "call-bind": "^1.0.2", - "define-properties": "^1.2.0", - "get-intrinsic": "^1.2.1", - "is-array-buffer": "^3.0.2", - "is-shared-array-buffer": "^1.0.2" - } - }, - "assign-symbols": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz", - "integrity": "sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==", - "dev": true - }, - "async": { - "version": "3.2.4", - "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz", - "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==", - "dev": true - }, - "async-done": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/async-done/-/async-done-1.3.2.tgz", - "integrity": "sha512-uYkTP8dw2og1tu1nmza1n1CMW0qb8gWWlwqMmLb7MhBVs4BXrFziT6HXUd+/RlRA/i4H9AkofYloUbs1fwMqlw==", - "dev": true, - "requires": { - "end-of-stream": "^1.1.0", - "once": "^1.3.2", - "process-nextick-args": "^2.0.0", - "stream-exhaust": "^1.0.1" - } - }, - "async-each": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.6.tgz", - "integrity": "sha512-c646jH1avxr+aVpndVMeAfYw7wAa6idufrlN3LPA4PmKS0QEGp6PIC9nwz0WQkkvBGAMEki3pFdtxaF39J9vvg==", - "dev": true - }, - "async-each-series": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/async-each-series/-/async-each-series-0.1.1.tgz", - "integrity": "sha512-p4jj6Fws4Iy2m0iCmI2am2ZNZCgbdgE+P8F/8csmn2vx7ixXrO2zGcuNsD46X5uZSVecmkEy/M06X2vG8KD6dQ==", - "dev": true - }, - "async-settle": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/async-settle/-/async-settle-1.0.0.tgz", - "integrity": "sha512-VPXfB4Vk49z1LHHodrEQ6Xf7W4gg1w0dAPROHngx7qgDjqmIQ+fXmwgGXTW/ITLai0YLSvWepJOP9EVpMnEAcw==", - "dev": true, - "requires": { - "async-done": "^1.2.2" - } - }, - "asynckit": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", - "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==", - "dev": true - }, - "atob": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz", - "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==", - "dev": true - }, - "autoprefixer": { - "version": "10.4.14", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz", - "integrity": "sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==", - "dev": true, - "requires": { - "browserslist": "^4.21.5", - "caniuse-lite": "^1.0.30001464", - "fraction.js": "^4.2.0", - "normalize-range": "^0.1.2", - "picocolors": "^1.0.0", - "postcss-value-parser": "^4.2.0" - } - }, - "available-typed-arrays": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz", - "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==", - "dev": true - }, - "axios": { - "version": "0.21.4", - "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.4.tgz", - "integrity": "sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==", - "dev": true, - "requires": { - "follow-redirects": "^1.14.0" - } - }, - "axobject-query": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz", - "integrity": "sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==", - "dev": true, - "requires": { - "deep-equal": "^2.0.5" - } - }, - "babel-loader": { - "version": "9.1.3", - "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.1.3.tgz", - "integrity": "sha512-xG3ST4DglodGf8qSwv0MdeWLhrDsw/32QMdTO5T1ZIp9gQur0HkCyFs7Awskr10JKXFXwpAhiCuYX5oGXnRGbw==", - "dev": true, - "requires": { - "find-cache-dir": "^4.0.0", - "schema-utils": "^4.0.0" - } - }, - "babel-plugin-istanbul": { - "version": "6.1.1", - "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz", - "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==", - "dev": true, - "requires": { - "@babel/helper-plugin-utils": "^7.0.0", - "@istanbuljs/load-nyc-config": "^1.0.0", - "@istanbuljs/schema": "^0.1.2", - "istanbul-lib-instrument": "^5.0.4", - "test-exclude": "^6.0.0" - } - }, - "babel-plugin-polyfill-corejs2": { - "version": "0.4.5", - "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.5.tgz", - "integrity": "sha512-19hwUH5FKl49JEsvyTcoHakh6BE0wgXLLptIyKZ3PijHc/Ci521wygORCUCCred+E/twuqRyAkE02BAWPmsHOg==", - "dev": true, - "requires": { - "@babel/compat-data": "^7.22.6", - "@babel/helper-define-polyfill-provider": "^0.4.2", - "semver": "^6.3.1" - }, - "dependencies": { - "semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true - } - } - }, - "babel-plugin-polyfill-corejs3": { - "version": "0.8.3", - "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.3.tgz", - "integrity": "sha512-z41XaniZL26WLrvjy7soabMXrfPWARN25PZoriDEiLMxAp50AUW3t35BGQUMg5xK3UrpVTtagIDklxYa+MhiNA==", - "dev": true, - "requires": { - "@babel/helper-define-polyfill-provider": "^0.4.2", - "core-js-compat": "^3.31.0" - } - }, - "babel-plugin-polyfill-regenerator": { - "version": "0.5.2", - "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.2.tgz", - "integrity": "sha512-tAlOptU0Xj34V1Y2PNTL4Y0FOJMDB6bZmoW39FeCQIhigGLkqu3Fj6uiXpxIf6Ij274ENdYx64y6Au+ZKlb1IA==", - "dev": true, - "requires": { - "@babel/helper-define-polyfill-provider": "^0.4.2" - } - }, - "bach": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/bach/-/bach-1.2.0.tgz", - "integrity": "sha512-bZOOfCb3gXBXbTFXq3OZtGR88LwGeJvzu6szttaIzymOTS4ZttBNOWSv7aLZja2EMycKtRYV0Oa8SNKH/zkxvg==", - "dev": true, - "requires": { - "arr-filter": "^1.1.1", - "arr-flatten": "^1.0.1", - "arr-map": "^2.0.0", - "array-each": "^1.0.0", - "array-initial": "^1.0.0", - "array-last": "^1.1.1", - "async-done": "^1.2.2", - "async-settle": "^1.0.0", - "now-and-later": "^2.0.0" - } - }, - "balanced-match": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", - "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", - "dev": true - }, - "base": { - "version": "0.11.2", - "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz", - "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==", - "dev": true, - "requires": { - "cache-base": "^1.0.1", - "class-utils": "^0.3.5", - "component-emitter": "^1.2.1", - "define-property": "^1.0.0", - "isobject": "^3.0.1", - "mixin-deep": "^1.2.0", - "pascalcase": "^0.1.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==", - "dev": true, - "requires": { - "is-descriptor": "^1.0.0" - } - } - } - }, - "base64-arraybuffer": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz", - "integrity": "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==", - "dev": true, - "optional": true - }, - "base64-js": { - "version": "1.5.1", - "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz", - "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==", - "dev": true - }, - "base64id": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/base64id/-/base64id-2.0.0.tgz", - "integrity": "sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==", - "dev": true - }, - "batch": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz", - "integrity": "sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==", - "dev": true - }, - "big.js": { - "version": "5.2.2", - "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz", - "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==", - "dev": true - }, - "binary-extensions": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", - "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", - "dev": true - }, - "bindings": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz", - "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==", - "dev": true, - "optional": true, - "requires": { - "file-uri-to-path": "1.0.0" - } - }, - "bl": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz", - "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==", - "dev": true, - "requires": { - "buffer": "^5.5.0", - "inherits": "^2.0.4", - "readable-stream": "^3.4.0" - }, - "dependencies": { - "readable-stream": { - "version": "3.6.2", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", - "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", - "dev": true, - "requires": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" - } - } - } - }, - "body-parser": { - "version": "1.20.1", - "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz", - "integrity": "sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==", - "dev": true, - "requires": { - "bytes": "3.1.2", - "content-type": "~1.0.4", - "debug": "2.6.9", - "depd": "2.0.0", - "destroy": "1.2.0", - "http-errors": "2.0.0", - "iconv-lite": "0.4.24", - "on-finished": "2.4.1", - "qs": "6.11.0", - "raw-body": "2.5.1", - "type-is": "~1.6.18", - "unpipe": "1.0.0" - }, - "dependencies": { - "debug": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", - "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", - "dev": true, - "requires": { - "ms": "2.0.0" - } - }, - "ms": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", - "dev": true - }, - "raw-body": { - "version": "2.5.1", - "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz", - "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==", - "dev": true, - "requires": { - "bytes": "3.1.2", - "http-errors": "2.0.0", - "iconv-lite": "0.4.24", - "unpipe": "1.0.0" - } - } - } - }, - "bonjour-service": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/bonjour-service/-/bonjour-service-1.1.1.tgz", - "integrity": "sha512-Z/5lQRMOG9k7W+FkeGTNjh7htqn/2LMnfOvBZ8pynNZCM9MwkQkI3zeI4oz09uWdcgmgHugVvBqxGg4VQJ5PCg==", - "dev": true, - "requires": { - "array-flatten": "^2.1.2", - "dns-equal": "^1.0.0", - "fast-deep-equal": "^3.1.3", - "multicast-dns": "^7.2.5" - }, - "dependencies": { - "array-flatten": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.2.tgz", - "integrity": "sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==", - "dev": true - } - } - }, - "boolbase": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", - "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==", - "dev": true - }, - "brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", - "dev": true, - "requires": { - "balanced-match": "^1.0.0", - "concat-map": "0.0.1" - } - }, - "braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", - "dev": true, - "requires": { - "fill-range": "^7.0.1" - } - }, - "browser-process-hrtime": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz", - "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==", - "dev": true - }, - "browser-sync": { - "version": "2.29.3", - "resolved": "https://registry.npmjs.org/browser-sync/-/browser-sync-2.29.3.tgz", - "integrity": "sha512-NiM38O6XU84+MN+gzspVmXV2fTOoe+jBqIBx3IBdhZrdeURr6ZgznJr/p+hQ+KzkKEiGH/GcC4SQFSL0jV49bg==", - "dev": true, - "requires": { - "browser-sync-client": "^2.29.3", - "browser-sync-ui": "^2.29.3", - "bs-recipes": "1.3.4", - "chalk": "4.1.2", - "chokidar": "^3.5.1", - "connect": "3.6.6", - "connect-history-api-fallback": "^1", - "dev-ip": "^1.0.1", - "easy-extender": "^2.3.4", - "eazy-logger": "^4.0.1", - "etag": "^1.8.1", - "fresh": "^0.5.2", - "fs-extra": "3.0.1", - "http-proxy": "^1.18.1", - "immutable": "^3", - "localtunnel": "^2.0.1", - "micromatch": "^4.0.2", - "opn": "5.3.0", - "portscanner": "2.2.0", - "raw-body": "^2.3.2", - "resp-modifier": "6.0.2", - "rx": "4.1.0", - "send": "0.16.2", - "serve-index": "1.9.1", - "serve-static": "1.13.2", - "server-destroy": "1.0.1", - "socket.io": "^4.4.1", - "ua-parser-js": "^1.0.33", - "yargs": "^17.3.1" - }, - "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "browser-sync-client": { - "version": "2.29.3", - "resolved": "https://registry.npmjs.org/browser-sync-client/-/browser-sync-client-2.29.3.tgz", - "integrity": "sha512-4tK5JKCl7v/3aLbmCBMzpufiYLsB1+UI+7tUXCCp5qF0AllHy/jAqYu6k7hUF3hYtlClKpxExWaR+rH+ny07wQ==", - "dev": true, - "requires": { - "etag": "1.8.1", - "fresh": "0.5.2", - "mitt": "^1.1.3" - } - }, - "browser-sync-ui": { - "version": "2.29.3", - "resolved": "https://registry.npmjs.org/browser-sync-ui/-/browser-sync-ui-2.29.3.tgz", - "integrity": "sha512-kBYOIQjU/D/3kYtUIJtj82e797Egk1FB2broqItkr3i4eF1qiHbFCG6srksu9gWhfmuM/TNG76jMfzAdxEPakg==", - "dev": true, - "requires": { - "async-each-series": "0.1.1", - "chalk": "4.1.2", - "connect-history-api-fallback": "^1", - "immutable": "^3", - "server-destroy": "1.0.1", - "socket.io-client": "^4.4.1", - "stream-throttle": "^0.1.3" - }, - "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "browserslist": { - "version": "4.21.10", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.10.tgz", - "integrity": "sha512-bipEBdZfVH5/pwrvqc+Ub0kUPVfGUhlKxbvfD+z1BDnPEO/X98ruXGA1WP5ASpAFKan7Qr6j736IacbZQuAlKQ==", - "dev": true, - "requires": { - "caniuse-lite": "^1.0.30001517", - "electron-to-chromium": "^1.4.477", - "node-releases": "^2.0.13", - "update-browserslist-db": "^1.0.11" - } - }, - "bs-recipes": { - "version": "1.3.4", - "resolved": "https://registry.npmjs.org/bs-recipes/-/bs-recipes-1.3.4.tgz", - "integrity": "sha512-BXvDkqhDNxXEjeGM8LFkSbR+jzmP/CYpCiVKYn+soB1dDldeU15EBNDkwVXndKuX35wnNUaPd0qSoQEAkmQtMw==", - "dev": true - }, - "btoa": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/btoa/-/btoa-1.2.1.tgz", - "integrity": "sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g==", - "dev": true - }, - "buffer": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz", - "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==", - "dev": true, - "requires": { - "base64-js": "^1.3.1", - "ieee754": "^1.1.13" - } - }, - "buffer-equal": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/buffer-equal/-/buffer-equal-1.0.1.tgz", - "integrity": "sha512-QoV3ptgEaQpvVwbXdSO39iqPQTCxSF7A5U99AxbHYqUdCizL/lH2Z0A2y6nbZucxMEOtNyZfG2s6gsVugGpKkg==", - "dev": true - }, - "buffer-from": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", - "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==", - "dev": true - }, - "builtin-modules": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz", - "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==", - "dev": true - }, - "builtins": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/builtins/-/builtins-5.0.1.tgz", - "integrity": "sha512-qwVpFEHNfhYJIzNRBvd2C1kyo6jz3ZSMPyyuR47OPdiKWlbYnZNyDWuyR175qDnAJLiCo5fBBqPb3RiXgWlkOQ==", - "dev": true, - "requires": { - "semver": "^7.0.0" - } - }, - "bytes": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz", - "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==", - "dev": true - }, - "cacache": { - "version": "17.1.3", - "resolved": "https://registry.npmjs.org/cacache/-/cacache-17.1.3.tgz", - "integrity": "sha512-jAdjGxmPxZh0IipMdR7fK/4sDSrHMLUV0+GvVUsjwyGNKHsh79kW/otg+GkbXwl6Uzvy9wsvHOX4nUoWldeZMg==", - "dev": true, - "requires": { - "@npmcli/fs": "^3.1.0", - "fs-minipass": "^3.0.0", - "glob": "^10.2.2", - "lru-cache": "^7.7.1", - "minipass": "^5.0.0", - "minipass-collect": "^1.0.2", - "minipass-flush": "^1.0.5", - "minipass-pipeline": "^1.2.4", - "p-map": "^4.0.0", - "ssri": "^10.0.0", - "tar": "^6.1.11", - "unique-filename": "^3.0.0" - }, - "dependencies": { - "aggregate-error": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz", - "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==", - "dev": true, - "requires": { - "clean-stack": "^2.0.0", - "indent-string": "^4.0.0" - } - }, - "brace-expansion": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", - "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", - "dev": true, - "requires": { - "balanced-match": "^1.0.0" - } - }, - "clean-stack": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz", - "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==", - "dev": true - }, - "glob": { - "version": "10.3.3", - "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.3.tgz", - "integrity": "sha512-92vPiMb/iqpmEgsOoIDvTjc50wf9CCCvMzsi6W0JLPeUKE8TWP1a73PgqSrqy7iAZxaSD1YdzU7QZR5LF51MJw==", - "dev": true, - "requires": { - "foreground-child": "^3.1.0", - "jackspeak": "^2.0.3", - "minimatch": "^9.0.1", - "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0", - "path-scurry": "^1.10.1" - } - }, - "indent-string": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz", - "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==", - "dev": true - }, - "lru-cache": { - "version": "7.18.3", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz", - "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==", - "dev": true - }, - "minimatch": { - "version": "9.0.3", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", - "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", - "dev": true, - "requires": { - "brace-expansion": "^2.0.1" - } - }, - "p-map": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz", - "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==", - "dev": true, - "requires": { - "aggregate-error": "^3.0.0" - } - } - } - }, - "cache-base": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz", - "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==", - "dev": true, - "requires": { - "collection-visit": "^1.0.0", - "component-emitter": "^1.2.1", - "get-value": "^2.0.6", - "has-value": "^1.0.0", - "isobject": "^3.0.1", - "set-value": "^2.0.0", - "to-object-path": "^0.3.0", - "union-value": "^1.0.0", - "unset-value": "^1.0.0" - } - }, - "call-bind": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz", - "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==", - "dev": true, - "requires": { - "function-bind": "^1.1.1", - "get-intrinsic": "^1.0.2" - } - }, - "callsites": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", - "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==", - "dev": true - }, - "camelcase": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz", - "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==", - "dev": true - }, - "caniuse-lite": { - "version": "1.0.30001519", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001519.tgz", - "integrity": "sha512-0QHgqR+Jv4bxHMp8kZ1Kn8CH55OikjKJ6JmKkZYP1F3D7w+lnFXF70nG5eNfsZS89jadi5Ywy5UCSKLAglIRkg==", - "dev": true - }, - "canvg": { - "version": "3.0.10", - "resolved": "https://registry.npmjs.org/canvg/-/canvg-3.0.10.tgz", - "integrity": "sha512-qwR2FRNO9NlzTeKIPIKpnTY6fqwuYSequ8Ru8c0YkYU7U0oW+hLUvWadLvAu1Rl72OMNiFhoLu4f8eUjQ7l/+Q==", - "dev": true, - "optional": true, - "requires": { - "@babel/runtime": "^7.12.5", - "@types/raf": "^3.4.0", - "core-js": "^3.8.3", - "raf": "^3.4.1", - "regenerator-runtime": "^0.13.7", - "rgbcolor": "^1.0.1", - "stackblur-canvas": "^2.0.0", - "svg-pathdata": "^6.0.3" - } - }, - "cfb": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/cfb/-/cfb-1.2.2.tgz", - "integrity": "sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==", - "dev": true, - "requires": { - "adler-32": "~1.3.0", - "crc-32": "~1.2.0" - } - }, - "chalk": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", - "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", - "dev": true, - "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - } - }, - "chardet": { - "version": "0.7.0", - "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz", - "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==", - "dev": true - }, - "chart.js": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.3.2.tgz", - "integrity": "sha512-H0hSO7xqTIrwxoACqnSoNromEMfXvfuVnrbuSt2TuXfBDDofbnto4zuZlRtRvC73/b37q3wGAWZyUU41QPvNbA==", - "dev": true - }, - "chokidar": { - "version": "3.5.3", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz", - "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==", - "dev": true, - "requires": { - "anymatch": "~3.1.2", - "braces": "~3.0.2", - "fsevents": "~2.3.2", - "glob-parent": "~5.1.2", - "is-binary-path": "~2.1.0", - "is-glob": "~4.0.1", - "normalize-path": "~3.0.0", - "readdirp": "~3.6.0" - } - }, - "chownr": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz", - "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==", - "dev": true - }, - "chrome-trace-event": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz", - "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==", - "dev": true - }, - "ci-info": { - "version": "3.8.0", - "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.8.0.tgz", - "integrity": "sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==", - "dev": true - }, - "class-utils": { - "version": "0.3.6", - "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz", - "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==", - "dev": true, - "requires": { - "arr-union": "^3.1.0", - "define-property": "^0.2.5", - "isobject": "^3.0.0", - "static-extend": "^0.1.1" - }, - "dependencies": { - "arr-union": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz", - "integrity": "sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==", - "dev": true - }, - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - } - } - } - }, - "clean-stack": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-4.2.0.tgz", - "integrity": "sha512-LYv6XPxoyODi36Dp976riBtSY27VmFo+MKqEU9QCCWyTrdEPDog+RWA7xQWHi6Vbp61j5c4cdzzX1NidnwtUWg==", - "dev": true, - "requires": { - "escape-string-regexp": "5.0.0" - }, - "dependencies": { - "escape-string-regexp": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz", - "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==", - "dev": true - } - } - }, - "cli-cursor": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz", - "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==", - "dev": true, - "requires": { - "restore-cursor": "^3.1.0" - } - }, - "cli-spinners": { - "version": "2.6.1", - "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.6.1.tgz", - "integrity": "sha512-x/5fWmGMnbKQAaNwN+UZlV79qBLM9JFnJuJ03gIi5whrob0xV0ofNVHy9DhwGdsMJQc2OKv0oGmLzvaqvAVv+g==", - "dev": true - }, - "cli-width": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz", - "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==", - "dev": true - }, - "cliui": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz", - "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==", - "dev": true, - "requires": { - "string-width": "^4.2.0", - "strip-ansi": "^6.0.0", - "wrap-ansi": "^7.0.0" - } - }, - "clone": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", - "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==", - "dev": true - }, - "clone-buffer": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/clone-buffer/-/clone-buffer-1.0.0.tgz", - "integrity": "sha512-KLLTJWrvwIP+OPfMn0x2PheDEP20RPUcGXj/ERegTgdmPEZylALQldygiqrPPu8P45uNuPs7ckmReLY6v/iA5g==", - "dev": true - }, - "clone-deep": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz", - "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==", - "dev": true, - "requires": { - "is-plain-object": "^2.0.4", - "kind-of": "^6.0.2", - "shallow-clone": "^3.0.0" - }, - "dependencies": { - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - }, - "kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true - } - } - }, - "clone-stats": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz", - "integrity": "sha512-au6ydSpg6nsrigcZ4m8Bc9hxjeW+GJ8xh5G3BJCMt4WXe1H10UNaVOamqQTmrx1kjVuxAHIQSNU6hY4Nsn9/ag==", - "dev": true - }, - "cloneable-readable": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/cloneable-readable/-/cloneable-readable-1.1.3.tgz", - "integrity": "sha512-2EF8zTQOxYq70Y4XKtorQupqF0m49MBz2/yf5Bj+MHjvpG3Hy7sImifnqD6UA+TKYxeSV+u6qqQPawN5UvnpKQ==", - "dev": true, - "requires": { - "inherits": "^2.0.1", - "process-nextick-args": "^2.0.0", - "readable-stream": "^2.3.5" - } - }, - "code-point-at": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz", - "integrity": "sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==", - "dev": true - }, - "codelyzer": { - "version": "0.0.28", - "resolved": "https://registry.npmjs.org/codelyzer/-/codelyzer-0.0.28.tgz", - "integrity": "sha512-DfrZrFWP4MnowANXJHUL0ZMhLqAEFLjC3lJofkHZM+QAczdOvlq8CmLrvqspCXmIdyotVD0xyjUWoPGOPo4lKA==", - "dev": true, - "requires": { - "sprintf-js": "^1.0.3" - } - }, - "codepage": { - "version": "1.15.0", - "resolved": "https://registry.npmjs.org/codepage/-/codepage-1.15.0.tgz", - "integrity": "sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==", - "dev": true - }, - "collection-map": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/collection-map/-/collection-map-1.0.0.tgz", - "integrity": "sha512-5D2XXSpkOnleOI21TG7p3T0bGAsZ/XknZpKBmGYyluO8pw4zA3K8ZlrBIbC4FXg3m6z/RNFiUFfT2sQK01+UHA==", - "dev": true, - "requires": { - "arr-map": "^2.0.2", - "for-own": "^1.0.0", - "make-iterator": "^1.0.0" - } - }, - "collection-visit": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz", - "integrity": "sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==", - "dev": true, - "requires": { - "map-visit": "^1.0.0", - "object-visit": "^1.0.0" - } - }, - "color-convert": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", - "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", - "dev": true, - "requires": { - "color-name": "1.1.3" - } - }, - "color-name": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", - "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", - "dev": true - }, - "color-support": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz", - "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==", - "dev": true - }, - "colorette": { - "version": "2.0.20", - "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz", - "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==", - "dev": true - }, - "colors": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz", - "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==", - "dev": true, - "peer": true - }, - "combined-stream": { - "version": "1.0.8", - "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", - "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", - "dev": true, - "requires": { - "delayed-stream": "~1.0.0" - } - }, - "commander": { - "version": "11.0.0", - "resolved": "https://registry.npmjs.org/commander/-/commander-11.0.0.tgz", - "integrity": "sha512-9HMlXtt/BNoYr8ooyjjNRdIilOTkVJXB+GhxMTtOKwk0R4j4lS4NpjuqmRxroBfnfTSHQIHQB7wryHhXarNjmQ==", - "dev": true - }, - "comment-parser": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/comment-parser/-/comment-parser-1.4.0.tgz", - "integrity": "sha512-QLyTNiZ2KDOibvFPlZ6ZngVsZ/0gYnE6uTXi5aoDg8ed3AkJAz4sEje3Y8a29hQ1s6A99MZXe47fLAXQ1rTqaw==", - "dev": true - }, - "common-path-prefix": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz", - "integrity": "sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==", - "dev": true - }, - "commondir": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz", - "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==", - "dev": true - }, - "component-emitter": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz", - "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==", - "dev": true - }, - "compressible": { - "version": "2.0.18", - "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz", - "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==", - "dev": true, - "requires": { - "mime-db": ">= 1.43.0 < 2" - } - }, - "compression": { - "version": "1.7.4", - "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz", - "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==", - "dev": true, - "requires": { - "accepts": "~1.3.5", - "bytes": "3.0.0", - "compressible": "~2.0.16", - "debug": "2.6.9", - "on-headers": "~1.0.2", - "safe-buffer": "5.1.2", - "vary": "~1.1.2" - }, - "dependencies": { - "bytes": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz", - "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==", - "dev": true - }, - "debug": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", - "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", - "dev": true, - "requires": { - "ms": "2.0.0" - } - }, - "ms": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", - "dev": true - }, - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - } - } - }, - "concat-map": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", - "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", - "dev": true - }, - "concat-stream": { - "version": "1.6.2", - "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz", - "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==", - "dev": true, - "requires": { - "buffer-from": "^1.0.0", - "inherits": "^2.0.3", - "readable-stream": "^2.2.2", - "typedarray": "^0.0.6" - } - }, - "concat-with-sourcemaps": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/concat-with-sourcemaps/-/concat-with-sourcemaps-1.1.0.tgz", - "integrity": "sha512-4gEjHJFT9e+2W/77h/DS5SGUgwDaOwprX8L/gl5+3ixnzkVJJsZWDSelmN3Oilw3LNDZjZV0yqH1hLG3k6nghg==", - "dev": true, - "requires": { - "source-map": "^0.6.1" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - } - } - }, - "connect": { - "version": "3.6.6", - "resolved": "https://registry.npmjs.org/connect/-/connect-3.6.6.tgz", - "integrity": "sha512-OO7axMmPpu/2XuX1+2Yrg0ddju31B6xLZMWkJ5rYBu4YRmRVlOjvlY6kw2FJKiAzyxGwnrDUAG4s1Pf0sbBMCQ==", - "dev": true, - "requires": { - "debug": "2.6.9", - "finalhandler": "1.1.0", - "parseurl": "~1.3.2", - "utils-merge": "1.0.1" - }, - "dependencies": { - "debug": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", - "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", - "dev": true, - "requires": { - "ms": "2.0.0" - } - }, - "ms": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", - "dev": true - } - } - }, - "connect-history-api-fallback": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz", - "integrity": "sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==", - "dev": true - }, - "console-control-strings": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz", - "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==", - "dev": true - }, - "content-disposition": { - "version": "0.5.4", - "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz", - "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==", - "dev": true, - "requires": { - "safe-buffer": "5.2.1" - } - }, - "content-type": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz", - "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==", - "dev": true - }, - "convert-source-map": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", - "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", - "dev": true - }, - "cookie": { - "version": "0.5.0", - "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz", - "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==", - "dev": true - }, - "cookie-signature": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", - "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==", - "dev": true - }, - "copy-anything": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz", - "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==", - "dev": true, - "requires": { - "is-what": "^3.14.1" - } - }, - "copy-descriptor": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz", - "integrity": "sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==", - "dev": true - }, - "copy-props": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/copy-props/-/copy-props-2.0.5.tgz", - "integrity": "sha512-XBlx8HSqrT0ObQwmSzM7WE5k8FxTV75h1DX1Z3n6NhQ/UYYAvInWYmG06vFt7hQZArE2fuO62aihiWIVQwh1sw==", - "dev": true, - "requires": { - "each-props": "^1.3.2", - "is-plain-object": "^5.0.0" - } - }, - "copy-webpack-plugin": { - "version": "11.0.0", - "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-11.0.0.tgz", - "integrity": "sha512-fX2MWpamkW0hZxMEg0+mYnA40LTosOSa5TqZ9GYIBzyJa9C3QUaMPSE2xAi/buNr8u89SfD9wHSQVBzrRa/SOQ==", - "dev": true, - "requires": { - "fast-glob": "^3.2.11", - "glob-parent": "^6.0.1", - "globby": "^13.1.1", - "normalize-path": "^3.0.0", - "schema-utils": "^4.0.0", - "serialize-javascript": "^6.0.0" - }, - "dependencies": { - "glob-parent": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", - "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", - "dev": true, - "requires": { - "is-glob": "^4.0.3" - } - }, - "globby": { - "version": "13.2.2", - "resolved": "https://registry.npmjs.org/globby/-/globby-13.2.2.tgz", - "integrity": "sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==", - "dev": true, - "requires": { - "dir-glob": "^3.0.1", - "fast-glob": "^3.3.0", - "ignore": "^5.2.4", - "merge2": "^1.4.1", - "slash": "^4.0.0" - } - } - } - }, - "core-js": { - "version": "3.32.0", - "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.32.0.tgz", - "integrity": "sha512-rd4rYZNlF3WuoYuRIDEmbR/ga9CeuWX9U05umAvgrrZoHY4Z++cp/xwPQMvUpBB4Ag6J8KfD80G0zwCyaSxDww==", - "dev": true, - "optional": true - }, - "core-js-compat": { - "version": "3.32.0", - "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.32.0.tgz", - "integrity": "sha512-7a9a3D1k4UCVKnLhrgALyFcP7YCsLOQIxPd0dKjf/6GuPcgyiGP70ewWdCGrSK7evyhymi0qO4EqCmSJofDeYw==", - "dev": true, - "requires": { - "browserslist": "^4.21.9" - } - }, - "core-util-is": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz", - "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==", - "dev": true - }, - "cors": { - "version": "2.8.5", - "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz", - "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==", - "dev": true, - "requires": { - "object-assign": "^4", - "vary": "^1" - } - }, - "cosmiconfig": { - "version": "8.2.0", - "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.2.0.tgz", - "integrity": "sha512-3rTMnFJA1tCOPwRxtgF4wd7Ab2qvDbL8jX+3smjIbS4HlZBagTlpERbdN7iAbWlrfxE3M8c27kTwTawQ7st+OQ==", - "dev": true, - "requires": { - "import-fresh": "^3.2.1", - "js-yaml": "^4.1.0", - "parse-json": "^5.0.0", - "path-type": "^4.0.0" - }, - "dependencies": { - "argparse": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", - "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", - "dev": true - }, - "js-yaml": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", - "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", - "dev": true, - "requires": { - "argparse": "^2.0.1" - } - } - } - }, - "crc-32": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz", - "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==", - "dev": true - }, - "critters": { - "version": "0.0.20", - "resolved": "https://registry.npmjs.org/critters/-/critters-0.0.20.tgz", - "integrity": "sha512-CImNRorKOl5d8TWcnAz5n5izQ6HFsvz29k327/ELy6UFcmbiZNOsinaKvzv16WZR0P6etfSWYzE47C4/56B3Uw==", - "dev": true, - "requires": { - "chalk": "^4.1.0", - "css-select": "^5.1.0", - "dom-serializer": "^2.0.0", - "domhandler": "^5.0.2", - "htmlparser2": "^8.0.2", - "postcss": "^8.4.23", - "pretty-bytes": "^5.3.0" - }, - "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "cross-spawn": { - "version": "7.0.3", - "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", - "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", - "dev": true, - "requires": { - "path-key": "^3.1.0", - "shebang-command": "^2.0.0", - "which": "^2.0.1" - } - }, - "css-line-break": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/css-line-break/-/css-line-break-2.1.0.tgz", - "integrity": "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==", - "dev": true, - "optional": true, - "requires": { - "utrie": "^1.0.2" - } - }, - "css-loader": { - "version": "6.8.1", - "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.8.1.tgz", - "integrity": "sha512-xDAXtEVGlD0gJ07iclwWVkLoZOpEvAWaSyf6W18S2pOC//K8+qUDIx8IIT3D+HjnmkJPQeesOPv5aiUaJsCM2g==", - "dev": true, - "requires": { - "icss-utils": "^5.1.0", - "postcss": "^8.4.21", - "postcss-modules-extract-imports": "^3.0.0", - "postcss-modules-local-by-default": "^4.0.3", - "postcss-modules-scope": "^3.0.0", - "postcss-modules-values": "^4.0.0", - "postcss-value-parser": "^4.2.0", - "semver": "^7.3.8" - } - }, - "css-select": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz", - "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==", - "dev": true, - "requires": { - "boolbase": "^1.0.0", - "css-what": "^6.1.0", - "domhandler": "^5.0.2", - "domutils": "^3.0.1", - "nth-check": "^2.0.1" - } - }, - "css-what": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz", - "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==", - "dev": true - }, - "cssesc": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz", - "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==", - "dev": true - }, - "cssom": { - "version": "0.4.4", - "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.4.4.tgz", - "integrity": "sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==", - "dev": true - }, - "cssstyle": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-3.0.0.tgz", - "integrity": "sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==", - "dev": true, - "requires": { - "rrweb-cssom": "^0.6.0" - } - }, - "csstype": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz", - "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==" - }, - "cuint": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/cuint/-/cuint-0.2.2.tgz", - "integrity": "sha512-d4ZVpCW31eWwCMe1YT3ur7mUDnTXbgwyzaL320DrcRT45rfjYxkt5QWLrmOJ+/UEAI2+fQgKe/fCjR8l4TpRgw==", - "dev": true - }, - "custom-event": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/custom-event/-/custom-event-1.0.1.tgz", - "integrity": "sha512-GAj5FOq0Hd+RsCGVJxZuKaIDXDf3h6GQoNEjFgbLLI/trgtavwUbSnZ5pVfg27DVCaWjIohryS0JFwIJyT2cMg==", - "dev": true - }, - "d": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/d/-/d-1.0.1.tgz", - "integrity": "sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==", - "dev": true, - "requires": { - "es5-ext": "^0.10.50", - "type": "^1.0.1" - } - }, - "data-urls": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-4.0.0.tgz", - "integrity": "sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==", - "dev": true, - "requires": { - "abab": "^2.0.6", - "whatwg-mimetype": "^3.0.0", - "whatwg-url": "^12.0.0" - } - }, - "date-format": { - "version": "4.0.14", - "resolved": "https://registry.npmjs.org/date-format/-/date-format-4.0.14.tgz", - "integrity": "sha512-39BOQLs9ZjKh0/patS9nrT8wc3ioX3/eA/zgbKNopnF2wCqJEoxywwwElATYvRsXdnOxA/OQeQoFZ3rFjVajhg==", - "dev": true - }, - "debug": { - "version": "4.3.4", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", - "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", - "dev": true, - "requires": { - "ms": "2.1.2" - } - }, - "decamelize": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", - "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==", - "dev": true - }, - "decimal.js": { - "version": "10.4.3", - "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz", - "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==", - "dev": true - }, - "decode-uri-component": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz", - "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==", - "dev": true - }, - "deep-equal": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.2.tgz", - "integrity": "sha512-xjVyBf0w5vH0I42jdAZzOKVldmPgSulmiyPRywoyq7HXC9qdgo17kxJE+rdnif5Tz6+pIrpJI8dCpMNLIGkUiA==", - "dev": true, - "requires": { - "array-buffer-byte-length": "^1.0.0", - "call-bind": "^1.0.2", - "es-get-iterator": "^1.1.3", - "get-intrinsic": "^1.2.1", - "is-arguments": "^1.1.1", - "is-array-buffer": "^3.0.2", - "is-date-object": "^1.0.5", - "is-regex": "^1.1.4", - "is-shared-array-buffer": "^1.0.2", - "isarray": "^2.0.5", - "object-is": "^1.1.5", - "object-keys": "^1.1.1", - "object.assign": "^4.1.4", - "regexp.prototype.flags": "^1.5.0", - "side-channel": "^1.0.4", - "which-boxed-primitive": "^1.0.2", - "which-collection": "^1.0.1", - "which-typed-array": "^1.1.9" - } - }, - "deep-is": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz", - "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==", - "dev": true - }, - "deepmerge": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz", - "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==", - "dev": true - }, - "default-compare": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/default-compare/-/default-compare-1.0.0.tgz", - "integrity": "sha512-QWfXlM0EkAbqOCbD/6HjdwT19j7WCkMyiRhWilc4H9/5h/RzTF9gv5LYh1+CmDV5d1rki6KAWLtQale0xt20eQ==", - "dev": true, - "requires": { - "kind-of": "^5.0.2" - } - }, - "default-gateway": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-6.0.3.tgz", - "integrity": "sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==", - "dev": true, - "requires": { - "execa": "^5.0.0" - } - }, - "default-resolution": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/default-resolution/-/default-resolution-2.0.0.tgz", - "integrity": "sha512-2xaP6GiwVwOEbXCGoJ4ufgC76m8cj805jrghScewJC2ZDsb9U0b4BIrba+xt/Uytyd0HvQ6+WymSRTfnYj59GQ==", - "dev": true - }, - "defaults": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz", - "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==", - "dev": true, - "requires": { - "clone": "^1.0.2" - }, - "dependencies": { - "clone": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz", - "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==", - "dev": true - } - } - }, - "define-lazy-prop": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz", - "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==", - "dev": true - }, - "define-properties": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.0.tgz", - "integrity": "sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==", - "dev": true, - "requires": { - "has-property-descriptors": "^1.0.0", - "object-keys": "^1.1.1" - } - }, - "define-property": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz", - "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==", - "dev": true, - "requires": { - "is-descriptor": "^1.0.2", - "isobject": "^3.0.1" - } - }, - "del": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/del/-/del-7.0.0.tgz", - "integrity": "sha512-tQbV/4u5WVB8HMJr08pgw0b6nG4RGt/tj+7Numvq+zqcvUFeMaIWWOUFltiU+6go8BSO2/ogsB4EasDaj0y68Q==", - "dev": true, - "requires": { - "globby": "^13.1.2", - "graceful-fs": "^4.2.10", - "is-glob": "^4.0.3", - "is-path-cwd": "^3.0.0", - "is-path-inside": "^4.0.0", - "p-map": "^5.5.0", - "rimraf": "^3.0.2", - "slash": "^4.0.0" - }, - "dependencies": { - "globby": { - "version": "13.2.2", - "resolved": "https://registry.npmjs.org/globby/-/globby-13.2.2.tgz", - "integrity": "sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w==", - "dev": true, - "requires": { - "dir-glob": "^3.0.1", - "fast-glob": "^3.3.0", - "ignore": "^5.2.4", - "merge2": "^1.4.1", - "slash": "^4.0.0" - } - } - } - }, - "delayed-stream": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", - "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==", - "dev": true - }, - "delegates": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz", - "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==", - "dev": true - }, - "depd": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", - "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==", - "dev": true - }, - "dependency-graph": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.11.0.tgz", - "integrity": "sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==", - "dev": true - }, - "dequal": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz", - "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==", - "dev": true - }, - "destroy": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz", - "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==", - "dev": true - }, - "detect-file": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz", - "integrity": "sha512-DtCOLG98P007x7wiiOmfI0fi3eIKyWiLTGJ2MDnVi/E04lWGbf+JzrRHMm0rgIIZJGtHpKpbVgLWHrv8xXpc3Q==", - "dev": true - }, - "detect-node": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz", - "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==", - "dev": true - }, - "dev-ip": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/dev-ip/-/dev-ip-1.0.1.tgz", - "integrity": "sha512-LmVkry/oDShEgSZPNgqCIp2/TlqtExeGmymru3uCELnfyjY11IzpAproLYs+1X88fXO6DBoYP3ul2Xo2yz2j6A==", - "dev": true - }, - "di": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/di/-/di-0.0.1.tgz", - "integrity": "sha512-uJaamHkagcZtHPqCIHZxnFrXlunQXgBOsZSUOWwFw31QJCAbyTBoHMW75YOTur5ZNx8pIeAKgf6GWIgaqqiLhA==", - "dev": true - }, - "diff": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz", - "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==", - "dev": true - }, - "diff-sequences": { - "version": "29.4.3", - "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.4.3.tgz", - "integrity": "sha512-ofrBgwpPhCD85kMKtE9RYFFq6OC1A89oW2vvgWZNCwxrUpRUILopY7lsYyMDSjc8g6U6aiO0Qubg6r4Wgt5ZnA==", - "dev": true - }, - "dir-glob": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz", - "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==", - "dev": true, - "requires": { - "path-type": "^4.0.0" - } - }, - "dns-equal": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz", - "integrity": "sha512-z+paD6YUQsk+AbGCEM4PrOXSss5gd66QfcVBFTKR/HpFL9jCqikS94HYwKww6fQyO7IxrIIyUu+g0Ka9tUS2Cg==", - "dev": true - }, - "dns-packet": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-5.6.0.tgz", - "integrity": "sha512-rza3UH1LwdHh9qyPXp8lkwpjSNk/AMD3dPytUoRoqnypDUhY0xvbdmVhWOfxO68frEfV9BU8V12Ez7ZsHGZpCQ==", - "dev": true, - "requires": { - "@leichtgewicht/ip-codec": "^2.0.1" - } - }, - "doctrine": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz", - "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==", - "dev": true, - "requires": { - "esutils": "^2.0.2" - } - }, - "dom-serialize": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/dom-serialize/-/dom-serialize-2.2.1.tgz", - "integrity": "sha512-Yra4DbvoW7/Z6LBN560ZwXMjoNOSAN2wRsKFGc4iBeso+mpIA6qj1vfdf9HpMaKAqG6wXTy+1SYEzmNpKXOSsQ==", - "dev": true, - "requires": { - "custom-event": "~1.0.0", - "ent": "~2.2.0", - "extend": "^3.0.0", - "void-elements": "^2.0.0" - } - }, - "dom-serializer": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz", - "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==", - "dev": true, - "requires": { - "domelementtype": "^2.3.0", - "domhandler": "^5.0.2", - "entities": "^4.2.0" - } - }, - "domelementtype": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz", - "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==", - "dev": true - }, - "domexception": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz", - "integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==", - "dev": true, - "requires": { - "webidl-conversions": "^7.0.0" - } - }, - "domhandler": { - "version": "5.0.3", - "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz", - "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==", - "dev": true, - "requires": { - "domelementtype": "^2.3.0" - } - }, - "domino": { - "version": "2.1.6", - "resolved": "https://registry.npmjs.org/domino/-/domino-2.1.6.tgz", - "integrity": "sha512-3VdM/SXBZX2omc9JF9nOPCtDaYQ67BGp5CoLpIQlO2KCAPETs8TcDHacF26jXadGbvUteZzRTeos2fhID5+ucQ==", - "dev": true - }, - "dompurify": { - "version": "2.4.7", - "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.4.7.tgz", - "integrity": "sha512-kxxKlPEDa6Nc5WJi+qRgPbOAbgTpSULL+vI3NUXsZMlkJxTqYI9wg5ZTay2sFrdZRWHPWNi+EdAhcJf81WtoMQ==", - "dev": true, - "optional": true - }, - "domutils": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz", - "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==", - "dev": true, - "requires": { - "dom-serializer": "^2.0.0", - "domelementtype": "^2.3.0", - "domhandler": "^5.0.3" - } - }, - "dotenv": { - "version": "10.0.0", - "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-10.0.0.tgz", - "integrity": "sha512-rlBi9d8jpv9Sf1klPjNfFAuWDjKLwTIJJ/VxtoTwIR6hnZxcEOQCZg2oIL3MWBYw5GpUDKOEnND7LXTbIpQ03Q==", - "dev": true - }, - "duplexer": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz", - "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==", - "dev": true - }, - "duplexify": { - "version": "3.7.1", - "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.7.1.tgz", - "integrity": "sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==", - "dev": true, - "requires": { - "end-of-stream": "^1.0.0", - "inherits": "^2.0.1", - "readable-stream": "^2.0.0", - "stream-shift": "^1.0.0" - } - }, - "each-props": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/each-props/-/each-props-1.3.2.tgz", - "integrity": "sha512-vV0Hem3zAGkJAyU7JSjixeU66rwdynTAa1vofCrSA5fEln+m67Az9CcnkVD776/fsN/UjIWmBDoNRS6t6G9RfA==", - "dev": true, - "requires": { - "is-plain-object": "^2.0.1", - "object.defaults": "^1.1.0" - }, - "dependencies": { - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - } - } - }, - "eastasianwidth": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", - "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==", - "dev": true - }, - "easy-extender": { - "version": "2.3.4", - "resolved": "https://registry.npmjs.org/easy-extender/-/easy-extender-2.3.4.tgz", - "integrity": "sha512-8cAwm6md1YTiPpOvDULYJL4ZS6WfM5/cTeVVh4JsvyYZAoqlRVUpHL9Gr5Fy7HA6xcSZicUia3DeAgO3Us8E+Q==", - "dev": true, - "requires": { - "lodash": "^4.17.10" - } - }, - "eazy-logger": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/eazy-logger/-/eazy-logger-4.0.1.tgz", - "integrity": "sha512-2GSFtnnC6U4IEKhEI7+PvdxrmjJ04mdsj3wHZTFiw0tUtG4HCWzTr13ZYTk8XOGnA1xQMaDljoBOYlk3D/MMSw==", - "dev": true, - "requires": { - "chalk": "4.1.2" - }, - "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "ee-first": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", - "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==", - "dev": true - }, - "ejs": { - "version": "3.1.9", - "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz", - "integrity": "sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==", - "dev": true, - "requires": { - "jake": "^10.8.5" - } - }, - "electron-to-chromium": { - "version": "1.4.490", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.490.tgz", - "integrity": "sha512-6s7NVJz+sATdYnIwhdshx/N/9O6rvMxmhVoDSDFdj6iA45gHR8EQje70+RYsF4GeB+k0IeNSBnP7yG9ZXJFr7A==", - "dev": true - }, - "emoji-regex": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", - "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", - "dev": true - }, - "emojis-list": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz", - "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==", - "dev": true - }, - "encodeurl": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", - "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==", - "dev": true - }, - "encoding": { - "version": "0.1.13", - "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz", - "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==", - "dev": true, - "optional": true, - "requires": { - "iconv-lite": "^0.6.2" - }, - "dependencies": { - "iconv-lite": { - "version": "0.6.3", - "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", - "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", - "dev": true, - "optional": true, - "requires": { - "safer-buffer": ">= 2.1.2 < 3.0.0" - } - } - } - }, - "end-of-stream": { - "version": "1.4.4", - "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz", - "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==", - "dev": true, - "requires": { - "once": "^1.4.0" - } - }, - "engine.io": { - "version": "6.5.2", - "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.5.2.tgz", - "integrity": "sha512-IXsMcGpw/xRfjra46sVZVHiSWo/nJ/3g1337q9KNXtS6YRzbW5yIzTCb9DjhrBe7r3GZQR0I4+nq+4ODk5g/cA==", - "dev": true, - "requires": { - "@types/cookie": "^0.4.1", - "@types/cors": "^2.8.12", - "@types/node": ">=10.0.0", - "accepts": "~1.3.4", - "base64id": "2.0.0", - "cookie": "~0.4.1", - "cors": "~2.8.5", - "debug": "~4.3.1", - "engine.io-parser": "~5.2.1", - "ws": "~8.11.0" - }, - "dependencies": { - "cookie": { - "version": "0.4.2", - "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.2.tgz", - "integrity": "sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==", - "dev": true - }, - "ws": { - "version": "8.11.0", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz", - "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==", - "dev": true, - "requires": {} - } - } - }, - "engine.io-client": { - "version": "6.5.2", - "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.5.2.tgz", - "integrity": "sha512-CQZqbrpEYnrpGqC07a9dJDz4gePZUgTPMU3NKJPSeQOyw27Tst4Pl3FemKoFGAlHzgZmKjoRmiJvbWfhCXUlIg==", - "dev": true, - "requires": { - "@socket.io/component-emitter": "~3.1.0", - "debug": "~4.3.1", - "engine.io-parser": "~5.2.1", - "ws": "~8.11.0", - "xmlhttprequest-ssl": "~2.0.0" - }, - "dependencies": { - "ws": { - "version": "8.11.0", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz", - "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==", - "dev": true, - "requires": {} - } - } - }, - "engine.io-parser": { - "version": "5.2.1", - "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.1.tgz", - "integrity": "sha512-9JktcM3u18nU9N2Lz3bWeBgxVgOKpw7yhRaoxQA3FUDZzzw+9WlA6p4G4u0RixNkg14fH7EfEc/RhpurtiROTQ==", - "dev": true - }, - "enhanced-resolve": { - "version": "5.15.0", - "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz", - "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==", - "dev": true, - "requires": { - "graceful-fs": "^4.2.4", - "tapable": "^2.2.0" - } - }, - "enquirer": { - "version": "2.3.6", - "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz", - "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==", - "dev": true, - "requires": { - "ansi-colors": "^4.1.1" - } - }, - "ent": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/ent/-/ent-2.2.0.tgz", - "integrity": "sha512-GHrMyVZQWvTIdDtpiEXdHZnFQKzeO09apj8Cbl4pKWy4i0Oprcq17usfDt5aO63swf0JOeMWjWQE/LzgSRuWpA==", - "dev": true - }, - "entities": { - "version": "4.5.0", - "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", - "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", - "dev": true - }, - "env-paths": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", - "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==", - "dev": true - }, - "err-code": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/err-code/-/err-code-2.0.3.tgz", - "integrity": "sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==", - "dev": true - }, - "errno": { - "version": "0.1.8", - "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz", - "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==", - "dev": true, - "optional": true, - "requires": { - "prr": "~1.0.1" - } - }, - "error-ex": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", - "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", - "dev": true, - "requires": { - "is-arrayish": "^0.2.1" - } - }, - "es-abstract": { - "version": "1.22.1", - "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.1.tgz", - "integrity": "sha512-ioRRcXMO6OFyRpyzV3kE1IIBd4WG5/kltnzdxSCqoP8CMGs/Li+M1uF5o7lOkZVFjDs+NLesthnF66Pg/0q0Lw==", - "dev": true, - "requires": { - "array-buffer-byte-length": "^1.0.0", - "arraybuffer.prototype.slice": "^1.0.1", - "available-typed-arrays": "^1.0.5", - "call-bind": "^1.0.2", - "es-set-tostringtag": "^2.0.1", - "es-to-primitive": "^1.2.1", - "function.prototype.name": "^1.1.5", - "get-intrinsic": "^1.2.1", - "get-symbol-description": "^1.0.0", - "globalthis": "^1.0.3", - "gopd": "^1.0.1", - "has": "^1.0.3", - "has-property-descriptors": "^1.0.0", - "has-proto": "^1.0.1", - "has-symbols": "^1.0.3", - "internal-slot": "^1.0.5", - "is-array-buffer": "^3.0.2", - "is-callable": "^1.2.7", - "is-negative-zero": "^2.0.2", - "is-regex": "^1.1.4", - "is-shared-array-buffer": "^1.0.2", - "is-string": "^1.0.7", - "is-typed-array": "^1.1.10", - "is-weakref": "^1.0.2", - "object-inspect": "^1.12.3", - "object-keys": "^1.1.1", - "object.assign": "^4.1.4", - "regexp.prototype.flags": "^1.5.0", - "safe-array-concat": "^1.0.0", - "safe-regex-test": "^1.0.0", - "string.prototype.trim": "^1.2.7", - "string.prototype.trimend": "^1.0.6", - "string.prototype.trimstart": "^1.0.6", - "typed-array-buffer": "^1.0.0", - "typed-array-byte-length": "^1.0.0", - "typed-array-byte-offset": "^1.0.0", - "typed-array-length": "^1.0.4", - "unbox-primitive": "^1.0.2", - "which-typed-array": "^1.1.10" - } - }, - "es-get-iterator": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz", - "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "get-intrinsic": "^1.1.3", - "has-symbols": "^1.0.3", - "is-arguments": "^1.1.1", - "is-map": "^2.0.2", - "is-set": "^2.0.2", - "is-string": "^1.0.7", - "isarray": "^2.0.5", - "stop-iteration-iterator": "^1.0.0" - } - }, - "es-module-lexer": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.3.0.tgz", - "integrity": "sha512-vZK7T0N2CBmBOixhmjdqx2gWVbFZ4DXZ/NyRMZVlJXPa7CyFS+/a4QQsDGDQy9ZfEzxFuNEsMLeQJnKP2p5/JA==", - "dev": true - }, - "es-set-tostringtag": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz", - "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==", - "dev": true, - "requires": { - "get-intrinsic": "^1.1.3", - "has": "^1.0.3", - "has-tostringtag": "^1.0.0" - } - }, - "es-shim-unscopables": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz", - "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==", - "dev": true, - "requires": { - "has": "^1.0.3" - } - }, - "es-to-primitive": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz", - "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==", - "dev": true, - "requires": { - "is-callable": "^1.1.4", - "is-date-object": "^1.0.1", - "is-symbol": "^1.0.2" - } - }, - "es5-ext": { - "version": "0.10.62", - "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.62.tgz", - "integrity": "sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==", - "dev": true, - "requires": { - "es6-iterator": "^2.0.3", - "es6-symbol": "^3.1.3", - "next-tick": "^1.1.0" - } - }, - "es6-iterator": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz", - "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==", - "dev": true, - "requires": { - "d": "1", - "es5-ext": "^0.10.35", - "es6-symbol": "^3.1.1" - } - }, - "es6-symbol": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz", - "integrity": "sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==", - "dev": true, - "requires": { - "d": "^1.0.1", - "ext": "^1.1.2" - } - }, - "es6-weak-map": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/es6-weak-map/-/es6-weak-map-2.0.3.tgz", - "integrity": "sha512-p5um32HOTO1kP+w7PRnB+5lQ43Z6muuMuIMffvDN8ZB4GcnjLBV6zGStpbASIMk4DCAvEaamhe2zhyCb/QXXsA==", - "dev": true, - "requires": { - "d": "1", - "es5-ext": "^0.10.46", - "es6-iterator": "^2.0.3", - "es6-symbol": "^3.1.1" - } - }, - "esbuild": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.17.tgz", - "integrity": "sha512-1GJtYnUxsJreHYA0Y+iQz2UEykonY66HNWOb0yXYZi9/kNrORUEHVg87eQsCtqh59PEJ5YVZJO98JHznMJSWjg==", - "dev": true, - "requires": { - "@esbuild/android-arm": "0.18.17", - "@esbuild/android-arm64": "0.18.17", - "@esbuild/android-x64": "0.18.17", - "@esbuild/darwin-arm64": "0.18.17", - "@esbuild/darwin-x64": "0.18.17", - "@esbuild/freebsd-arm64": "0.18.17", - "@esbuild/freebsd-x64": "0.18.17", - "@esbuild/linux-arm": "0.18.17", - "@esbuild/linux-arm64": "0.18.17", - "@esbuild/linux-ia32": "0.18.17", - "@esbuild/linux-loong64": "0.18.17", - "@esbuild/linux-mips64el": "0.18.17", - "@esbuild/linux-ppc64": "0.18.17", - "@esbuild/linux-riscv64": "0.18.17", - "@esbuild/linux-s390x": "0.18.17", - "@esbuild/linux-x64": "0.18.17", - "@esbuild/netbsd-x64": "0.18.17", - "@esbuild/openbsd-x64": "0.18.17", - "@esbuild/sunos-x64": "0.18.17", - "@esbuild/win32-arm64": "0.18.17", - "@esbuild/win32-ia32": "0.18.17", - "@esbuild/win32-x64": "0.18.17" - } - }, - "esbuild-wasm": { - "version": "0.18.17", - "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.18.17.tgz", - "integrity": "sha512-9OHGcuRzy+I8ziF9FzjfKLWAPbvi0e/metACVg9k6bK+SI4FFxeV6PcZsz8RIVaMD4YNehw+qj6UMR3+qj/EuQ==", - "dev": true - }, - "escalade": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", - "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", - "dev": true - }, - "escape-html": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", - "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==", - "dev": true - }, - "escape-string-regexp": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", - "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", - "dev": true - }, - "escodegen": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz", - "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==", - "dev": true, - "requires": { - "esprima": "^4.0.1", - "estraverse": "^5.2.0", - "esutils": "^2.0.2", - "source-map": "~0.6.1" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true, - "optional": true - } - } - }, - "eslint": { - "version": "8.46.0", - "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.46.0.tgz", - "integrity": "sha512-cIO74PvbW0qU8e0mIvk5IV3ToWdCq5FYG6gWPHHkx6gNdjlbAYvtfHmlCMXxjcoVaIdwy/IAt3+mDkZkfvb2Dg==", - "dev": true, - "requires": { - "@eslint-community/eslint-utils": "^4.2.0", - "@eslint-community/regexpp": "^4.6.1", - "@eslint/eslintrc": "^2.1.1", - "@eslint/js": "^8.46.0", - "@humanwhocodes/config-array": "^0.11.10", - "@humanwhocodes/module-importer": "^1.0.1", - "@nodelib/fs.walk": "^1.2.8", - "ajv": "^6.12.4", - "chalk": "^4.0.0", - "cross-spawn": "^7.0.2", - "debug": "^4.3.2", - "doctrine": "^3.0.0", - "escape-string-regexp": "^4.0.0", - "eslint-scope": "^7.2.2", - "eslint-visitor-keys": "^3.4.2", - "espree": "^9.6.1", - "esquery": "^1.4.2", - "esutils": "^2.0.2", - "fast-deep-equal": "^3.1.3", - "file-entry-cache": "^6.0.1", - "find-up": "^5.0.0", - "glob-parent": "^6.0.2", - "globals": "^13.19.0", - "graphemer": "^1.4.0", - "ignore": "^5.2.0", - "imurmurhash": "^0.1.4", - "is-glob": "^4.0.0", - "is-path-inside": "^3.0.3", - "js-yaml": "^4.1.0", - "json-stable-stringify-without-jsonify": "^1.0.1", - "levn": "^0.4.1", - "lodash.merge": "^4.6.2", - "minimatch": "^3.1.2", - "natural-compare": "^1.4.0", - "optionator": "^0.9.3", - "strip-ansi": "^6.0.1", - "text-table": "^0.2.0" - }, - "dependencies": { - "ajv": { - "version": "6.12.6", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", - "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", - "dev": true, - "requires": { - "fast-deep-equal": "^3.1.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" - } - }, - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "argparse": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", - "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", - "dev": true - }, - "chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "escape-string-regexp": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", - "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", - "dev": true - }, - "find-up": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", - "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==", - "dev": true, - "requires": { - "locate-path": "^6.0.0", - "path-exists": "^4.0.0" - } - }, - "glob-parent": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", - "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", - "dev": true, - "requires": { - "is-glob": "^4.0.3" - } - }, - "globals": { - "version": "13.20.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz", - "integrity": "sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==", - "dev": true, - "requires": { - "type-fest": "^0.20.2" - } - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "is-path-inside": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz", - "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==", - "dev": true - }, - "js-yaml": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", - "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", - "dev": true, - "requires": { - "argparse": "^2.0.1" - } - }, - "json-schema-traverse": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", - "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", - "dev": true - }, - "locate-path": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz", - "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==", - "dev": true, - "requires": { - "p-locate": "^5.0.0" - } - }, - "p-limit": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", - "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==", - "dev": true, - "requires": { - "yocto-queue": "^0.1.0" - } - }, - "p-locate": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz", - "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==", - "dev": true, - "requires": { - "p-limit": "^3.0.2" - } - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - }, - "type-fest": { - "version": "0.20.2", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz", - "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==", - "dev": true - } - } - }, - "eslint-config-prettier": { - "version": "8.10.0", - "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.10.0.tgz", - "integrity": "sha512-SM8AMJdeQqRYT9O9zguiruQZaN7+z+E4eAP9oiLNGKMtomwaB1E9dcgUD6ZAn/eQAb52USbvezbiljfZUhbJcg==", - "dev": true, - "requires": {} - }, - "eslint-import-resolver-node": { - "version": "0.3.9", - "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz", - "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==", - "dev": true, - "requires": { - "debug": "^3.2.7", - "is-core-module": "^2.13.0", - "resolve": "^1.22.4" - }, - "dependencies": { - "debug": { - "version": "3.2.7", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz", - "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==", - "dev": true, - "requires": { - "ms": "^2.1.1" - } - }, - "resolve": { - "version": "1.22.4", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.4.tgz", - "integrity": "sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==", - "dev": true, - "requires": { - "is-core-module": "^2.13.0", - "path-parse": "^1.0.7", - "supports-preserve-symlinks-flag": "^1.0.0" - } - } - } - }, - "eslint-module-utils": { - "version": "2.8.0", - "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz", - "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==", - "dev": true, - "requires": { - "debug": "^3.2.7" - }, - "dependencies": { - "debug": { - "version": "3.2.7", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz", - "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==", - "dev": true, - "requires": { - "ms": "^2.1.1" - } - } - } - }, - "eslint-plugin-import": { - "version": "2.28.0", - "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.28.0.tgz", - "integrity": "sha512-B8s/n+ZluN7sxj9eUf7/pRFERX0r5bnFA2dCaLHy2ZeaQEAz0k+ZZkFWRFHJAqxfxQDx6KLv9LeIki7cFdwW+Q==", - "dev": true, - "requires": { - "array-includes": "^3.1.6", - "array.prototype.findlastindex": "^1.2.2", - "array.prototype.flat": "^1.3.1", - "array.prototype.flatmap": "^1.3.1", - "debug": "^3.2.7", - "doctrine": "^2.1.0", - "eslint-import-resolver-node": "^0.3.7", - "eslint-module-utils": "^2.8.0", - "has": "^1.0.3", - "is-core-module": "^2.12.1", - "is-glob": "^4.0.3", - "minimatch": "^3.1.2", - "object.fromentries": "^2.0.6", - "object.groupby": "^1.0.0", - "object.values": "^1.1.6", - "resolve": "^1.22.3", - "semver": "^6.3.1", - "tsconfig-paths": "^3.14.2" - }, - "dependencies": { - "debug": { - "version": "3.2.7", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz", - "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==", - "dev": true, - "requires": { - "ms": "^2.1.1" - } - }, - "doctrine": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz", - "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==", - "dev": true, - "requires": { - "esutils": "^2.0.2" - } - }, - "resolve": { - "version": "1.22.4", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.4.tgz", - "integrity": "sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==", - "dev": true, - "requires": { - "is-core-module": "^2.13.0", - "path-parse": "^1.0.7", - "supports-preserve-symlinks-flag": "^1.0.0" - } - }, - "semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true - } - } - }, - "eslint-plugin-jsdoc": { - "version": "46.4.6", - "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-46.4.6.tgz", - "integrity": "sha512-z4SWYnJfOqftZI+b3RM9AtWL1vF/sLWE/LlO9yOKDof9yN2+n3zOdOJTGX/pRE/xnPsooOLG2Rq6e4d+XW3lNw==", - "dev": true, - "requires": { - "@es-joy/jsdoccomment": "~0.40.1", - "are-docs-informative": "^0.0.2", - "comment-parser": "1.4.0", - "debug": "^4.3.4", - "escape-string-regexp": "^4.0.0", - "esquery": "^1.5.0", - "is-builtin-module": "^3.2.1", - "semver": "^7.5.4", - "spdx-expression-parse": "^3.0.1" - }, - "dependencies": { - "escape-string-regexp": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", - "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", - "dev": true - } - } - }, - "eslint-plugin-prefer-arrow": { - "version": "1.2.3", - "resolved": "https://registry.npmjs.org/eslint-plugin-prefer-arrow/-/eslint-plugin-prefer-arrow-1.2.3.tgz", - "integrity": "sha512-J9I5PKCOJretVuiZRGvPQxCbllxGAV/viI20JO3LYblAodofBxyMnZAJ+WGeClHgANnSJberTNoFWWjrWKBuXQ==", - "dev": true, - "requires": {} - }, - "eslint-scope": { - "version": "7.2.2", - "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz", - "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==", - "dev": true, - "requires": { - "esrecurse": "^4.3.0", - "estraverse": "^5.2.0" - } - }, - "eslint-visitor-keys": { - "version": "3.4.2", - "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.2.tgz", - "integrity": "sha512-8drBzUEyZ2llkpCA67iYrgEssKDUu68V8ChqqOfFupIaG/LCVPUT+CoGJpT77zJprs4T/W7p07LP7zAIMuweVw==", - "dev": true - }, - "espree": { - "version": "9.6.1", - "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz", - "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==", - "dev": true, - "requires": { - "acorn": "^8.9.0", - "acorn-jsx": "^5.3.2", - "eslint-visitor-keys": "^3.4.1" - } - }, - "esprima": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz", - "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==", - "dev": true - }, - "esquery": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz", - "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==", - "dev": true, - "requires": { - "estraverse": "^5.1.0" - } - }, - "esrecurse": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz", - "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==", - "dev": true, - "requires": { - "estraverse": "^5.2.0" - } - }, - "estraverse": { - "version": "5.3.0", - "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", - "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", - "dev": true - }, - "estree-walker": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz", - "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==", - "dev": true - }, - "esutils": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", - "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", - "dev": true - }, - "etag": { - "version": "1.8.1", - "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", - "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==", - "dev": true - }, - "eventemitter-asyncresource": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/eventemitter-asyncresource/-/eventemitter-asyncresource-1.0.0.tgz", - "integrity": "sha512-39F7TBIV0G7gTelxwbEqnwhp90eqCPON1k0NwNfwhgKn4Co4ybUbj2pECcXT0B3ztRKZ7Pw1JujUUgmQJHcVAQ==", - "dev": true - }, - "eventemitter3": { - "version": "4.0.7", - "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz", - "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==", - "dev": true - }, - "events": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz", - "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==", - "dev": true - }, - "execa": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz", - "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==", - "dev": true, - "requires": { - "cross-spawn": "^7.0.3", - "get-stream": "^6.0.0", - "human-signals": "^2.1.0", - "is-stream": "^2.0.0", - "merge-stream": "^2.0.0", - "npm-run-path": "^4.0.1", - "onetime": "^5.1.2", - "signal-exit": "^3.0.3", - "strip-final-newline": "^2.0.0" - } - }, - "expand-brackets": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", - "integrity": "sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==", - "dev": true, - "requires": { - "debug": "^2.3.3", - "define-property": "^0.2.5", - "extend-shallow": "^2.0.1", - "posix-character-classes": "^0.1.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "debug": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", - "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", - "dev": true, - "requires": { - "ms": "2.0.0" - } - }, - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - } - }, - "is-extendable": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", - "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==", - "dev": true - }, - "ms": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", - "dev": true - } - } - }, - "expand-tilde": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz", - "integrity": "sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==", - "dev": true, - "requires": { - "homedir-polyfill": "^1.0.1" - } - }, - "expect": { - "version": "29.6.2", - "resolved": "https://registry.npmjs.org/expect/-/expect-29.6.2.tgz", - "integrity": "sha512-iAErsLxJ8C+S02QbLAwgSGSezLQK+XXRDt8IuFXFpwCNw2ECmzZSmjKcCaFVp5VRMk+WAvz6h6jokzEzBFZEuA==", - "dev": true, - "requires": { - "@jest/expect-utils": "^29.6.2", - "@types/node": "*", - "jest-get-type": "^29.4.3", - "jest-matcher-utils": "^29.6.2", - "jest-message-util": "^29.6.2", - "jest-util": "^29.6.2" - } - }, - "exponential-backoff": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.1.tgz", - "integrity": "sha512-dX7e/LHVJ6W3DE1MHWi9S1EYzDESENfLrYohG2G++ovZrYOkm4Knwa0mc1cn84xJOR4KEU0WSchhLbd0UklbHw==", - "dev": true - }, - "express": { - "version": "4.18.2", - "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz", - "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==", - "dev": true, - "requires": { - "accepts": "~1.3.8", - "array-flatten": "1.1.1", - "body-parser": "1.20.1", - "content-disposition": "0.5.4", - "content-type": "~1.0.4", - "cookie": "0.5.0", - "cookie-signature": "1.0.6", - "debug": "2.6.9", - "depd": "2.0.0", - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "etag": "~1.8.1", - "finalhandler": "1.2.0", - "fresh": "0.5.2", - "http-errors": "2.0.0", - "merge-descriptors": "1.0.1", - "methods": "~1.1.2", - "on-finished": "2.4.1", - "parseurl": "~1.3.3", - "path-to-regexp": "0.1.7", - "proxy-addr": "~2.0.7", - "qs": "6.11.0", - "range-parser": "~1.2.1", - "safe-buffer": "5.2.1", - "send": "0.18.0", - "serve-static": "1.15.0", - "setprototypeof": "1.2.0", - "statuses": "2.0.1", - "type-is": "~1.6.18", - "utils-merge": "1.0.1", - "vary": "~1.1.2" - }, - "dependencies": { - "debug": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", - "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", - "dev": true, - "requires": { - "ms": "2.0.0" - } - }, - "finalhandler": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz", - "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==", - "dev": true, - "requires": { - "debug": "2.6.9", - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "on-finished": "2.4.1", - "parseurl": "~1.3.3", - "statuses": "2.0.1", - "unpipe": "~1.0.0" - } - }, - "mime": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", - "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", - "dev": true - }, - "ms": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", - "dev": true - }, - "send": { - "version": "0.18.0", - "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz", - "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==", - "dev": true, - "requires": { - "debug": "2.6.9", - "depd": "2.0.0", - "destroy": "1.2.0", - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "etag": "~1.8.1", - "fresh": "0.5.2", - "http-errors": "2.0.0", - "mime": "1.6.0", - "ms": "2.1.3", - "on-finished": "2.4.1", - "range-parser": "~1.2.1", - "statuses": "2.0.1" - }, - "dependencies": { - "ms": { - "version": "2.1.3", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", - "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", - "dev": true - } - } - }, - "serve-static": { - "version": "1.15.0", - "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz", - "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==", - "dev": true, - "requires": { - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "parseurl": "~1.3.3", - "send": "0.18.0" - } - } - } - }, - "ext": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/ext/-/ext-1.7.0.tgz", - "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==", - "dev": true, - "requires": { - "type": "^2.7.2" - }, - "dependencies": { - "type": { - "version": "2.7.2", - "resolved": "https://registry.npmjs.org/type/-/type-2.7.2.tgz", - "integrity": "sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==", - "dev": true - } - } - }, - "extend": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", - "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==", - "dev": true - }, - "extend-shallow": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz", - "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==", - "dev": true, - "requires": { - "assign-symbols": "^1.0.0", - "is-extendable": "^1.0.1" - } - }, - "external-editor": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz", - "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==", - "dev": true, - "requires": { - "chardet": "^0.7.0", - "iconv-lite": "^0.4.24", - "tmp": "^0.0.33" - }, - "dependencies": { - "tmp": { - "version": "0.0.33", - "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz", - "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==", - "dev": true, - "requires": { - "os-tmpdir": "~1.0.2" - } - } - } - }, - "extglob": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", - "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==", - "dev": true, - "requires": { - "array-unique": "^0.3.2", - "define-property": "^1.0.0", - "expand-brackets": "^2.1.4", - "extend-shallow": "^2.0.1", - "fragment-cache": "^0.2.1", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==", - "dev": true, - "requires": { - "is-descriptor": "^1.0.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - }, - "is-extendable": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", - "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==", - "dev": true - } - } - }, - "fancy-log": { - "version": "1.3.3", - "resolved": "https://registry.npmjs.org/fancy-log/-/fancy-log-1.3.3.tgz", - "integrity": "sha512-k9oEhlyc0FrVh25qYuSELjr8oxsCoc4/LEZfg2iJJrfEk/tZL9bCoJE47gqAvI2m/AUjluCS4+3I0eTx8n3AEw==", - "dev": true, - "requires": { - "ansi-gray": "^0.1.1", - "color-support": "^1.1.3", - "parse-node-version": "^1.0.0", - "time-stamp": "^1.0.0" - } - }, - "fast-deep-equal": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", - "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", - "dev": true - }, - "fast-diff": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.1.2.tgz", - "integrity": "sha512-KaJUt+M9t1qaIteSvjc6P3RbMdXsNhK61GRftR6SNxqmhthcd9MGIi4T+o0jD8LUSpSnSKXE20nLtJ3fOHxQig==", - "dev": true - }, - "fast-glob": { - "version": "3.3.1", - "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz", - "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==", - "dev": true, - "requires": { - "@nodelib/fs.stat": "^2.0.2", - "@nodelib/fs.walk": "^1.2.3", - "glob-parent": "^5.1.2", - "merge2": "^1.3.0", - "micromatch": "^4.0.4" - } - }, - "fast-json-stable-stringify": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", - "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", - "dev": true - }, - "fast-levenshtein": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz", - "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==", - "dev": true - }, - "fastq": { - "version": "1.15.0", - "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz", - "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==", - "dev": true, - "requires": { - "reusify": "^1.0.4" - } - }, - "faye-websocket": { - "version": "0.11.4", - "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz", - "integrity": "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==", - "dev": true, - "requires": { - "websocket-driver": ">=0.5.1" - } - }, - "fflate": { - "version": "0.4.8", - "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.4.8.tgz", - "integrity": "sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==", - "dev": true - }, - "figures": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz", - "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==", - "dev": true, - "requires": { - "escape-string-regexp": "^1.0.5" - } - }, - "file-entry-cache": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz", - "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==", - "dev": true, - "requires": { - "flat-cache": "^3.0.4" - } - }, - "file-saver": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.5.tgz", - "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==", - "dev": true - }, - "file-uri-to-path": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz", - "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==", - "dev": true, - "optional": true - }, - "filelist": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz", - "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==", - "dev": true, - "requires": { - "minimatch": "^5.0.1" - }, - "dependencies": { - "brace-expansion": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", - "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", - "dev": true, - "requires": { - "balanced-match": "^1.0.0" - } - }, - "minimatch": { - "version": "5.1.6", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz", - "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==", - "dev": true, - "requires": { - "brace-expansion": "^2.0.1" - } - } - } - }, - "fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", - "dev": true, - "requires": { - "to-regex-range": "^5.0.1" - } - }, - "finalhandler": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.0.tgz", - "integrity": "sha512-ejnvM9ZXYzp6PUPUyQBMBf0Co5VX2gr5H2VQe2Ui2jWXNlxv+PYZo8wpAymJNJdLsG1R4p+M4aynF8KuoUEwRw==", - "dev": true, - "requires": { - "debug": "2.6.9", - "encodeurl": "~1.0.1", - "escape-html": "~1.0.3", - "on-finished": "~2.3.0", - "parseurl": "~1.3.2", - "statuses": "~1.3.1", - "unpipe": "~1.0.0" - }, - "dependencies": { - "debug": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", - "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", - "dev": true, - "requires": { - "ms": "2.0.0" - } - }, - "ms": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", - "dev": true - }, - "on-finished": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", - "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==", - "dev": true, - "requires": { - "ee-first": "1.1.1" - } - }, - "statuses": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.3.1.tgz", - "integrity": "sha512-wuTCPGlJONk/a1kqZ4fQM2+908lC7fa7nPYpTC1EhnvqLX/IICbeP1OZGDtA374trpSq68YubKUMo8oRhN46yg==", - "dev": true - } - } - }, - "find-cache-dir": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-4.0.0.tgz", - "integrity": "sha512-9ZonPT4ZAK4a+1pUPVPZJapbi7O5qbbJPdYw/NOQWZZbVLdDTYM3A4R9z/DpAM08IDaFGsvPgiGZ82WEwUDWjg==", - "dev": true, - "requires": { - "common-path-prefix": "^3.0.0", - "pkg-dir": "^7.0.0" - } - }, - "find-up": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", - "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", - "dev": true, - "requires": { - "locate-path": "^5.0.0", - "path-exists": "^4.0.0" - } - }, - "findup-sync": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-3.0.0.tgz", - "integrity": "sha512-YbffarhcicEhOrm4CtrwdKBdCuz576RLdhJDsIfvNtxUuhdRet1qZcsMjqbePtAseKdAnDyM/IyXbu7PRPRLYg==", - "dev": true, - "requires": { - "detect-file": "^1.0.0", - "is-glob": "^4.0.0", - "micromatch": "^3.0.4", - "resolve-dir": "^1.0.1" - }, - "dependencies": { - "arr-diff": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", - "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==", - "dev": true - }, - "braces": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", - "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", - "dev": true, - "requires": { - "arr-flatten": "^1.1.0", - "array-unique": "^0.3.2", - "extend-shallow": "^2.0.1", - "fill-range": "^4.0.0", - "isobject": "^3.0.1", - "repeat-element": "^1.1.2", - "snapdragon": "^0.8.1", - "snapdragon-node": "^2.0.1", - "split-string": "^3.0.2", - "to-regex": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "fill-range": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", - "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==", - "dev": true, - "requires": { - "extend-shallow": "^2.0.1", - "is-number": "^3.0.0", - "repeat-string": "^1.6.1", - "to-regex-range": "^2.1.0" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "is-extendable": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", - "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==", - "dev": true - }, - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true - }, - "micromatch": { - "version": "3.1.10", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", - "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", - "dev": true, - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "braces": "^2.3.1", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "extglob": "^2.0.4", - "fragment-cache": "^0.2.1", - "kind-of": "^6.0.2", - "nanomatch": "^1.2.9", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.2" - } - }, - "to-regex-range": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz", - "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==", - "dev": true, - "requires": { - "is-number": "^3.0.0", - "repeat-string": "^1.6.1" - } - } - } - }, - "fined": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/fined/-/fined-1.2.0.tgz", - "integrity": "sha512-ZYDqPLGxDkDhDZBjZBb+oD1+j0rA4E0pXY50eplAAOPg2N/gUBSSk5IM1/QhPfyVo19lJ+CvXpqfvk+b2p/8Ng==", - "dev": true, - "requires": { - "expand-tilde": "^2.0.2", - "is-plain-object": "^2.0.3", - "object.defaults": "^1.1.0", - "object.pick": "^1.2.0", - "parse-filepath": "^1.0.1" - }, - "dependencies": { - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - } - } - }, - "flagged-respawn": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/flagged-respawn/-/flagged-respawn-1.0.1.tgz", - "integrity": "sha512-lNaHNVymajmk0OJMBn8fVUAU1BtDeKIqKoVhk4xAALB57aALg6b4W0MfJ/cUE0g9YBXy5XhSlPIpYIJ7HaY/3Q==", - "dev": true - }, - "flat": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz", - "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==", - "dev": true - }, - "flat-cache": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz", - "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==", - "dev": true, - "requires": { - "flatted": "^3.1.0", - "rimraf": "^3.0.2" - } - }, - "flatted": { - "version": "3.2.7", - "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.7.tgz", - "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==", - "dev": true - }, - "flush-write-stream": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/flush-write-stream/-/flush-write-stream-1.1.1.tgz", - "integrity": "sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w==", - "dev": true, - "requires": { - "inherits": "^2.0.3", - "readable-stream": "^2.3.6" - } - }, - "follow-redirects": { - "version": "1.15.2", - "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz", - "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==", - "dev": true - }, - "for-each": { - "version": "0.3.3", - "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz", - "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==", - "dev": true, - "requires": { - "is-callable": "^1.1.3" - } - }, - "for-in": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz", - "integrity": "sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==", - "dev": true - }, - "for-own": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/for-own/-/for-own-1.0.0.tgz", - "integrity": "sha512-0OABksIGrxKK8K4kynWkQ7y1zounQxP+CWnyclVwj81KW3vlLlGUx57DKGcP/LH216GzqnstnPocF16Nxs0Ycg==", - "dev": true, - "requires": { - "for-in": "^1.0.1" - } - }, - "foreground-child": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz", - "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==", - "dev": true, - "requires": { - "cross-spawn": "^7.0.0", - "signal-exit": "^4.0.1" - }, - "dependencies": { - "signal-exit": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", - "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", - "dev": true - } - } - }, - "form-data": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz", - "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==", - "dev": true, - "requires": { - "asynckit": "^0.4.0", - "combined-stream": "^1.0.8", - "mime-types": "^2.1.12" - } - }, - "forwarded": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz", - "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==", - "dev": true - }, - "frac": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/frac/-/frac-1.1.2.tgz", - "integrity": "sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==", - "dev": true - }, - "fraction.js": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz", - "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==", - "dev": true - }, - "fragment-cache": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz", - "integrity": "sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==", - "dev": true, - "requires": { - "map-cache": "^0.2.2" - } - }, - "fresh": { - "version": "0.5.2", - "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", - "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==", - "dev": true - }, - "fs-constants": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz", - "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==", - "dev": true - }, - "fs-extra": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-3.0.1.tgz", - "integrity": "sha512-V3Z3WZWVUYd8hoCL5xfXJCaHWYzmtwW5XWYSlLgERi8PWd8bx1kUHUk8L1BT57e49oKnDDD180mjfrHc1yA9rg==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.2", - "jsonfile": "^3.0.0", - "universalify": "^0.1.0" - } - }, - "fs-minipass": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-3.0.2.tgz", - "integrity": "sha512-2GAfyfoaCDRrM6jaOS3UsBts8yJ55VioXdWcOL7dK9zdAuKT71+WBA4ifnNYqVjYv+4SsPxjK0JT4yIIn4cA/g==", - "dev": true, - "requires": { - "minipass": "^5.0.0" - } - }, - "fs-mkdirp-stream": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/fs-mkdirp-stream/-/fs-mkdirp-stream-1.0.0.tgz", - "integrity": "sha512-+vSd9frUnapVC2RZYfL3FCB2p3g4TBhaUmrsWlSudsGdnxIuUvBB2QM1VZeBtc49QFwrp+wQLrDs3+xxDgI5gQ==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.11", - "through2": "^2.0.3" - } - }, - "fs-monkey": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.4.tgz", - "integrity": "sha512-INM/fWAxMICjttnD0DX1rBvinKskj5G1w+oy/pnm9u/tSlnBrzFonJMcalKJ30P8RRsPzKcCG7Q8l0jx5Fh9YQ==", - "dev": true - }, - "fs.realpath": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", - "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", - "dev": true - }, - "fsevents": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", - "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", - "dev": true, - "optional": true - }, - "function-bind": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", - "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==", - "dev": true - }, - "function.prototype.name": { - "version": "1.1.5", - "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.5.tgz", - "integrity": "sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "define-properties": "^1.1.3", - "es-abstract": "^1.19.0", - "functions-have-names": "^1.2.2" - } - }, - "functions-have-names": { - "version": "1.2.3", - "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz", - "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==", - "dev": true - }, - "gauge": { - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/gauge/-/gauge-4.0.4.tgz", - "integrity": "sha512-f9m+BEN5jkg6a0fZjleidjN51VE1X+mPFQ2DJ0uv1V39oCLCbsGe6yjbBnp7eK7z/+GAon99a3nHuqbuuthyPg==", - "dev": true, - "requires": { - "aproba": "^1.0.3 || ^2.0.0", - "color-support": "^1.1.3", - "console-control-strings": "^1.1.0", - "has-unicode": "^2.0.1", - "signal-exit": "^3.0.7", - "string-width": "^4.2.3", - "strip-ansi": "^6.0.1", - "wide-align": "^1.1.5" - } - }, - "gensync": { - "version": "1.0.0-beta.2", - "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", - "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", - "dev": true - }, - "get-caller-file": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", - "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", - "dev": true - }, - "get-intrinsic": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz", - "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==", - "dev": true, - "requires": { - "function-bind": "^1.1.1", - "has": "^1.0.3", - "has-proto": "^1.0.1", - "has-symbols": "^1.0.3" - } - }, - "get-package-type": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz", - "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==", - "dev": true - }, - "get-stream": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz", - "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==", - "dev": true - }, - "get-symbol-description": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz", - "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "get-intrinsic": "^1.1.1" - } - }, - "get-value": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz", - "integrity": "sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==", - "dev": true - }, - "glob": { - "version": "7.2.3", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", - "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", - "dev": true, - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.1.1", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - } - }, - "glob-parent": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", - "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", - "dev": true, - "requires": { - "is-glob": "^4.0.1" - } - }, - "glob-stream": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/glob-stream/-/glob-stream-6.1.0.tgz", - "integrity": "sha512-uMbLGAP3S2aDOHUDfdoYcdIePUCfysbAd0IAoWVZbeGU/oNQ8asHVSshLDJUPWxfzj8zsCG7/XeHPHTtow0nsw==", - "dev": true, - "requires": { - "extend": "^3.0.0", - "glob": "^7.1.1", - "glob-parent": "^3.1.0", - "is-negated-glob": "^1.0.0", - "ordered-read-streams": "^1.0.0", - "pumpify": "^1.3.5", - "readable-stream": "^2.1.5", - "remove-trailing-separator": "^1.0.1", - "to-absolute-glob": "^2.0.0", - "unique-stream": "^2.0.2" - }, - "dependencies": { - "glob-parent": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", - "integrity": "sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==", - "dev": true, - "requires": { - "is-glob": "^3.1.0", - "path-dirname": "^1.0.0" - } - }, - "is-glob": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", - "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==", - "dev": true, - "requires": { - "is-extglob": "^2.1.0" - } - } - } - }, - "glob-to-regexp": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz", - "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==", - "dev": true - }, - "glob-watcher": { - "version": "5.0.5", - "resolved": "https://registry.npmjs.org/glob-watcher/-/glob-watcher-5.0.5.tgz", - "integrity": "sha512-zOZgGGEHPklZNjZQaZ9f41i7F2YwE+tS5ZHrDhbBCk3stwahn5vQxnFmBJZHoYdusR6R1bLSXeGUy/BhctwKzw==", - "dev": true, - "requires": { - "anymatch": "^2.0.0", - "async-done": "^1.2.0", - "chokidar": "^2.0.0", - "is-negated-glob": "^1.0.0", - "just-debounce": "^1.0.0", - "normalize-path": "^3.0.0", - "object.defaults": "^1.1.0" - }, - "dependencies": { - "anymatch": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz", - "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==", - "dev": true, - "requires": { - "micromatch": "^3.1.4", - "normalize-path": "^2.1.1" - }, - "dependencies": { - "normalize-path": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", - "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==", - "dev": true, - "requires": { - "remove-trailing-separator": "^1.0.1" - } - } - } - }, - "arr-diff": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", - "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==", - "dev": true - }, - "binary-extensions": { - "version": "1.13.1", - "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz", - "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==", - "dev": true - }, - "braces": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", - "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", - "dev": true, - "requires": { - "arr-flatten": "^1.1.0", - "array-unique": "^0.3.2", - "extend-shallow": "^2.0.1", - "fill-range": "^4.0.0", - "isobject": "^3.0.1", - "repeat-element": "^1.1.2", - "snapdragon": "^0.8.1", - "snapdragon-node": "^2.0.1", - "split-string": "^3.0.2", - "to-regex": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "chokidar": { - "version": "2.1.8", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz", - "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==", - "dev": true, - "requires": { - "anymatch": "^2.0.0", - "async-each": "^1.0.1", - "braces": "^2.3.2", - "fsevents": "^1.2.7", - "glob-parent": "^3.1.0", - "inherits": "^2.0.3", - "is-binary-path": "^1.0.0", - "is-glob": "^4.0.0", - "normalize-path": "^3.0.0", - "path-is-absolute": "^1.0.0", - "readdirp": "^2.2.1", - "upath": "^1.1.1" - } - }, - "fill-range": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", - "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==", - "dev": true, - "requires": { - "extend-shallow": "^2.0.1", - "is-number": "^3.0.0", - "repeat-string": "^1.6.1", - "to-regex-range": "^2.1.0" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "fsevents": { - "version": "1.2.13", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz", - "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==", - "dev": true, - "optional": true, - "requires": { - "bindings": "^1.5.0", - "nan": "^2.12.1" - } - }, - "glob-parent": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", - "integrity": "sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==", - "dev": true, - "requires": { - "is-glob": "^3.1.0", - "path-dirname": "^1.0.0" - }, - "dependencies": { - "is-glob": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", - "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==", - "dev": true, - "requires": { - "is-extglob": "^2.1.0" - } - } - } - }, - "is-binary-path": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz", - "integrity": "sha512-9fRVlXc0uCxEDj1nQzaWONSpbTfx0FmJfzHF7pwlI8DkWGoHBBea4Pg5Ky0ojwwxQmnSifgbKkI06Qv0Ljgj+Q==", - "dev": true, - "requires": { - "binary-extensions": "^1.0.0" - } - }, - "is-extendable": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", - "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==", - "dev": true - }, - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - } - }, - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - }, - "micromatch": { - "version": "3.1.10", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", - "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", - "dev": true, - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "braces": "^2.3.1", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "extglob": "^2.0.4", - "fragment-cache": "^0.2.1", - "kind-of": "^6.0.2", - "nanomatch": "^1.2.9", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true - } - } - }, - "readdirp": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz", - "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.11", - "micromatch": "^3.1.10", - "readable-stream": "^2.0.2" - } - }, - "to-regex-range": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz", - "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==", - "dev": true, - "requires": { - "is-number": "^3.0.0", - "repeat-string": "^1.6.1" - } - } - } - }, - "global-modules": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-1.0.0.tgz", - "integrity": "sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==", - "dev": true, - "requires": { - "global-prefix": "^1.0.1", - "is-windows": "^1.0.1", - "resolve-dir": "^1.0.0" - } - }, - "global-prefix": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-1.0.2.tgz", - "integrity": "sha512-5lsx1NUDHtSjfg0eHlmYvZKv8/nVqX4ckFbM+FrGcQ+04KWcWFo9P5MxPZYSzUvyzmdTbI7Eix8Q4IbELDqzKg==", - "dev": true, - "requires": { - "expand-tilde": "^2.0.2", - "homedir-polyfill": "^1.0.1", - "ini": "^1.3.4", - "is-windows": "^1.0.1", - "which": "^1.2.14" - }, - "dependencies": { - "ini": { - "version": "1.3.8", - "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz", - "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==", - "dev": true - }, - "which": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", - "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", - "dev": true, - "requires": { - "isexe": "^2.0.0" - } - } - } - }, - "globals": { - "version": "11.12.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", - "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", - "dev": true - }, - "globalthis": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz", - "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==", - "dev": true, - "requires": { - "define-properties": "^1.1.3" - } - }, - "globby": { - "version": "11.1.0", - "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz", - "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==", - "dev": true, - "requires": { - "array-union": "^2.1.0", - "dir-glob": "^3.0.1", - "fast-glob": "^3.2.9", - "ignore": "^5.2.0", - "merge2": "^1.4.1", - "slash": "^3.0.0" - }, - "dependencies": { - "slash": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", - "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", - "dev": true - } - } - }, - "glogg": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/glogg/-/glogg-1.0.2.tgz", - "integrity": "sha512-5mwUoSuBk44Y4EshyiqcH95ZntbDdTQqA3QYSrxmzj28Ai0vXBGMH1ApSANH14j2sIRtqCEyg6PfsuP7ElOEDA==", - "dev": true, - "requires": { - "sparkles": "^1.0.0" - } - }, - "gopd": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz", - "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==", - "dev": true, - "requires": { - "get-intrinsic": "^1.1.3" - } - }, - "graceful-fs": { - "version": "4.2.11", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", - "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", - "dev": true - }, - "graphemer": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz", - "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==", - "dev": true - }, - "guess-parser": { - "version": "0.4.22", - "resolved": "https://registry.npmjs.org/guess-parser/-/guess-parser-0.4.22.tgz", - "integrity": "sha512-KcUWZ5ACGaBM69SbqwVIuWGoSAgD+9iJnchR9j/IarVI1jHVeXv+bUXBIMeqVMSKt3zrn0Dgf9UpcOEpPBLbSg==", - "dev": true, - "requires": { - "@wessberg/ts-evaluator": "0.0.27" - } - }, - "gulp": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/gulp/-/gulp-4.0.2.tgz", - "integrity": "sha512-dvEs27SCZt2ibF29xYgmnwwCYZxdxhQ/+LFWlbAW8y7jt68L/65402Lz3+CKy0Ov4rOs+NERmDq7YlZaDqUIfA==", - "dev": true, - "requires": { - "glob-watcher": "^5.0.3", - "gulp-cli": "^2.2.0", - "undertaker": "^1.2.1", - "vinyl-fs": "^3.0.0" - } - }, - "gulp-cli": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/gulp-cli/-/gulp-cli-2.3.0.tgz", - "integrity": "sha512-zzGBl5fHo0EKSXsHzjspp3y5CONegCm8ErO5Qh0UzFzk2y4tMvzLWhoDokADbarfZRL2pGpRp7yt6gfJX4ph7A==", - "dev": true, - "requires": { - "ansi-colors": "^1.0.1", - "archy": "^1.0.0", - "array-sort": "^1.0.0", - "color-support": "^1.1.3", - "concat-stream": "^1.6.0", - "copy-props": "^2.0.1", - "fancy-log": "^1.3.2", - "gulplog": "^1.0.0", - "interpret": "^1.4.0", - "isobject": "^3.0.1", - "liftoff": "^3.1.0", - "matchdep": "^2.0.0", - "mute-stdout": "^1.0.0", - "pretty-hrtime": "^1.0.0", - "replace-homedir": "^1.0.0", - "semver-greatest-satisfied-range": "^1.1.0", - "v8flags": "^3.2.0", - "yargs": "^7.1.0" - }, - "dependencies": { - "ansi-colors": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz", - "integrity": "sha512-SFKX67auSNoVR38N3L+nvsPjOE0bybKTYbkf5tRvushrAPQ9V75huw0ZxBkKVeRU9kqH3d6HA4xTckbwZ4ixmA==", - "dev": true, - "requires": { - "ansi-wrap": "^0.1.0" - } - }, - "ansi-regex": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz", - "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==", - "dev": true - }, - "camelcase": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz", - "integrity": "sha512-4nhGqUkc4BqbBBB4Q6zLuD7lzzrHYrjKGeYaEji/3tFR5VdJu9v+LilhGIVe8wxEJPPOeWo7eg8dwY13TZ1BNg==", - "dev": true - }, - "cliui": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz", - "integrity": "sha512-0yayqDxWQbqk3ojkYqUKqaAQ6AfNKeKWRNA8kR0WXzAsdHpP4BIaOmMAG87JGuO6qcobyW4GjxHd9PmhEd+T9w==", - "dev": true, - "requires": { - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1", - "wrap-ansi": "^2.0.0" - } - }, - "get-caller-file": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz", - "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==", - "dev": true - }, - "is-fullwidth-code-point": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", - "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==", - "dev": true, - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "string-width": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", - "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==", - "dev": true, - "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" - } - }, - "strip-ansi": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", - "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==", - "dev": true, - "requires": { - "ansi-regex": "^2.0.0" - } - }, - "wrap-ansi": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", - "integrity": "sha512-vAaEaDM946gbNpH5pLVNR+vX2ht6n0Bt3GXwVB1AuAqZosOvHNF3P7wDnh8KLkSqgUh0uh77le7Owgoz+Z9XBw==", - "dev": true, - "requires": { - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1" - } - }, - "y18n": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.2.tgz", - "integrity": "sha512-uGZHXkHnhF0XeeAPgnKfPv1bgKAYyVvmNL1xlKsPYZPaIHxGti2hHqvOCQv71XMsLxu1QjergkqogUnms5D3YQ==", - "dev": true - }, - "yargs": { - "version": "7.1.2", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-7.1.2.tgz", - "integrity": "sha512-ZEjj/dQYQy0Zx0lgLMLR8QuaqTihnxirir7EwUHp1Axq4e3+k8jXU5K0VLbNvedv1f4EWtBonDIZm0NUr+jCcA==", - "dev": true, - "requires": { - "camelcase": "^3.0.0", - "cliui": "^3.2.0", - "decamelize": "^1.1.1", - "get-caller-file": "^1.0.1", - "os-locale": "^1.4.0", - "read-pkg-up": "^1.0.1", - "require-directory": "^2.1.1", - "require-main-filename": "^1.0.1", - "set-blocking": "^2.0.0", - "string-width": "^1.0.2", - "which-module": "^1.0.0", - "y18n": "^3.2.1", - "yargs-parser": "^5.0.1" - } - }, - "yargs-parser": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-5.0.1.tgz", - "integrity": "sha512-wpav5XYiddjXxirPoCTUPbqM0PXvJ9hiBMvuJgInvo4/lAOTZzUprArw17q2O1P2+GHhbBr18/iQwjL5Z9BqfA==", - "dev": true, - "requires": { - "camelcase": "^3.0.0", - "object.assign": "^4.1.0" - } - } - } - }, - "gulp-concat": { - "version": "2.6.1", - "resolved": "https://registry.npmjs.org/gulp-concat/-/gulp-concat-2.6.1.tgz", - "integrity": "sha512-a2scActrQrDBpBbR3WUZGyGS1JEPLg5PZJdIa7/Bi3GuKAmPYDK6SFhy/NZq5R8KsKKFvtfR0fakbUCcKGCCjg==", - "dev": true, - "requires": { - "concat-with-sourcemaps": "^1.0.0", - "through2": "^2.0.0", - "vinyl": "^2.0.0" - } - }, - "gulp-flatten": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/gulp-flatten/-/gulp-flatten-0.4.0.tgz", - "integrity": "sha512-eg4spVTAiv1xXmugyaCxWne1oPtNG0UHEtABx5W8ScLiqAYceyYm6GYA36x0Qh8KOIXmAZV97L2aYGnKREG3Sg==", - "dev": true, - "requires": { - "plugin-error": "^0.1.2", - "through2": "^2.0.0" - } - }, - "gulp-rename": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/gulp-rename/-/gulp-rename-2.0.0.tgz", - "integrity": "sha512-97Vba4KBzbYmR5VBs9mWmK+HwIf5mj+/zioxfZhOKeXtx5ZjBk57KFlePf5nxq9QsTtFl0ejnHE3zTC9MHXqyQ==", - "dev": true - }, - "gulp-uglify": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/gulp-uglify/-/gulp-uglify-3.0.2.tgz", - "integrity": "sha512-gk1dhB74AkV2kzqPMQBLA3jPoIAPd/nlNzP2XMDSG8XZrqnlCiDGAqC+rZOumzFvB5zOphlFh6yr3lgcAb/OOg==", - "dev": true, - "requires": { - "array-each": "^1.0.1", - "extend-shallow": "^3.0.2", - "gulplog": "^1.0.0", - "has-gulplog": "^0.1.0", - "isobject": "^3.0.1", - "make-error-cause": "^1.1.1", - "safe-buffer": "^5.1.2", - "through2": "^2.0.0", - "uglify-js": "^3.0.5", - "vinyl-sourcemaps-apply": "^0.2.0" - } - }, - "gulp-uglifycss": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/gulp-uglifycss/-/gulp-uglifycss-1.1.0.tgz", - "integrity": "sha512-O2VDBPdS16SO3BPSCsHDnsvdCx1B/WgH2qvJaUOD+r1d8v87UjeqEtfmqR2eJ171D0F4shw8/oW5ezA6pqVXEQ==", - "dev": true, - "requires": { - "plugin-error": "^1.0.1", - "through2": "^2.0.3", - "uglifycss": "^0.0.25", - "vinyl": "^2.1.0" - }, - "dependencies": { - "ansi-colors": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz", - "integrity": "sha512-SFKX67auSNoVR38N3L+nvsPjOE0bybKTYbkf5tRvushrAPQ9V75huw0ZxBkKVeRU9kqH3d6HA4xTckbwZ4ixmA==", - "dev": true, - "requires": { - "ansi-wrap": "^0.1.0" - } - }, - "arr-diff": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", - "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==", - "dev": true - }, - "arr-union": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz", - "integrity": "sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==", - "dev": true - }, - "plugin-error": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-1.0.1.tgz", - "integrity": "sha512-L1zP0dk7vGweZME2i+EeakvUNqSrdiI3F91TwEoYiGrAfUXmVv6fJIq4g82PAXxNsWOp0J7ZqQy/3Szz0ajTxA==", - "dev": true, - "requires": { - "ansi-colors": "^1.0.1", - "arr-diff": "^4.0.0", - "arr-union": "^3.1.0", - "extend-shallow": "^3.0.2" - } - } - } - }, - "gulplog": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/gulplog/-/gulplog-1.0.0.tgz", - "integrity": "sha512-hm6N8nrm3Y08jXie48jsC55eCZz9mnb4OirAStEk2deqeyhXU3C1otDVh+ccttMuc1sBi6RX6ZJ720hs9RCvgw==", - "dev": true, - "requires": { - "glogg": "^1.0.0" - } - }, - "handle-thing": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz", - "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==", - "dev": true - }, - "has": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", - "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", - "dev": true, - "requires": { - "function-bind": "^1.1.1" - } - }, - "has-bigints": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz", - "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==", - "dev": true - }, - "has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", - "dev": true - }, - "has-gulplog": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/has-gulplog/-/has-gulplog-0.1.0.tgz", - "integrity": "sha512-+F4GzLjwHNNDEAJW2DC1xXfEoPkRDmUdJ7CBYw4MpqtDwOnqdImJl7GWlpqx+Wko6//J8uKTnIe4wZSv7yCqmw==", - "dev": true, - "requires": { - "sparkles": "^1.0.0" - } - }, - "has-property-descriptors": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz", - "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==", - "dev": true, - "requires": { - "get-intrinsic": "^1.1.1" - } - }, - "has-proto": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz", - "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==", - "dev": true - }, - "has-symbols": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz", - "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==", - "dev": true - }, - "has-tostringtag": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz", - "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==", - "dev": true, - "requires": { - "has-symbols": "^1.0.2" - } - }, - "has-unicode": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz", - "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==", - "dev": true - }, - "has-value": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz", - "integrity": "sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==", - "dev": true, - "requires": { - "get-value": "^2.0.6", - "has-values": "^1.0.0", - "isobject": "^3.0.0" - } - }, - "has-values": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz", - "integrity": "sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==", - "dev": true, - "requires": { - "is-number": "^3.0.0", - "kind-of": "^4.0.0" - }, - "dependencies": { - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "kind-of": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz", - "integrity": "sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "hdr-histogram-js": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/hdr-histogram-js/-/hdr-histogram-js-2.0.3.tgz", - "integrity": "sha512-Hkn78wwzWHNCp2uarhzQ2SGFLU3JY8SBDDd3TAABK4fc30wm+MuPOrg5QVFVfkKOQd6Bfz3ukJEI+q9sXEkK1g==", - "dev": true, - "requires": { - "@assemblyscript/loader": "^0.10.1", - "base64-js": "^1.2.0", - "pako": "^1.0.3" - } - }, - "hdr-histogram-percentiles-obj": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/hdr-histogram-percentiles-obj/-/hdr-histogram-percentiles-obj-3.0.0.tgz", - "integrity": "sha512-7kIufnBqdsBGcSZLPJwqHT3yhk1QTsSlFsVD3kx5ixH/AlgBs9yM1q6DPhXZ8f8gtdqgh7N7/5btRLpQsS2gHw==", - "dev": true - }, - "homedir-polyfill": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz", - "integrity": "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==", - "dev": true, - "requires": { - "parse-passwd": "^1.0.0" - } - }, - "hosted-git-info": { - "version": "6.1.1", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-6.1.1.tgz", - "integrity": "sha512-r0EI+HBMcXadMrugk0GCQ+6BQV39PiWAZVfq7oIckeGiN7sjRGyQxPdft3nQekFTCQbYxLBH+/axZMeH8UX6+w==", - "dev": true, - "requires": { - "lru-cache": "^7.5.1" - }, - "dependencies": { - "lru-cache": { - "version": "7.18.3", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz", - "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==", - "dev": true - } - } - }, - "hpack.js": { - "version": "2.1.6", - "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz", - "integrity": "sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==", - "dev": true, - "requires": { - "inherits": "^2.0.1", - "obuf": "^1.0.0", - "readable-stream": "^2.0.1", - "wbuf": "^1.1.0" - } - }, - "html-encoding-sniffer": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz", - "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==", - "dev": true, - "requires": { - "whatwg-encoding": "^2.0.0" - } - }, - "html-entities": { - "version": "2.4.0", - "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.4.0.tgz", - "integrity": "sha512-igBTJcNNNhvZFRtm8uA6xMY6xYleeDwn3PeBCkDz7tHttv4F2hsDI2aPgNERWzvRcNYHNT3ymRaQzllmXj4YsQ==", - "dev": true - }, - "html-escaper": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz", - "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==", - "dev": true - }, - "html2canvas": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/html2canvas/-/html2canvas-1.4.1.tgz", - "integrity": "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==", - "dev": true, - "optional": true, - "requires": { - "css-line-break": "^2.1.0", - "text-segmentation": "^1.0.3" - } - }, - "htmlparser2": { - "version": "8.0.2", - "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz", - "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==", - "dev": true, - "requires": { - "domelementtype": "^2.3.0", - "domhandler": "^5.0.3", - "domutils": "^3.0.1", - "entities": "^4.4.0" - } - }, - "http-cache-semantics": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz", - "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==", - "dev": true - }, - "http-deceiver": { - "version": "1.2.7", - "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz", - "integrity": "sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==", - "dev": true - }, - "http-errors": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz", - "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==", - "dev": true, - "requires": { - "depd": "2.0.0", - "inherits": "2.0.4", - "setprototypeof": "1.2.0", - "statuses": "2.0.1", - "toidentifier": "1.0.1" - } - }, - "http-parser-js": { - "version": "0.5.8", - "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.8.tgz", - "integrity": "sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==", - "dev": true - }, - "http-proxy": { - "version": "1.18.1", - "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz", - "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==", - "dev": true, - "requires": { - "eventemitter3": "^4.0.0", - "follow-redirects": "^1.0.0", - "requires-port": "^1.0.0" - } - }, - "http-proxy-agent": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz", - "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==", - "dev": true, - "requires": { - "@tootallnate/once": "2", - "agent-base": "6", - "debug": "4" - } - }, - "http-proxy-middleware": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.6.tgz", - "integrity": "sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==", - "dev": true, - "requires": { - "@types/http-proxy": "^1.17.8", - "http-proxy": "^1.18.1", - "is-glob": "^4.0.1", - "is-plain-obj": "^3.0.0", - "micromatch": "^4.0.2" - } - }, - "https-proxy-agent": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz", - "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==", - "dev": true, - "requires": { - "agent-base": "6", - "debug": "4" - } - }, - "human-signals": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz", - "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==", - "dev": true - }, - "humanize-ms": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz", - "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==", - "dev": true, - "requires": { - "ms": "^2.0.0" - } - }, - "iconv-lite": { - "version": "0.4.24", - "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", - "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", - "dev": true, - "requires": { - "safer-buffer": ">= 2.1.2 < 3" - } - }, - "icss-utils": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz", - "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==", - "dev": true, - "requires": {} - }, - "ieee754": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz", - "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==", - "dev": true - }, - "ignore": { - "version": "5.2.4", - "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz", - "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==", - "dev": true - }, - "ignore-walk": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-6.0.3.tgz", - "integrity": "sha512-C7FfFoTA+bI10qfeydT8aZbvr91vAEU+2W5BZUlzPec47oNb07SsOfwYrtxuvOYdUApPP/Qlh4DtAO51Ekk2QA==", - "dev": true, - "requires": { - "minimatch": "^9.0.0" - }, - "dependencies": { - "brace-expansion": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", - "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", - "dev": true, - "requires": { - "balanced-match": "^1.0.0" - } - }, - "minimatch": { - "version": "9.0.3", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", - "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", - "dev": true, - "requires": { - "brace-expansion": "^2.0.1" - } - } - } - }, - "image-size": { - "version": "0.5.5", - "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz", - "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==", - "dev": true, - "optional": true - }, - "immutable": { - "version": "3.8.2", - "resolved": "https://registry.npmjs.org/immutable/-/immutable-3.8.2.tgz", - "integrity": "sha512-15gZoQ38eYjEjxkorfbcgBKBL6R7T459OuK+CpcWt7O3KF4uPCx2tD0uFETlUDIyo+1789crbMhTvQBSR5yBMg==", - "dev": true - }, - "import-fresh": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", - "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==", - "dev": true, - "requires": { - "parent-module": "^1.0.0", - "resolve-from": "^4.0.0" - }, - "dependencies": { - "resolve-from": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", - "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==", - "dev": true - } - } - }, - "imurmurhash": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", - "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==", - "dev": true - }, - "indent-string": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-5.0.0.tgz", - "integrity": "sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==", - "dev": true - }, - "inflight": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", - "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", - "dev": true, - "requires": { - "once": "^1.3.0", - "wrappy": "1" - } - }, - "inherits": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", - "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", - "dev": true - }, - "ini": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/ini/-/ini-4.1.1.tgz", - "integrity": "sha512-QQnnxNyfvmHFIsj7gkPcYymR8Jdw/o7mp5ZFihxn6h8Ci6fh3Dx4E1gPjpQEpIuPo9XVNY/ZUwh4BPMjGyL01g==", - "dev": true - }, - "injection-js": { - "version": "2.4.0", - "resolved": "https://registry.npmjs.org/injection-js/-/injection-js-2.4.0.tgz", - "integrity": "sha512-6jiJt0tCAo9zjHbcwLiPL+IuNe9SQ6a9g0PEzafThW3fOQi0mrmiJGBJvDD6tmhPh8cQHIQtCOrJuBfQME4kPA==", - "dev": true, - "requires": { - "tslib": "^2.0.0" - } - }, - "inquirer": { - "version": "8.2.4", - "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-8.2.4.tgz", - "integrity": "sha512-nn4F01dxU8VeKfq192IjLsxu0/OmMZ4Lg3xKAns148rCaXP6ntAoEkVYZThWjwON8AlzdZZi6oqnhNbxUG9hVg==", - "dev": true, - "requires": { - "ansi-escapes": "^4.2.1", - "chalk": "^4.1.1", - "cli-cursor": "^3.1.0", - "cli-width": "^3.0.0", - "external-editor": "^3.0.3", - "figures": "^3.0.0", - "lodash": "^4.17.21", - "mute-stream": "0.0.8", - "ora": "^5.4.1", - "run-async": "^2.4.0", - "rxjs": "^7.5.5", - "string-width": "^4.1.0", - "strip-ansi": "^6.0.0", - "through": "^2.3.6", - "wrap-ansi": "^7.0.0" - }, - "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "internal-slot": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz", - "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==", - "dev": true, - "requires": { - "get-intrinsic": "^1.2.0", - "has": "^1.0.3", - "side-channel": "^1.0.4" - } - }, - "interpret": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.4.0.tgz", - "integrity": "sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==", - "dev": true - }, - "invert-kv": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz", - "integrity": "sha512-xgs2NH9AE66ucSq4cNG1nhSFghr5l6tdL15Pk+jl46bmmBapgoaY/AacXyaDznAqmGL99TiLSQgO/XazFSKYeQ==", - "dev": true - }, - "ip": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ip/-/ip-2.0.0.tgz", - "integrity": "sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==", - "dev": true - }, - "ipaddr.js": { - "version": "1.9.1", - "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz", - "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==", - "dev": true - }, - "is-absolute": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-absolute/-/is-absolute-1.0.0.tgz", - "integrity": "sha512-dOWoqflvcydARa360Gvv18DZ/gRuHKi2NU/wU5X1ZFzdYfH29nkiNZsF3mp4OJ3H4yo9Mx8A/uAGNzpzPN3yBA==", - "dev": true, - "requires": { - "is-relative": "^1.0.0", - "is-windows": "^1.0.1" - } - }, - "is-accessor-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", - "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - }, - "dependencies": { - "kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true - } - } - }, - "is-arguments": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz", - "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "has-tostringtag": "^1.0.0" - } - }, - "is-array-buffer": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz", - "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "get-intrinsic": "^1.2.0", - "is-typed-array": "^1.1.10" - } - }, - "is-arrayish": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", - "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==", - "dev": true - }, - "is-bigint": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz", - "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==", - "dev": true, - "requires": { - "has-bigints": "^1.0.1" - } - }, - "is-binary-path": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", - "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", - "dev": true, - "requires": { - "binary-extensions": "^2.0.0" - } - }, - "is-boolean-object": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz", - "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "has-tostringtag": "^1.0.0" - } - }, - "is-buffer": { - "version": "1.1.6", - "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz", - "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==", - "dev": true - }, - "is-builtin-module": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz", - "integrity": "sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==", - "dev": true, - "requires": { - "builtin-modules": "^3.3.0" - } - }, - "is-callable": { - "version": "1.2.7", - "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz", - "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==", - "dev": true - }, - "is-core-module": { - "version": "2.13.0", - "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz", - "integrity": "sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==", - "dev": true, - "requires": { - "has": "^1.0.3" - } - }, - "is-data-descriptor": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", - "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", - "dev": true, - "requires": { - "kind-of": "^6.0.0" - }, - "dependencies": { - "kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true - } - } - }, - "is-date-object": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz", - "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==", - "dev": true, - "requires": { - "has-tostringtag": "^1.0.0" - } - }, - "is-descriptor": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", - "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" - }, - "dependencies": { - "kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true - } - } - }, - "is-docker": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz", - "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==", - "dev": true - }, - "is-extendable": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", - "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", - "dev": true, - "requires": { - "is-plain-object": "^2.0.4" - }, - "dependencies": { - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - } - } - }, - "is-extglob": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", - "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", - "dev": true - }, - "is-fullwidth-code-point": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", - "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", - "dev": true - }, - "is-glob": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", - "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", - "dev": true, - "requires": { - "is-extglob": "^2.1.1" - } - }, - "is-interactive": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz", - "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==", - "dev": true - }, - "is-lambda": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-lambda/-/is-lambda-1.0.1.tgz", - "integrity": "sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==", - "dev": true - }, - "is-map": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz", - "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==", - "dev": true - }, - "is-module": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz", - "integrity": "sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==", - "dev": true - }, - "is-negated-glob": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-negated-glob/-/is-negated-glob-1.0.0.tgz", - "integrity": "sha512-czXVVn/QEmgvej1f50BZ648vUI+em0xqMq2Sn+QncCLN4zj1UAxlT+kw/6ggQTOaZPd1HqKQGEqbpQVtJucWug==", - "dev": true - }, - "is-negative-zero": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz", - "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==", - "dev": true - }, - "is-number": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", - "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", - "dev": true - }, - "is-number-like": { - "version": "1.0.8", - "resolved": "https://registry.npmjs.org/is-number-like/-/is-number-like-1.0.8.tgz", - "integrity": "sha512-6rZi3ezCyFcn5L71ywzz2bS5b2Igl1En3eTlZlvKjpz1n3IZLAYMbKYAIQgFmEu0GENg92ziU/faEOA/aixjbA==", - "dev": true, - "requires": { - "lodash.isfinite": "^3.3.2" - } - }, - "is-number-object": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz", - "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==", - "dev": true, - "requires": { - "has-tostringtag": "^1.0.0" - } - }, - "is-path-cwd": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-3.0.0.tgz", - "integrity": "sha512-kyiNFFLU0Ampr6SDZitD/DwUo4Zs1nSdnygUBqsu3LooL00Qvb5j+UnvApUn/TTj1J3OuE6BTdQ5rudKmU2ZaA==", - "dev": true - }, - "is-path-inside": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-4.0.0.tgz", - "integrity": "sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==", - "dev": true - }, - "is-plain-obj": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz", - "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==", - "dev": true - }, - "is-plain-object": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz", - "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==", - "dev": true - }, - "is-potential-custom-element-name": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz", - "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==", - "dev": true - }, - "is-regex": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz", - "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "has-tostringtag": "^1.0.0" - } - }, - "is-relative": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-relative/-/is-relative-1.0.0.tgz", - "integrity": "sha512-Kw/ReK0iqwKeu0MITLFuj0jbPAmEiOsIwyIXvvbfa6QfmN9pkD1M+8pdk7Rl/dTKbH34/XBFMbgD4iMJhLQbGA==", - "dev": true, - "requires": { - "is-unc-path": "^1.0.0" - } - }, - "is-set": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz", - "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==", - "dev": true - }, - "is-shared-array-buffer": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz", - "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==", - "dev": true, - "requires": { - "call-bind": "^1.0.2" - } - }, - "is-stream": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz", - "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==", - "dev": true - }, - "is-string": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz", - "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==", - "dev": true, - "requires": { - "has-tostringtag": "^1.0.0" - } - }, - "is-symbol": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz", - "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==", - "dev": true, - "requires": { - "has-symbols": "^1.0.2" - } - }, - "is-typed-array": { - "version": "1.1.12", - "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz", - "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==", - "dev": true, - "requires": { - "which-typed-array": "^1.1.11" - } - }, - "is-unc-path": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-unc-path/-/is-unc-path-1.0.0.tgz", - "integrity": "sha512-mrGpVd0fs7WWLfVsStvgF6iEJnbjDFZh9/emhRDcGWTduTfNHd9CHeUwH3gYIjdbwo4On6hunkztwOaAw0yllQ==", - "dev": true, - "requires": { - "unc-path-regex": "^0.1.2" - } - }, - "is-unicode-supported": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz", - "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==", - "dev": true - }, - "is-utf8": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz", - "integrity": "sha512-rMYPYvCzsXywIsldgLaSoPlw5PfoB/ssr7hY4pLfcodrA5M/eArza1a9VmTiNIBNMjOGr1Ow9mTyU2o69U6U9Q==", - "dev": true - }, - "is-valid-glob": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-valid-glob/-/is-valid-glob-1.0.0.tgz", - "integrity": "sha512-AhiROmoEFDSsjx8hW+5sGwgKVIORcXnrlAx/R0ZSeaPw70Vw0CqkGBBhHGL58Uox2eXnU1AnvXJl1XlyedO5bA==", - "dev": true - }, - "is-weakmap": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz", - "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==", - "dev": true - }, - "is-weakref": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz", - "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==", - "dev": true, - "requires": { - "call-bind": "^1.0.2" - } - }, - "is-weakset": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz", - "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "get-intrinsic": "^1.1.1" - } - }, - "is-what": { - "version": "3.14.1", - "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz", - "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==", - "dev": true - }, - "is-windows": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz", - "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==", - "dev": true - }, - "is-wsl": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz", - "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==", - "dev": true, - "requires": { - "is-docker": "^2.0.0" - } - }, - "isarray": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz", - "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==", - "dev": true - }, - "isbinaryfile": { - "version": "4.0.10", - "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-4.0.10.tgz", - "integrity": "sha512-iHrqe5shvBUcFbmZq9zOQHBoeOhZJu6RQGrDpBgenUm/Am+F3JM2MgQj+rK3Z601fzrL5gLZWtAPH2OBaSVcyw==", - "dev": true - }, - "isexe": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", - "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", - "dev": true - }, - "isobject": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", - "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==", - "dev": true - }, - "istanbul-lib-coverage": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz", - "integrity": "sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==", - "dev": true - }, - "istanbul-lib-instrument": { - "version": "5.2.1", - "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz", - "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==", - "dev": true, - "requires": { - "@babel/core": "^7.12.3", - "@babel/parser": "^7.14.7", - "@istanbuljs/schema": "^0.1.2", - "istanbul-lib-coverage": "^3.2.0", - "semver": "^6.3.0" - }, - "dependencies": { - "semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true - } - } - }, - "istanbul-lib-report": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz", - "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==", - "dev": true, - "requires": { - "istanbul-lib-coverage": "^3.0.0", - "make-dir": "^4.0.0", - "supports-color": "^7.1.0" - }, - "dependencies": { - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "istanbul-lib-source-maps": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz", - "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==", - "dev": true, - "requires": { - "debug": "^4.1.1", - "istanbul-lib-coverage": "^3.0.0", - "source-map": "^0.6.1" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - } - } - }, - "istanbul-reports": { - "version": "3.1.6", - "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.6.tgz", - "integrity": "sha512-TLgnMkKg3iTDsQ9PbPTdpfAK2DzjF9mqUG7RMgcQl8oFjad8ob4laGxv5XV5U9MAfx8D6tSJiUyuAwzLicaxlg==", - "dev": true, - "requires": { - "html-escaper": "^2.0.0", - "istanbul-lib-report": "^3.0.0" - } - }, - "jackspeak": { - "version": "2.2.3", - "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.2.3.tgz", - "integrity": "sha512-pF0kfjmg8DJLxDrizHoCZGUFz4P4czQ3HyfW4BU0ffebYkzAVlBywp5zaxW/TM+r0sGbmrQdi8EQQVTJFxnGsQ==", - "dev": true, - "requires": { - "@isaacs/cliui": "^8.0.2", - "@pkgjs/parseargs": "^0.11.0" - } - }, - "jake": { - "version": "10.8.7", - "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.7.tgz", - "integrity": "sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==", - "dev": true, - "requires": { - "async": "^3.2.3", - "chalk": "^4.0.2", - "filelist": "^1.0.4", - "minimatch": "^3.1.2" - }, - "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "jasmine-core": { - "version": "4.6.0", - "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-4.6.0.tgz", - "integrity": "sha512-O236+gd0ZXS8YAjFx8xKaJ94/erqUliEkJTDedyE7iHvv4ZVqi+q+8acJxu05/WJDKm512EUNn809In37nWlAQ==", - "dev": true - }, - "jest-diff": { - "version": "29.6.2", - "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.6.2.tgz", - "integrity": "sha512-t+ST7CB9GX5F2xKwhwCf0TAR17uNDiaPTZnVymP9lw0lssa9vG+AFyDZoeIHStU3WowFFwT+ky+er0WVl2yGhA==", - "dev": true, - "requires": { - "chalk": "^4.0.0", - "diff-sequences": "^29.4.3", - "jest-get-type": "^29.4.3", - "pretty-format": "^29.6.2" - }, - "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "jest-get-type": { - "version": "29.4.3", - "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.4.3.tgz", - "integrity": "sha512-J5Xez4nRRMjk8emnTpWrlkyb9pfRQQanDrvWHhsR1+VUfbwxi30eVcZFlcdGInRibU4G5LwHXpI7IRHU0CY+gg==", - "dev": true - }, - "jest-matcher-utils": { - "version": "29.6.2", - "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.6.2.tgz", - "integrity": "sha512-4LiAk3hSSobtomeIAzFTe+N8kL6z0JtF3n6I4fg29iIW7tt99R7ZcIFW34QkX+DuVrf+CUe6wuVOpm7ZKFJzZQ==", - "dev": true, - "requires": { - "chalk": "^4.0.0", - "jest-diff": "^29.6.2", - "jest-get-type": "^29.4.3", - "pretty-format": "^29.6.2" - }, - "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "jest-message-util": { - "version": "29.6.2", - "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.6.2.tgz", - "integrity": "sha512-vnIGYEjoPSuRqV8W9t+Wow95SDp6KPX2Uf7EoeG9G99J2OVh7OSwpS4B6J0NfpEIpfkBNHlBZpA2rblEuEFhZQ==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.12.13", - "@jest/types": "^29.6.1", - "@types/stack-utils": "^2.0.0", - "chalk": "^4.0.0", - "graceful-fs": "^4.2.9", - "micromatch": "^4.0.4", - "pretty-format": "^29.6.2", - "slash": "^3.0.0", - "stack-utils": "^2.0.3" - }, - "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "slash": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", - "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", - "dev": true - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "jest-util": { - "version": "29.6.2", - "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.6.2.tgz", - "integrity": "sha512-3eX1qb6L88lJNCFlEADKOkjpXJQyZRiavX1INZ4tRnrBVr2COd3RgcTLyUiEXMNBlDU/cgYq6taUS0fExrWW4w==", - "dev": true, - "requires": { - "@jest/types": "^29.6.1", - "@types/node": "*", - "chalk": "^4.0.0", - "ci-info": "^3.2.0", - "graceful-fs": "^4.2.9", - "picomatch": "^2.2.3" - }, - "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "jest-worker": { - "version": "27.5.1", - "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz", - "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==", - "dev": true, - "requires": { - "@types/node": "*", - "merge-stream": "^2.0.0", - "supports-color": "^8.0.0" - }, - "dependencies": { - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "supports-color": { - "version": "8.1.1", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz", - "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "jiti": { - "version": "1.19.1", - "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.19.1.tgz", - "integrity": "sha512-oVhqoRDaBXf7sjkll95LHVS6Myyyb1zaunVwk4Z0+WPSW4gjS0pl01zYKHScTuyEhQsFxV5L4DR5r+YqSyqyyg==", - "dev": true - }, - "js-tokens": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", - "dev": true - }, - "js-yaml": { - "version": "3.14.1", - "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz", - "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==", - "dev": true, - "requires": { - "argparse": "^1.0.7", - "esprima": "^4.0.0" - } - }, - "jsdoc-type-pratt-parser": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.0.0.tgz", - "integrity": "sha512-YtOli5Cmzy3q4dP26GraSOeAhqecewG04hoO8DY56CH4KJ9Fvv5qKWUCCo3HZob7esJQHCv6/+bnTy72xZZaVQ==", - "dev": true - }, - "jsdom": { - "version": "22.1.0", - "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-22.1.0.tgz", - "integrity": "sha512-/9AVW7xNbsBv6GfWho4TTNjEo9fe6Zhf9O7s0Fhhr3u+awPwAJMKwAMXnkk5vBxflqLW9hTHX/0cs+P3gW+cQw==", - "dev": true, - "requires": { - "abab": "^2.0.6", - "cssstyle": "^3.0.0", - "data-urls": "^4.0.0", - "decimal.js": "^10.4.3", - "domexception": "^4.0.0", - "form-data": "^4.0.0", - "html-encoding-sniffer": "^3.0.0", - "http-proxy-agent": "^5.0.0", - "https-proxy-agent": "^5.0.1", - "is-potential-custom-element-name": "^1.0.1", - "nwsapi": "^2.2.4", - "parse5": "^7.1.2", - "rrweb-cssom": "^0.6.0", - "saxes": "^6.0.0", - "symbol-tree": "^3.2.4", - "tough-cookie": "^4.1.2", - "w3c-xmlserializer": "^4.0.0", - "webidl-conversions": "^7.0.0", - "whatwg-encoding": "^2.0.0", - "whatwg-mimetype": "^3.0.0", - "whatwg-url": "^12.0.1", - "ws": "^8.13.0", - "xml-name-validator": "^4.0.0" - } - }, - "jsesc": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", - "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", - "dev": true - }, - "json-parse-even-better-errors": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", - "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==", - "dev": true - }, - "json-schema-traverse": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", - "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==", - "dev": true - }, - "json-stable-stringify-without-jsonify": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz", - "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==", - "dev": true - }, - "json5": { - "version": "2.2.3", - "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", - "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", - "dev": true - }, - "jsonc-parser": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz", - "integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==", - "dev": true - }, - "jsonfile": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-3.0.1.tgz", - "integrity": "sha512-oBko6ZHlubVB5mRFkur5vgYR1UyqX+S6Y/oCfLhqNdcc2fYFlDpIoNc7AfKS1KOGcnNAkvsr0grLck9ANM815w==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.6" - } - }, - "jsonparse": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz", - "integrity": "sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==", - "dev": true - }, - "jspdf": { - "version": "2.5.1", - "resolved": "https://registry.npmjs.org/jspdf/-/jspdf-2.5.1.tgz", - "integrity": "sha512-hXObxz7ZqoyhxET78+XR34Xu2qFGrJJ2I2bE5w4SM8eFaFEkW2xcGRVUss360fYelwRSid/jT078kbNvmoW0QA==", - "dev": true, - "requires": { - "@babel/runtime": "^7.14.0", - "atob": "^2.1.2", - "btoa": "^1.2.1", - "canvg": "^3.0.6", - "core-js": "^3.6.0", - "dompurify": "^2.2.0", - "fflate": "^0.4.8", - "html2canvas": "^1.0.0-rc.5" - } - }, - "jspdf-autotable": { - "version": "3.5.31", - "resolved": "https://registry.npmjs.org/jspdf-autotable/-/jspdf-autotable-3.5.31.tgz", - "integrity": "sha512-Lc1KuLGDQWW/5t57Z/+c2E94XQV3jV2QVU3xMRiwvcm/nMx79aCkpPCsxLzJZVFneZvz4XoA8+egQR1QajYiWw==", - "dev": true, - "requires": {} - }, - "just-debounce": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/just-debounce/-/just-debounce-1.1.0.tgz", - "integrity": "sha512-qpcRocdkUmf+UTNBYx5w6dexX5J31AKK1OmPwH630a83DdVVUIngk55RSAiIGpQyoH0dlr872VHfPjnQnK1qDQ==", - "dev": true - }, - "karma": { - "version": "6.4.2", - "resolved": "https://registry.npmjs.org/karma/-/karma-6.4.2.tgz", - "integrity": "sha512-C6SU/53LB31BEgRg+omznBEMY4SjHU3ricV6zBcAe1EeILKkeScr+fZXtaI5WyDbkVowJxxAI6h73NcFPmXolQ==", - "dev": true, - "requires": { - "@colors/colors": "1.5.0", - "body-parser": "^1.19.0", - "braces": "^3.0.2", - "chokidar": "^3.5.1", - "connect": "^3.7.0", - "di": "^0.0.1", - "dom-serialize": "^2.2.1", - "glob": "^7.1.7", - "graceful-fs": "^4.2.6", - "http-proxy": "^1.18.1", - "isbinaryfile": "^4.0.8", - "lodash": "^4.17.21", - "log4js": "^6.4.1", - "mime": "^2.5.2", - "minimatch": "^3.0.4", - "mkdirp": "^0.5.5", - "qjobs": "^1.2.0", - "range-parser": "^1.2.1", - "rimraf": "^3.0.2", - "socket.io": "^4.4.1", - "source-map": "^0.6.1", - "tmp": "^0.2.1", - "ua-parser-js": "^0.7.30", - "yargs": "^16.1.1" - }, - "dependencies": { - "connect": { - "version": "3.7.0", - "resolved": "https://registry.npmjs.org/connect/-/connect-3.7.0.tgz", - "integrity": "sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==", - "dev": true, - "requires": { - "debug": "2.6.9", - "finalhandler": "1.1.2", - "parseurl": "~1.3.3", - "utils-merge": "1.0.1" - } - }, - "debug": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", - "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", - "dev": true, - "requires": { - "ms": "2.0.0" - } - }, - "finalhandler": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz", - "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==", - "dev": true, - "requires": { - "debug": "2.6.9", - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "on-finished": "~2.3.0", - "parseurl": "~1.3.3", - "statuses": "~1.5.0", - "unpipe": "~1.0.0" - } - }, - "ms": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", - "dev": true - }, - "on-finished": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", - "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==", - "dev": true, - "requires": { - "ee-first": "1.1.1" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - }, - "statuses": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", - "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==", - "dev": true - }, - "ua-parser-js": { - "version": "0.7.35", - "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.35.tgz", - "integrity": "sha512-veRf7dawaj9xaWEu9HoTVn5Pggtc/qj+kqTOFvNiN1l0YdxwC1kvel57UCjThjGa3BHBihE8/UJAHI+uQHmd/g==", - "dev": true - }, - "yargs": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz", - "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==", - "dev": true, - "requires": { - "cliui": "^7.0.2", - "escalade": "^3.1.1", - "get-caller-file": "^2.0.5", - "require-directory": "^2.1.1", - "string-width": "^4.2.0", - "y18n": "^5.0.5", - "yargs-parser": "^20.2.2" - } - }, - "yargs-parser": { - "version": "20.2.9", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz", - "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==", - "dev": true - } - } - }, - "karma-chrome-launcher": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/karma-chrome-launcher/-/karma-chrome-launcher-3.2.0.tgz", - "integrity": "sha512-rE9RkUPI7I9mAxByQWkGJFXfFD6lE4gC5nPuZdobf/QdTEJI6EU4yIay/cfU/xV4ZxlM5JiTv7zWYgA64NpS5Q==", - "dev": true, - "requires": { - "which": "^1.2.1" - }, - "dependencies": { - "which": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", - "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", - "dev": true, - "requires": { - "isexe": "^2.0.0" - } - } - } - }, - "karma-coverage": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/karma-coverage/-/karma-coverage-2.2.1.tgz", - "integrity": "sha512-yj7hbequkQP2qOSb20GuNSIyE//PgJWHwC2IydLE6XRtsnaflv+/OSGNssPjobYUlhVVagy99TQpqUt3vAUG7A==", - "dev": true, - "requires": { - "istanbul-lib-coverage": "^3.2.0", - "istanbul-lib-instrument": "^5.1.0", - "istanbul-lib-report": "^3.0.0", - "istanbul-lib-source-maps": "^4.0.1", - "istanbul-reports": "^3.0.5", - "minimatch": "^3.0.4" - } - }, - "karma-jasmine": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/karma-jasmine/-/karma-jasmine-5.1.0.tgz", - "integrity": "sha512-i/zQLFrfEpRyQoJF9fsCdTMOF5c2dK7C7OmsuKg2D0YSsuZSfQDiLuaiktbuio6F2wiCsZSnSnieIQ0ant/uzQ==", - "dev": true, - "requires": { - "jasmine-core": "^4.1.0" - } - }, - "karma-jasmine-html-reporter": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-2.0.0.tgz", - "integrity": "sha512-SB8HNNiazAHXM1vGEzf8/tSyEhkfxuDdhYdPBX2Mwgzt0OuF2gicApQ+uvXLID/gXyJQgvrM9+1/2SxZFUUDIA==", - "dev": true, - "requires": {} - }, - "karma-source-map-support": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/karma-source-map-support/-/karma-source-map-support-1.4.0.tgz", - "integrity": "sha512-RsBECncGO17KAoJCYXjv+ckIz+Ii9NCi+9enk+rq6XC81ezYkb4/RHE6CTXdA7IOJqoF3wcaLfVG0CPmE5ca6A==", - "dev": true, - "requires": { - "source-map-support": "^0.5.5" - } - }, - "kind-of": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", - "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==", - "dev": true - }, - "klona": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.6.tgz", - "integrity": "sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==", - "dev": true - }, - "last-run": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/last-run/-/last-run-1.1.1.tgz", - "integrity": "sha512-U/VxvpX4N/rFvPzr3qG5EtLKEnNI0emvIQB3/ecEwv+8GHaUKbIB8vxv1Oai5FAF0d0r7LXHhLLe5K/yChm5GQ==", - "dev": true, - "requires": { - "default-resolution": "^2.0.0", - "es6-weak-map": "^2.0.1" - } - }, - "launch-editor": { - "version": "2.6.0", - "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.6.0.tgz", - "integrity": "sha512-JpDCcQnyAAzZZaZ7vEiSqL690w7dAEyLao+KC96zBplnYbJS7TYNjvM3M7y3dGz+v7aIsJk3hllWuc0kWAjyRQ==", - "dev": true, - "requires": { - "picocolors": "^1.0.0", - "shell-quote": "^1.7.3" - } - }, - "lazystream": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/lazystream/-/lazystream-1.0.1.tgz", - "integrity": "sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==", - "dev": true, - "requires": { - "readable-stream": "^2.0.5" - } - }, - "lcid": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz", - "integrity": "sha512-YiGkH6EnGrDGqLMITnGjXtGmNtjoXw9SVUzcaos8RBi7Ps0VBylkq+vOcY9QE5poLasPCR849ucFUkl0UzUyOw==", - "dev": true, - "requires": { - "invert-kv": "^1.0.0" - } - }, - "lead": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/lead/-/lead-1.0.0.tgz", - "integrity": "sha512-IpSVCk9AYvLHo5ctcIXxOBpMWUe+4TKN3VPWAKUbJikkmsGp0VrSM8IttVc32D6J4WUsiPE6aEFRNmIoF/gdow==", - "dev": true, - "requires": { - "flush-write-stream": "^1.0.2" - } - }, - "less": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/less/-/less-4.1.3.tgz", - "integrity": "sha512-w16Xk/Ta9Hhyei0Gpz9m7VS8F28nieJaL/VyShID7cYvP6IL5oHeL6p4TXSDJqZE/lNv0oJ2pGVjJsRkfwm5FA==", - "dev": true, - "requires": { - "copy-anything": "^2.0.1", - "errno": "^0.1.1", - "graceful-fs": "^4.1.2", - "image-size": "~0.5.0", - "make-dir": "^2.1.0", - "mime": "^1.4.1", - "needle": "^3.1.0", - "parse-node-version": "^1.0.1", - "source-map": "~0.6.0", - "tslib": "^2.3.0" - }, - "dependencies": { - "make-dir": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz", - "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==", - "dev": true, - "optional": true, - "requires": { - "pify": "^4.0.1", - "semver": "^5.6.0" - } - }, - "mime": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", - "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", - "dev": true, - "optional": true - }, - "pify": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz", - "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", - "dev": true, - "optional": true - }, - "semver": { - "version": "5.7.2", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", - "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", - "dev": true, - "optional": true - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true, - "optional": true - } - } - }, - "less-loader": { - "version": "11.1.0", - "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-11.1.0.tgz", - "integrity": "sha512-C+uDBV7kS7W5fJlUjq5mPBeBVhYpTIm5gB09APT9o3n/ILeaXVsiSFTbZpTJCJwQ/Crczfn3DmfQFwxYusWFug==", - "dev": true, - "requires": { - "klona": "^2.0.4" - } - }, - "levn": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz", - "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==", - "dev": true, - "requires": { - "prelude-ls": "^1.2.1", - "type-check": "~0.4.0" - } - }, - "license-webpack-plugin": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/license-webpack-plugin/-/license-webpack-plugin-4.0.2.tgz", - "integrity": "sha512-771TFWFD70G1wLTC4oU2Cw4qvtmNrIw+wRvBtn+okgHl7slJVi7zfNcdmqDL72BojM30VNJ2UHylr1o77U37Jw==", - "dev": true, - "requires": { - "webpack-sources": "^3.0.0" - } - }, - "liftoff": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/liftoff/-/liftoff-3.1.0.tgz", - "integrity": "sha512-DlIPlJUkCV0Ips2zf2pJP0unEoT1kwYhiiPUGF3s/jtxTCjziNLoiVVh+jqWOWeFi6mmwQ5fNxvAUyPad4Dfog==", - "dev": true, - "requires": { - "extend": "^3.0.0", - "findup-sync": "^3.0.0", - "fined": "^1.0.1", - "flagged-respawn": "^1.0.0", - "is-plain-object": "^2.0.4", - "object.map": "^1.0.0", - "rechoir": "^0.6.2", - "resolve": "^1.1.7" - }, - "dependencies": { - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - } - } - }, - "limiter": { - "version": "1.1.5", - "resolved": "https://registry.npmjs.org/limiter/-/limiter-1.1.5.tgz", - "integrity": "sha512-FWWMIEOxz3GwUI4Ts/IvgVy6LPvoMPgjMdQ185nN6psJyBJ4yOpzqm695/h5umdLJg2vW3GR5iG11MAkR2AzJA==", - "dev": true - }, - "lines-and-columns": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-2.0.3.tgz", - "integrity": "sha512-cNOjgCnLB+FnvWWtyRTzmB3POJ+cXxTA81LoW7u8JdmhfXzriropYwpjShnz1QLLWsQwY7nIxoDmcPTwphDK9w==", - "dev": true - }, - "load-json-file": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", - "integrity": "sha512-cy7ZdNRXdablkXYNI049pthVeXFurRyb9+hA/dZzerZ0pGTx42z+y+ssxBaVV2l70t1muq5IdKhn4UtcoGUY9A==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.2", - "parse-json": "^2.2.0", - "pify": "^2.0.0", - "pinkie-promise": "^2.0.0", - "strip-bom": "^2.0.0" - }, - "dependencies": { - "parse-json": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz", - "integrity": "sha512-QR/GGaKCkhwk1ePQNYDRKYZ3mwU9ypsKhB0XyFnLQdomyEqk3e8wpW3V5Jp88zbxK4n5ST1nqo+g9juTpownhQ==", - "dev": true, - "requires": { - "error-ex": "^1.2.0" - } - }, - "strip-bom": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz", - "integrity": "sha512-kwrX1y7czp1E69n2ajbG65mIo9dqvJ+8aBQXOGVxqwvNbsXdFM6Lq37dLAY3mknUwru8CfcCbfOLL/gMo+fi3g==", - "dev": true, - "requires": { - "is-utf8": "^0.2.0" - } - } - } - }, - "loader-runner": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz", - "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==", - "dev": true - }, - "loader-utils": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.2.1.tgz", - "integrity": "sha512-ZvFw1KWS3GVyYBYb7qkmRM/WwL2TQQBxgCK62rlvm4WpVQ23Nb4tYjApUlfjrEGvOs7KHEsmyUn75OHZrJMWPw==", - "dev": true - }, - "localtunnel": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/localtunnel/-/localtunnel-2.0.2.tgz", - "integrity": "sha512-n418Cn5ynvJd7m/N1d9WVJISLJF/ellZnfsLnx8WBWGzxv/ntNcFkJ1o6se5quUhCplfLGBNL5tYHiq5WF3Nug==", - "dev": true, - "requires": { - "axios": "0.21.4", - "debug": "4.3.2", - "openurl": "1.1.1", - "yargs": "17.1.1" - }, - "dependencies": { - "debug": { - "version": "4.3.2", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.2.tgz", - "integrity": "sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==", - "dev": true, - "requires": { - "ms": "2.1.2" - } - }, - "yargs": { - "version": "17.1.1", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.1.1.tgz", - "integrity": "sha512-c2k48R0PwKIqKhPMWjeiF6y2xY/gPMUlro0sgxqXpbOIohWiLNXWslsootttv7E1e73QPAMQSg5FeySbVcpsPQ==", - "dev": true, - "requires": { - "cliui": "^7.0.2", - "escalade": "^3.1.1", - "get-caller-file": "^2.0.5", - "require-directory": "^2.1.1", - "string-width": "^4.2.0", - "y18n": "^5.0.5", - "yargs-parser": "^20.2.2" - } - }, - "yargs-parser": { - "version": "20.2.9", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz", - "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==", - "dev": true - } - } - }, - "locate-path": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", - "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", - "dev": true, - "requires": { - "p-locate": "^4.1.0" - } - }, - "lodash": { - "version": "4.17.21", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", - "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", - "dev": true - }, - "lodash.debounce": { - "version": "4.0.8", - "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", - "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==", - "dev": true - }, - "lodash.isfinite": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/lodash.isfinite/-/lodash.isfinite-3.3.2.tgz", - "integrity": "sha512-7FGG40uhC8Mm633uKW1r58aElFlBlxCrg9JfSi3P6aYiWmfiWF0PgMd86ZUsxE5GwWPdHoS2+48bwTh2VPkIQA==", - "dev": true - }, - "lodash.merge": { - "version": "4.6.2", - "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", - "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==", - "dev": true - }, - "log-symbols": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz", - "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==", - "dev": true, - "requires": { - "chalk": "^4.1.0", - "is-unicode-supported": "^0.1.0" - }, - "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "log4js": { - "version": "6.9.1", - "resolved": "https://registry.npmjs.org/log4js/-/log4js-6.9.1.tgz", - "integrity": "sha512-1somDdy9sChrr9/f4UlzhdaGfDR2c/SaD2a4T7qEkG4jTS57/B3qmnjLYePwQ8cqWnUHZI0iAKxMBpCZICiZ2g==", - "dev": true, - "requires": { - "date-format": "^4.0.14", - "debug": "^4.3.4", - "flatted": "^3.2.7", - "rfdc": "^1.3.0", - "streamroller": "^3.1.5" - } - }, - "lru-cache": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", - "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", - "dev": true, - "requires": { - "yallist": "^3.0.2" - } - }, - "lunr": { - "version": "2.3.9", - "resolved": "https://registry.npmjs.org/lunr/-/lunr-2.3.9.tgz", - "integrity": "sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow==", - "dev": true - }, - "magic-string": { - "version": "0.30.1", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.1.tgz", - "integrity": "sha512-mbVKXPmS0z0G4XqFDCTllmDQ6coZzn94aMlb0o/A4HEHJCKcanlDZwYJgwnkmgD3jyWhUgj9VsPrfd972yPffA==", - "dev": true, - "requires": { - "@jridgewell/sourcemap-codec": "^1.4.15" - } - }, - "make-dir": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz", - "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==", - "dev": true, - "requires": { - "semver": "^7.5.3" - } - }, - "make-error": { - "version": "1.3.6", - "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz", - "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==", - "dev": true - }, - "make-error-cause": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/make-error-cause/-/make-error-cause-1.2.2.tgz", - "integrity": "sha512-4TO2Y3HkBnis4c0dxhAgD/jprySYLACf7nwN6V0HAHDx59g12WlRpUmFy1bRHamjGUEEBrEvCq6SUpsEE2lhUg==", - "dev": true, - "requires": { - "make-error": "^1.2.0" - } - }, - "make-fetch-happen": { - "version": "11.1.1", - "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-11.1.1.tgz", - "integrity": "sha512-rLWS7GCSTcEujjVBs2YqG7Y4643u8ucvCJeSRqiLYhesrDuzeuFIk37xREzAsfQaqzl8b9rNCE4m6J8tvX4Q8w==", - "dev": true, - "requires": { - "agentkeepalive": "^4.2.1", - "cacache": "^17.0.0", - "http-cache-semantics": "^4.1.1", - "http-proxy-agent": "^5.0.0", - "https-proxy-agent": "^5.0.0", - "is-lambda": "^1.0.1", - "lru-cache": "^7.7.1", - "minipass": "^5.0.0", - "minipass-fetch": "^3.0.0", - "minipass-flush": "^1.0.5", - "minipass-pipeline": "^1.2.4", - "negotiator": "^0.6.3", - "promise-retry": "^2.0.1", - "socks-proxy-agent": "^7.0.0", - "ssri": "^10.0.0" - }, - "dependencies": { - "lru-cache": { - "version": "7.18.3", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz", - "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==", - "dev": true - } - } - }, - "make-iterator": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/make-iterator/-/make-iterator-1.0.1.tgz", - "integrity": "sha512-pxiuXh0iVEq7VM7KMIhs5gxsfxCux2URptUQaXo4iZZJxBAzTPOLE2BumO5dbfVYq/hBJFBR/a1mFDmOx5AGmw==", - "dev": true, - "requires": { - "kind-of": "^6.0.2" - }, - "dependencies": { - "kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true - } - } - }, - "map-cache": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz", - "integrity": "sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==", - "dev": true - }, - "map-visit": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz", - "integrity": "sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==", - "dev": true, - "requires": { - "object-visit": "^1.0.0" - } - }, - "marked": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/marked/-/marked-4.3.0.tgz", - "integrity": "sha512-PRsaiG84bK+AMvxziE/lCFss8juXjNaWzVbN5tXAm4XjeaS9NAHhop+PjQxz2A9h8Q4M/xGmzP8vqNwy6JeK0A==", - "dev": true - }, - "matchdep": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/matchdep/-/matchdep-2.0.0.tgz", - "integrity": "sha512-LFgVbaHIHMqCRuCZyfCtUOq9/Lnzhi7Z0KFUE2fhD54+JN2jLh3hC02RLkqauJ3U4soU6H1J3tfj/Byk7GoEjA==", - "dev": true, - "requires": { - "findup-sync": "^2.0.0", - "micromatch": "^3.0.4", - "resolve": "^1.4.0", - "stack-trace": "0.0.10" - }, - "dependencies": { - "arr-diff": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", - "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==", - "dev": true - }, - "braces": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", - "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", - "dev": true, - "requires": { - "arr-flatten": "^1.1.0", - "array-unique": "^0.3.2", - "extend-shallow": "^2.0.1", - "fill-range": "^4.0.0", - "isobject": "^3.0.1", - "repeat-element": "^1.1.2", - "snapdragon": "^0.8.1", - "snapdragon-node": "^2.0.1", - "split-string": "^3.0.2", - "to-regex": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "fill-range": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", - "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==", - "dev": true, - "requires": { - "extend-shallow": "^2.0.1", - "is-number": "^3.0.0", - "repeat-string": "^1.6.1", - "to-regex-range": "^2.1.0" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - } - } - }, - "findup-sync": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-2.0.0.tgz", - "integrity": "sha512-vs+3unmJT45eczmcAZ6zMJtxN3l/QXeccaXQx5cu/MeJMhewVfoWZqibRkOxPnmoR59+Zy5hjabfQc6JLSah4g==", - "dev": true, - "requires": { - "detect-file": "^1.0.0", - "is-glob": "^3.1.0", - "micromatch": "^3.0.4", - "resolve-dir": "^1.0.1" - } - }, - "is-extendable": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", - "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==", - "dev": true - }, - "is-glob": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", - "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==", - "dev": true, - "requires": { - "is-extglob": "^2.1.0" - } - }, - "is-number": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", - "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true - }, - "micromatch": { - "version": "3.1.10", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", - "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", - "dev": true, - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "braces": "^2.3.1", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "extglob": "^2.0.4", - "fragment-cache": "^0.2.1", - "kind-of": "^6.0.2", - "nanomatch": "^1.2.9", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.2" - } - }, - "to-regex-range": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz", - "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==", - "dev": true, - "requires": { - "is-number": "^3.0.0", - "repeat-string": "^1.6.1" - } - } - } - }, - "media-typer": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", - "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==", - "dev": true - }, - "memfs": { - "version": "3.5.3", - "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.5.3.tgz", - "integrity": "sha512-UERzLsxzllchadvbPs5aolHh65ISpKpM+ccLbOJ8/vvpBKmAWf+la7dXFy7Mr0ySHbdHrFv5kGFCUHHe6GFEmw==", - "dev": true, - "requires": { - "fs-monkey": "^1.0.4" - } - }, - "merge-descriptors": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", - "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==", - "dev": true - }, - "merge-stream": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz", - "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==", - "dev": true - }, - "merge2": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", - "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", - "dev": true - }, - "methods": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", - "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==", - "dev": true - }, - "micromatch": { - "version": "4.0.5", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", - "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", - "dev": true, - "requires": { - "braces": "^3.0.2", - "picomatch": "^2.3.1" - } - }, - "mime": { - "version": "2.6.0", - "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz", - "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==", - "dev": true - }, - "mime-db": { - "version": "1.52.0", - "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", - "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", - "dev": true - }, - "mime-types": { - "version": "2.1.35", - "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", - "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", - "dev": true, - "requires": { - "mime-db": "1.52.0" - } - }, - "mimic-fn": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz", - "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==", - "dev": true - }, - "mini-css-extract-plugin": { - "version": "2.7.6", - "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.6.tgz", - "integrity": "sha512-Qk7HcgaPkGG6eD77mLvZS1nmxlao3j+9PkrT9Uc7HAE1id3F41+DdBRYRYkbyfNRGzm8/YWtzhw7nVPmwhqTQw==", - "dev": true, - "requires": { - "schema-utils": "^4.0.0" - } - }, - "minimalistic-assert": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz", - "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==", - "dev": true - }, - "minimatch": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", - "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", - "dev": true, - "requires": { - "brace-expansion": "^1.1.7" - } - }, - "minimist": { - "version": "1.2.8", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz", - "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==", - "dev": true - }, - "minipass": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz", - "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==", - "dev": true - }, - "minipass-collect": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-1.0.2.tgz", - "integrity": "sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==", - "dev": true, - "requires": { - "minipass": "^3.0.0" - }, - "dependencies": { - "minipass": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", - "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", - "dev": true, - "requires": { - "yallist": "^4.0.0" - } - }, - "yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - } - } - }, - "minipass-fetch": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-3.0.3.tgz", - "integrity": "sha512-n5ITsTkDqYkYJZjcRWzZt9qnZKCT7nKCosJhHoj7S7zD+BP4jVbWs+odsniw5TA3E0sLomhTKOKjF86wf11PuQ==", - "dev": true, - "requires": { - "encoding": "^0.1.13", - "minipass": "^5.0.0", - "minipass-sized": "^1.0.3", - "minizlib": "^2.1.2" - } - }, - "minipass-flush": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.5.tgz", - "integrity": "sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==", - "dev": true, - "requires": { - "minipass": "^3.0.0" - }, - "dependencies": { - "minipass": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", - "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", - "dev": true, - "requires": { - "yallist": "^4.0.0" - } - }, - "yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - } - } - }, - "minipass-json-stream": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/minipass-json-stream/-/minipass-json-stream-1.0.1.tgz", - "integrity": "sha512-ODqY18UZt/I8k+b7rl2AENgbWE8IDYam+undIJONvigAz8KR5GWblsFTEfQs0WODsjbSXWlm+JHEv8Gr6Tfdbg==", - "dev": true, - "requires": { - "jsonparse": "^1.3.1", - "minipass": "^3.0.0" - }, - "dependencies": { - "minipass": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", - "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", - "dev": true, - "requires": { - "yallist": "^4.0.0" - } - }, - "yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - } - } - }, - "minipass-pipeline": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz", - "integrity": "sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==", - "dev": true, - "requires": { - "minipass": "^3.0.0" - }, - "dependencies": { - "minipass": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", - "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", - "dev": true, - "requires": { - "yallist": "^4.0.0" - } - }, - "yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - } - } - }, - "minipass-sized": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/minipass-sized/-/minipass-sized-1.0.3.tgz", - "integrity": "sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==", - "dev": true, - "requires": { - "minipass": "^3.0.0" - }, - "dependencies": { - "minipass": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", - "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", - "dev": true, - "requires": { - "yallist": "^4.0.0" - } - }, - "yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - } - } - }, - "minizlib": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz", - "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==", - "dev": true, - "requires": { - "minipass": "^3.0.0", - "yallist": "^4.0.0" - }, - "dependencies": { - "minipass": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", - "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", - "dev": true, - "requires": { - "yallist": "^4.0.0" - } - }, - "yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - } - } - }, - "mitt": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/mitt/-/mitt-1.2.0.tgz", - "integrity": "sha512-r6lj77KlwqLhIUku9UWYes7KJtsczvolZkzp8hbaDPPaE24OmWl5s539Mytlj22siEQKosZ26qCBgda2PKwoJw==", - "dev": true - }, - "mixin-deep": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz", - "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==", - "dev": true, - "requires": { - "for-in": "^1.0.2", - "is-extendable": "^1.0.1" - } - }, - "mkdirp": { - "version": "0.5.6", - "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz", - "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==", - "dev": true, - "requires": { - "minimist": "^1.2.6" - } - }, - "mrmime": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-1.0.1.tgz", - "integrity": "sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==", - "dev": true - }, - "ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", - "dev": true - }, - "multicast-dns": { - "version": "7.2.5", - "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-7.2.5.tgz", - "integrity": "sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==", - "dev": true, - "requires": { - "dns-packet": "^5.2.2", - "thunky": "^1.0.2" - } - }, - "mute-stdout": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/mute-stdout/-/mute-stdout-1.0.1.tgz", - "integrity": "sha512-kDcwXR4PS7caBpuRYYBUz9iVixUk3anO3f5OYFiIPwK/20vCzKCHyKoulbiDY1S53zD2bxUpxN/IJ+TnXjfvxg==", - "dev": true - }, - "mute-stream": { - "version": "0.0.8", - "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz", - "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==", - "dev": true - }, - "nan": { - "version": "2.17.0", - "resolved": "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz", - "integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==", - "dev": true, - "optional": true - }, - "nanoid": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz", - "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==", - "dev": true - }, - "nanomatch": { - "version": "1.2.13", - "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz", - "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==", - "dev": true, - "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "fragment-cache": "^0.2.1", - "is-windows": "^1.0.2", - "kind-of": "^6.0.2", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" - }, - "dependencies": { - "arr-diff": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", - "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==", - "dev": true - }, - "kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true - } - } - }, - "natural-compare": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz", - "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==", - "dev": true - }, - "needle": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/needle/-/needle-3.2.0.tgz", - "integrity": "sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==", - "dev": true, - "optional": true, - "requires": { - "debug": "^3.2.6", - "iconv-lite": "^0.6.3", - "sax": "^1.2.4" - }, - "dependencies": { - "debug": { - "version": "3.2.7", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz", - "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==", - "dev": true, - "optional": true, - "requires": { - "ms": "^2.1.1" - } - }, - "iconv-lite": { - "version": "0.6.3", - "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", - "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", - "dev": true, - "optional": true, - "requires": { - "safer-buffer": ">= 2.1.2 < 3.0.0" - } - } - } - }, - "negotiator": { - "version": "0.6.3", - "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz", - "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==", - "dev": true - }, - "neo-async": { - "version": "2.6.2", - "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz", - "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==", - "dev": true - }, - "next-tick": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz", - "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==", - "dev": true - }, - "ng-packagr": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-16.2.0.tgz", - "integrity": "sha512-3u2FVSpKDa0EJRSGOAhYIZwjtnG7SVFBnUf5fk/VfDOxVV4kFRea6DEK7f/mb1D4WV/yqSZB9JmvBZp0uuIGeA==", - "dev": true, - "requires": { - "@rollup/plugin-json": "^6.0.0", - "@rollup/plugin-node-resolve": "^15.0.0", - "ajv": "^8.11.0", - "ansi-colors": "^4.1.3", - "autoprefixer": "^10.4.12", - "browserslist": "^4.21.4", - "cacache": "^17.0.0", - "chokidar": "^3.5.3", - "commander": "^11.0.0", - "convert-source-map": "^2.0.0", - "dependency-graph": "^0.11.0", - "esbuild": "^0.19.0", - "esbuild-wasm": "^0.19.0", - "fast-glob": "^3.2.12", - "find-cache-dir": "^3.3.2", - "injection-js": "^2.4.0", - "jsonc-parser": "^3.2.0", - "less": "^4.1.3", - "ora": "^5.1.0", - "piscina": "^4.0.0", - "postcss": "^8.4.16", - "postcss-url": "^10.1.3", - "rollup": "^3.0.0", - "rxjs": "^7.5.6", - "sass": "^1.55.0" - }, - "dependencies": { - "@esbuild/android-arm": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.0.tgz", - "integrity": "sha512-GAkjUyHgWTYuex3evPd5V7uV/XS4LMKr1PWHRPW1xNyy/Jx08x3uTrDFRefBYLKT/KpaWM8/YMQcwbp5a3yIDA==", - "dev": true, - "optional": true - }, - "@esbuild/android-arm64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.0.tgz", - "integrity": "sha512-AzsozJnB+RNaDncBCs3Ys5g3kqhPFUueItfEaCpp89JH2naFNX2mYDIvUgPYMqqjm8hiFoo+jklb3QHZyR3ubw==", - "dev": true, - "optional": true - }, - "@esbuild/android-x64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.0.tgz", - "integrity": "sha512-SUG8/qiVhljBDpdkHQ9DvOWbp7hFFIP0OzxOTptbmVsgBgzY6JWowmMd6yJuOhapfxmj/DrvwKmjRLvVSIAKZg==", - "dev": true, - "optional": true - }, - "@esbuild/darwin-arm64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.0.tgz", - "integrity": "sha512-HkxZ8k3Jvcw0FORPNTavA8BMgQjLOB6AajT+iXmil7BwY3gU1hWvJJAyWyEogCmA4LdbGvKF8vEykdmJ4xNJJQ==", - "dev": true, - "optional": true - }, - "@esbuild/darwin-x64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.0.tgz", - "integrity": "sha512-9IRWJjqpWFHM9a5Qs3r3bK834NCFuDY5ZaLrmTjqE+10B6w65UMQzeZjh794JcxpHolsAHqwsN/33crUXNCM2Q==", - "dev": true, - "optional": true - }, - "@esbuild/freebsd-arm64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.0.tgz", - "integrity": "sha512-s7i2WcXcK0V1PJHVBe7NsGddsL62a9Vhpz2U7zapPrwKoFuxPP9jybwX8SXnropR/AOj3ppt2ern4ItblU6UQQ==", - "dev": true, - "optional": true - }, - "@esbuild/freebsd-x64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.0.tgz", - "integrity": "sha512-NMdBSSdgwHCqCsucU5k1xflIIRU0qi1QZnM6+vdGy5fvxm1c8rKh50VzsWsIVTFUG3l91AtRxVwoz3Lcvy3I5w==", - "dev": true, - "optional": true - }, - "@esbuild/linux-arm": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.0.tgz", - "integrity": "sha512-2F1+lH7ZBcCcgxiSs8EXQV0PPJJdTNiNcXxDb61vzxTRJJkXX1I/ye9mAhfHyScXzHaEibEXg1Jq9SW586zz7w==", - "dev": true, - "optional": true - }, - "@esbuild/linux-arm64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.0.tgz", - "integrity": "sha512-I4zvE2srSZxRPapFnNqj+NL3sDJ1wkvEZqt903OZUlBBgigrQMvzUowvP/TTTu2OGYe1oweg5MFilfyrElIFag==", - "dev": true, - "optional": true - }, - "@esbuild/linux-ia32": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.0.tgz", - "integrity": "sha512-dz2Q7+P92r1Evc8kEN+cQnB3qqPjmCrOZ+EdBTn8lEc1yN8WDgaDORQQiX+mxaijbH8npXBT9GxUqE52Gt6Y+g==", - "dev": true, - "optional": true - }, - "@esbuild/linux-loong64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.0.tgz", - "integrity": "sha512-IcVJovJVflih4oFahhUw+N7YgNbuMSVFNr38awb0LNzfaiIfdqIh518nOfYaNQU3aVfiJnOIRVJDSAP4k35WxA==", - "dev": true, - "optional": true - }, - "@esbuild/linux-mips64el": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.0.tgz", - "integrity": "sha512-bZGRAGySMquWsKw0gIdsClwfvgbsSq/7oq5KVu1H1r9Il+WzOcfkV1hguntIuBjRVL8agI95i4AukjdAV2YpUw==", - "dev": true, - "optional": true - }, - "@esbuild/linux-ppc64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.0.tgz", - "integrity": "sha512-3LC6H5/gCDorxoRBUdpLV/m7UthYSdar0XcCu+ypycQxMS08MabZ06y1D1yZlDzL/BvOYliRNRWVG/YJJvQdbg==", - "dev": true, - "optional": true - }, - "@esbuild/linux-riscv64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.0.tgz", - "integrity": "sha512-jfvdKjWk+Cp2sgLtEEdSHXO7qckrw2B2eFBaoRdmfhThqZs29GMMg7q/LsQpybA7BxCLLEs4di5ucsWzZC5XPA==", - "dev": true, - "optional": true - }, - "@esbuild/linux-s390x": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.0.tgz", - "integrity": "sha512-ofcucfNLkoXmcnJaw9ugdEOf40AWKGt09WBFCkpor+vFJVvmk/8OPjl/qRtks2Z7BuZbG3ztJuK1zS9z5Cgx9A==", - "dev": true, - "optional": true - }, - "@esbuild/linux-x64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.0.tgz", - "integrity": "sha512-Fpf7zNDBti3xrQKQKLdXT0hTyOxgFdRJIMtNy8x1az9ATR9/GJ1brYbB/GLWoXhKiHsoWs+2DLkFVNNMTCLEwA==", - "dev": true, - "optional": true - }, - "@esbuild/netbsd-x64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.0.tgz", - "integrity": "sha512-AMQAp/5oENgDOvVhvOlbhVe1pWii7oFAMRHlmTjSEMcpjTpIHtFXhv9uAFgUERHm3eYtNvS9Vf+gT55cwuI6Aw==", - "dev": true, - "optional": true - }, - "@esbuild/openbsd-x64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.0.tgz", - "integrity": "sha512-fDztEve1QUs3h/Dw2AUmBlWGkNQbhDoD05ppm5jKvzQv+HVuV13so7m5RYeiSMIC2XQy7PAjZh+afkxAnCRZxA==", - "dev": true, - "optional": true - }, - "@esbuild/sunos-x64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.0.tgz", - "integrity": "sha512-bKZzJ2/rvUjDzA5Ddyva2tMk89WzNJEibZEaq+wY6SiqPlwgFbqyQLimouxLHiHh1itb5P3SNCIF1bc2bw5H9w==", - "dev": true, - "optional": true - }, - "@esbuild/win32-arm64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.0.tgz", - "integrity": "sha512-NQJ+4jmnA79saI+sE+QzcEls19uZkoEmdxo7r//PDOjIpX8pmoWtTnWg6XcbnO7o4fieyAwb5U2LvgWynF4diA==", - "dev": true, - "optional": true - }, - "@esbuild/win32-ia32": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.0.tgz", - "integrity": "sha512-uyxiZAnsfu9diHm9/rIH2soecF/HWLXYUhJKW4q1+/LLmNQ+55lRjvSUDhUmsgJtSUscRJB/3S4RNiTb9o9mCg==", - "dev": true, - "optional": true - }, - "@esbuild/win32-x64": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.0.tgz", - "integrity": "sha512-jl+NXUjK2StMgqnZnqgNjZuerFG8zQqWXMBZdMMv4W/aO1ZKQaYWZBxTrtWKphkCBVEMh0wMVfGgOd2BjOZqUQ==", - "dev": true, - "optional": true - }, - "convert-source-map": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", - "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", - "dev": true - }, - "esbuild": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.0.tgz", - "integrity": "sha512-i7i8TP4vuG55bKeLyqqk5sTPu1ZjPH3wkcLvAj/0X/222iWFo3AJUYRKjbOoY6BWFMH3teizxHEdV9Su5ESl0w==", - "dev": true, - "optional": true, - "requires": { - "@esbuild/android-arm": "0.19.0", - "@esbuild/android-arm64": "0.19.0", - "@esbuild/android-x64": "0.19.0", - "@esbuild/darwin-arm64": "0.19.0", - "@esbuild/darwin-x64": "0.19.0", - "@esbuild/freebsd-arm64": "0.19.0", - "@esbuild/freebsd-x64": "0.19.0", - "@esbuild/linux-arm": "0.19.0", - "@esbuild/linux-arm64": "0.19.0", - "@esbuild/linux-ia32": "0.19.0", - "@esbuild/linux-loong64": "0.19.0", - "@esbuild/linux-mips64el": "0.19.0", - "@esbuild/linux-ppc64": "0.19.0", - "@esbuild/linux-riscv64": "0.19.0", - "@esbuild/linux-s390x": "0.19.0", - "@esbuild/linux-x64": "0.19.0", - "@esbuild/netbsd-x64": "0.19.0", - "@esbuild/openbsd-x64": "0.19.0", - "@esbuild/sunos-x64": "0.19.0", - "@esbuild/win32-arm64": "0.19.0", - "@esbuild/win32-ia32": "0.19.0", - "@esbuild/win32-x64": "0.19.0" - } - }, - "esbuild-wasm": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.19.0.tgz", - "integrity": "sha512-RqTcOMscbNJEEbPjEUK/37G8nZyC9Ixobv4M/pRhVjb6/v+WxxivAOjaKQKgOpM8zHjQdHALXx0vnpEVYaxKtw==", - "dev": true - }, - "find-cache-dir": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz", - "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==", - "dev": true, - "requires": { - "commondir": "^1.0.1", - "make-dir": "^3.0.2", - "pkg-dir": "^4.1.0" - } - }, - "make-dir": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", - "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", - "dev": true, - "requires": { - "semver": "^6.0.0" - } - }, - "pkg-dir": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz", - "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==", - "dev": true, - "requires": { - "find-up": "^4.0.0" - } - }, - "semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true - } - } - }, - "nice-napi": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/nice-napi/-/nice-napi-1.0.2.tgz", - "integrity": "sha512-px/KnJAJZf5RuBGcfD+Sp2pAKq0ytz8j+1NehvgIGFkvtvFrDM3T8E4x/JJODXK9WZow8RRGrbA9QQ3hs+pDhA==", - "dev": true, - "optional": true, - "requires": { - "node-addon-api": "^3.0.0", - "node-gyp-build": "^4.2.2" - } - }, - "node-addon-api": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz", - "integrity": "sha512-mmcei9JghVNDYydghQmeDX8KoAm0FAiYyIcUt/N4nhyAipB17pllZQDOJD2fotxABnt4Mdz+dKTO7eftLg4d0A==", - "dev": true - }, - "node-forge": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz", - "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==", - "dev": true - }, - "node-gyp": { - "version": "9.4.0", - "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-9.4.0.tgz", - "integrity": "sha512-dMXsYP6gc9rRbejLXmTbVRYjAHw7ppswsKyMxuxJxxOHzluIO1rGp9TOQgjFJ+2MCqcOcQTOPB/8Xwhr+7s4Eg==", - "dev": true, - "requires": { - "env-paths": "^2.2.0", - "exponential-backoff": "^3.1.1", - "glob": "^7.1.4", - "graceful-fs": "^4.2.6", - "make-fetch-happen": "^11.0.3", - "nopt": "^6.0.0", - "npmlog": "^6.0.0", - "rimraf": "^3.0.2", - "semver": "^7.3.5", - "tar": "^6.1.2", - "which": "^2.0.2" - } - }, - "node-gyp-build": { - "version": "4.6.0", - "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.6.0.tgz", - "integrity": "sha512-NTZVKn9IylLwUzaKjkas1e4u2DLNcV4rdYagA4PWdPwW87Bi7z+BznyKSRwS/761tV/lzCGXplWsiaMjLqP2zQ==", - "dev": true - }, - "node-releases": { - "version": "2.0.13", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz", - "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==", - "dev": true - }, - "nopt": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/nopt/-/nopt-6.0.0.tgz", - "integrity": "sha512-ZwLpbTgdhuZUnZzjd7nb1ZV+4DoiC6/sfiVKok72ym/4Tlf+DFdlHYmT2JPmcNNWV6Pi3SDf1kT+A4r9RTuT9g==", - "dev": true, - "requires": { - "abbrev": "^1.0.0" - } - }, - "normalize-package-data": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-5.0.0.tgz", - "integrity": "sha512-h9iPVIfrVZ9wVYQnxFgtw1ugSvGEMOlyPWWtm8BMJhnwyEL/FLbYbTY3V3PpjI/BUK67n9PEWDu6eHzu1fB15Q==", - "dev": true, - "requires": { - "hosted-git-info": "^6.0.0", - "is-core-module": "^2.8.1", - "semver": "^7.3.5", - "validate-npm-package-license": "^3.0.4" - } - }, - "normalize-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", - "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "dev": true - }, - "normalize-range": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", - "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==", - "dev": true - }, - "now-and-later": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-2.0.1.tgz", - "integrity": "sha512-KGvQ0cB70AQfg107Xvs/Fbu+dGmZoTRJp2TaPwcwQm3/7PteUyN2BCgk8KBMPGBUXZdVwyWS8fDCGFygBm19UQ==", - "dev": true, - "requires": { - "once": "^1.3.2" - } - }, - "npm-bundled": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-3.0.0.tgz", - "integrity": "sha512-Vq0eyEQy+elFpzsKjMss9kxqb9tG3YHg4dsyWuUENuzvSUWe1TCnW/vV9FkhvBk/brEDoDiVd+M1Btosa6ImdQ==", - "dev": true, - "requires": { - "npm-normalize-package-bin": "^3.0.0" - } - }, - "npm-install-checks": { - "version": "6.1.1", - "resolved": "https://registry.npmjs.org/npm-install-checks/-/npm-install-checks-6.1.1.tgz", - "integrity": "sha512-dH3GmQL4vsPtld59cOn8uY0iOqRmqKvV+DLGwNXV/Q7MDgD2QfOADWd/mFXcIE5LVhYYGjA3baz6W9JneqnuCw==", - "dev": true, - "requires": { - "semver": "^7.1.1" - } - }, - "npm-normalize-package-bin": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-3.0.1.tgz", - "integrity": "sha512-dMxCf+zZ+3zeQZXKxmyuCKlIDPGuv8EF940xbkC4kQVDTtqoh6rJFO+JTKSA6/Rwi0getWmtuy4Itup0AMcaDQ==", - "dev": true - }, - "npm-package-arg": { - "version": "10.1.0", - "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-10.1.0.tgz", - "integrity": "sha512-uFyyCEmgBfZTtrKk/5xDfHp6+MdrqGotX/VoOyEEl3mBwiEE5FlBaePanazJSVMPT7vKepcjYBY2ztg9A3yPIA==", - "dev": true, - "requires": { - "hosted-git-info": "^6.0.0", - "proc-log": "^3.0.0", - "semver": "^7.3.5", - "validate-npm-package-name": "^5.0.0" - } - }, - "npm-packlist": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-7.0.4.tgz", - "integrity": "sha512-d6RGEuRrNS5/N84iglPivjaJPxhDbZmlbTwTDX2IbcRHG5bZCdtysYMhwiPvcF4GisXHGn7xsxv+GQ7T/02M5Q==", - "dev": true, - "requires": { - "ignore-walk": "^6.0.0" - } - }, - "npm-pick-manifest": { - "version": "8.0.1", - "resolved": "https://registry.npmjs.org/npm-pick-manifest/-/npm-pick-manifest-8.0.1.tgz", - "integrity": "sha512-mRtvlBjTsJvfCCdmPtiu2bdlx8d/KXtF7yNXNWe7G0Z36qWA9Ny5zXsI2PfBZEv7SXgoxTmNaTzGSbbzDZChoA==", - "dev": true, - "requires": { - "npm-install-checks": "^6.0.0", - "npm-normalize-package-bin": "^3.0.0", - "npm-package-arg": "^10.0.0", - "semver": "^7.3.5" - } - }, - "npm-registry-fetch": { - "version": "14.0.5", - "resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-14.0.5.tgz", - "integrity": "sha512-kIDMIo4aBm6xg7jOttupWZamsZRkAqMqwqqbVXnUqstY5+tapvv6bkH/qMR76jdgV+YljEUCyWx3hRYMrJiAgA==", - "dev": true, - "requires": { - "make-fetch-happen": "^11.0.0", - "minipass": "^5.0.0", - "minipass-fetch": "^3.0.0", - "minipass-json-stream": "^1.0.1", - "minizlib": "^2.1.2", - "npm-package-arg": "^10.0.0", - "proc-log": "^3.0.0" - } - }, - "npm-run-path": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz", - "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==", - "dev": true, - "requires": { - "path-key": "^3.0.0" - } - }, - "npmlog": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-6.0.2.tgz", - "integrity": "sha512-/vBvz5Jfr9dT/aFWd0FIRf+T/Q2WBsLENygUaFUqstqsycmZAP/t5BvFJTK0viFmSUxiUKTUplWy5vt+rvKIxg==", - "dev": true, - "requires": { - "are-we-there-yet": "^3.0.0", - "console-control-strings": "^1.1.0", - "gauge": "^4.0.3", - "set-blocking": "^2.0.0" - } - }, - "nth-check": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz", - "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==", - "dev": true, - "requires": { - "boolbase": "^1.0.0" - } - }, - "number-is-nan": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz", - "integrity": "sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==", - "dev": true - }, - "nwsapi": { - "version": "2.2.7", - "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz", - "integrity": "sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==", - "dev": true - }, - "nx": { - "version": "16.5.1", - "resolved": "https://registry.npmjs.org/nx/-/nx-16.5.1.tgz", - "integrity": "sha512-I3hJRE4hG7JWAtncWwDEO3GVeGPpN0TtM8xH5ArZXyDuVeTth/i3TtJzdDzqXO1HHtIoAQN0xeq4n9cLuMil5g==", - "dev": true, - "requires": { - "@nrwl/tao": "16.5.1", - "@nx/nx-darwin-arm64": "16.5.1", - "@nx/nx-darwin-x64": "16.5.1", - "@nx/nx-freebsd-x64": "16.5.1", - "@nx/nx-linux-arm-gnueabihf": "16.5.1", - "@nx/nx-linux-arm64-gnu": "16.5.1", - "@nx/nx-linux-arm64-musl": "16.5.1", - "@nx/nx-linux-x64-gnu": "16.5.1", - "@nx/nx-linux-x64-musl": "16.5.1", - "@nx/nx-win32-arm64-msvc": "16.5.1", - "@nx/nx-win32-x64-msvc": "16.5.1", - "@parcel/watcher": "2.0.4", - "@yarnpkg/lockfile": "^1.1.0", - "@yarnpkg/parsers": "3.0.0-rc.46", - "@zkochan/js-yaml": "0.0.6", - "axios": "^1.0.0", - "chalk": "^4.1.0", - "cli-cursor": "3.1.0", - "cli-spinners": "2.6.1", - "cliui": "^7.0.2", - "dotenv": "~10.0.0", - "enquirer": "~2.3.6", - "fast-glob": "3.2.7", - "figures": "3.2.0", - "flat": "^5.0.2", - "fs-extra": "^11.1.0", - "glob": "7.1.4", - "ignore": "^5.0.4", - "js-yaml": "4.1.0", - "jsonc-parser": "3.2.0", - "lines-and-columns": "~2.0.3", - "minimatch": "3.0.5", - "npm-run-path": "^4.0.1", - "open": "^8.4.0", - "semver": "7.5.3", - "string-width": "^4.2.3", - "strong-log-transformer": "^2.1.0", - "tar-stream": "~2.2.0", - "tmp": "~0.2.1", - "tsconfig-paths": "^4.1.2", - "tslib": "^2.3.0", - "v8-compile-cache": "2.3.0", - "yargs": "^17.6.2", - "yargs-parser": "21.1.1" - }, - "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "argparse": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", - "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", - "dev": true - }, - "axios": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz", - "integrity": "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==", - "dev": true, - "requires": { - "follow-redirects": "^1.15.0", - "form-data": "^4.0.0", - "proxy-from-env": "^1.1.0" - } - }, - "chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "fast-glob": { - "version": "3.2.7", - "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.7.tgz", - "integrity": "sha512-rYGMRwip6lUMvYD3BTScMwT1HtAs2d71SMv66Vrxs0IekGZEjhM0pcMfjQPnknBt2zeCwQMEupiN02ZP4DiT1Q==", - "dev": true, - "requires": { - "@nodelib/fs.stat": "^2.0.2", - "@nodelib/fs.walk": "^1.2.3", - "glob-parent": "^5.1.2", - "merge2": "^1.3.0", - "micromatch": "^4.0.4" - } - }, - "fs-extra": { - "version": "11.1.1", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.1.1.tgz", - "integrity": "sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==", - "dev": true, - "requires": { - "graceful-fs": "^4.2.0", - "jsonfile": "^6.0.1", - "universalify": "^2.0.0" - } - }, - "glob": { - "version": "7.1.4", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.4.tgz", - "integrity": "sha512-hkLPepehmnKk41pUGm3sYxoFs/umurYfYJCerbXEyFIWcAzvpipAgVkBqqT9RBKMGjnq6kMuyYwha6csxbiM1A==", - "dev": true, - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - } - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "js-yaml": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", - "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", - "dev": true, - "requires": { - "argparse": "^2.0.1" - } - }, - "jsonfile": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", - "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.6", - "universalify": "^2.0.0" - } - }, - "lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, - "requires": { - "yallist": "^4.0.0" - } - }, - "minimatch": { - "version": "3.0.5", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.5.tgz", - "integrity": "sha512-tUpxzX0VAzJHjLu0xUfFv1gwVp9ba3IOuRAVH2EGuRW8a5emA2FlACLqiT/lDVtS1W+TGNwqz3sWaNyLgDJWuw==", - "dev": true, - "requires": { - "brace-expansion": "^1.1.7" - } - }, - "semver": { - "version": "7.5.3", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.3.tgz", - "integrity": "sha512-QBlUtyVk/5EeHbi7X0fw6liDZc7BBmEaSYn01fMU1OUYbf6GPsbTtd8WmnqbI20SeycoHSeiybkE/q1Q+qlThQ==", - "dev": true, - "requires": { - "lru-cache": "^6.0.0" - } - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - }, - "tsconfig-paths": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz", - "integrity": "sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==", - "dev": true, - "requires": { - "json5": "^2.2.2", - "minimist": "^1.2.6", - "strip-bom": "^3.0.0" - } - }, - "universalify": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz", - "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==", - "dev": true - }, - "yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - } - } - }, - "object-assign": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", - "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", - "dev": true - }, - "object-copy": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz", - "integrity": "sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==", - "dev": true, - "requires": { - "copy-descriptor": "^0.1.0", - "define-property": "^0.2.5", - "kind-of": "^3.0.3" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - } - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - } - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - }, - "dependencies": { - "kind-of": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", - "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==", - "dev": true - } - } - }, - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "object-inspect": { - "version": "1.12.3", - "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz", - "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==", - "dev": true - }, - "object-is": { - "version": "1.1.5", - "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz", - "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "define-properties": "^1.1.3" - } - }, - "object-keys": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz", - "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==", - "dev": true - }, - "object-path": { - "version": "0.11.8", - "resolved": "https://registry.npmjs.org/object-path/-/object-path-0.11.8.tgz", - "integrity": "sha512-YJjNZrlXJFM42wTBn6zgOJVar9KFJvzx6sTWDte8sWZF//cnjl0BxHNpfZx+ZffXX63A9q0b1zsFiBX4g4X5KA==", - "dev": true - }, - "object-visit": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz", - "integrity": "sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==", - "dev": true, - "requires": { - "isobject": "^3.0.0" - } - }, - "object.assign": { - "version": "4.1.4", - "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz", - "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "define-properties": "^1.1.4", - "has-symbols": "^1.0.3", - "object-keys": "^1.1.1" - } - }, - "object.defaults": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/object.defaults/-/object.defaults-1.1.0.tgz", - "integrity": "sha512-c/K0mw/F11k4dEUBMW8naXUuBuhxRCfG7W+yFy8EcijU/rSmazOUd1XAEEe6bC0OuXY4HUKjTJv7xbxIMqdxrA==", - "dev": true, - "requires": { - "array-each": "^1.0.1", - "array-slice": "^1.0.0", - "for-own": "^1.0.0", - "isobject": "^3.0.0" - } - }, - "object.fromentries": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.6.tgz", - "integrity": "sha512-VciD13dswC4j1Xt5394WR4MzmAQmlgN72phd/riNp9vtD7tp4QQWJ0R4wvclXcafgcYK8veHRed2W6XeGBvcfg==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "define-properties": "^1.1.4", - "es-abstract": "^1.20.4" - } - }, - "object.groupby": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.0.tgz", - "integrity": "sha512-70MWG6NfRH9GnbZOikuhPPYzpUpof9iW2J9E4dW7FXTqPNb6rllE6u39SKwwiNh8lCwX3DDb5OgcKGiEBrTTyw==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "define-properties": "^1.2.0", - "es-abstract": "^1.21.2", - "get-intrinsic": "^1.2.1" - } - }, - "object.map": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/object.map/-/object.map-1.0.1.tgz", - "integrity": "sha512-3+mAJu2PLfnSVGHwIWubpOFLscJANBKuB/6A4CxBstc4aqwQY0FWcsppuy4jU5GSB95yES5JHSI+33AWuS4k6w==", - "dev": true, - "requires": { - "for-own": "^1.0.0", - "make-iterator": "^1.0.0" - } - }, - "object.pick": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz", - "integrity": "sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - }, - "object.reduce": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/object.reduce/-/object.reduce-1.0.1.tgz", - "integrity": "sha512-naLhxxpUESbNkRqc35oQ2scZSJueHGQNUfMW/0U37IgN6tE2dgDWg3whf+NEliy3F/QysrO48XKUz/nGPe+AQw==", - "dev": true, - "requires": { - "for-own": "^1.0.0", - "make-iterator": "^1.0.0" - } - }, - "object.values": { - "version": "1.1.6", - "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.6.tgz", - "integrity": "sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "define-properties": "^1.1.4", - "es-abstract": "^1.20.4" - } - }, - "obuf": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz", - "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==", - "dev": true - }, - "on-finished": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz", - "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==", - "dev": true, - "requires": { - "ee-first": "1.1.1" - } - }, - "on-headers": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz", - "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==", - "dev": true - }, - "once": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", - "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", - "dev": true, - "requires": { - "wrappy": "1" - } - }, - "onetime": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz", - "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==", - "dev": true, - "requires": { - "mimic-fn": "^2.1.0" - } - }, - "open": { - "version": "8.4.2", - "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz", - "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==", - "dev": true, - "requires": { - "define-lazy-prop": "^2.0.0", - "is-docker": "^2.1.1", - "is-wsl": "^2.2.0" - } - }, - "openurl": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/openurl/-/openurl-1.1.1.tgz", - "integrity": "sha512-d/gTkTb1i1GKz5k3XE3XFV/PxQ1k45zDqGP2OA7YhgsaLoqm6qRvARAZOFer1fcXritWlGBRCu/UgeS4HAnXAA==", - "dev": true - }, - "opn": { - "version": "5.3.0", - "resolved": "https://registry.npmjs.org/opn/-/opn-5.3.0.tgz", - "integrity": "sha512-bYJHo/LOmoTd+pfiYhfZDnf9zekVJrY+cnS2a5F2x+w5ppvTqObojTP7WiFG+kVZs9Inw+qQ/lw7TroWwhdd2g==", - "dev": true, - "requires": { - "is-wsl": "^1.1.0" - }, - "dependencies": { - "is-wsl": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz", - "integrity": "sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw==", - "dev": true - } - } - }, - "optimist": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz", - "integrity": "sha512-snN4O4TkigujZphWLN0E//nQmm7790RYaE53DdL7ZYwee2D8DDo9/EyYiKUfN3rneWUjhJnueija3G9I2i0h3g==", - "dev": true, - "peer": true, - "requires": { - "minimist": "~0.0.1", - "wordwrap": "~0.0.2" - }, - "dependencies": { - "minimist": { - "version": "0.0.10", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.10.tgz", - "integrity": "sha512-iotkTvxc+TwOm5Ieim8VnSNvCDjCK9S8G3scJ50ZthspSxa7jx50jkhYduuAtAjvfDUwSgOwf8+If99AlOEhyw==", - "dev": true, - "peer": true - } - } - }, - "optionator": { - "version": "0.9.3", - "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz", - "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==", - "dev": true, - "requires": { - "@aashutoshrathi/word-wrap": "^1.2.3", - "deep-is": "^0.1.3", - "fast-levenshtein": "^2.0.6", - "levn": "^0.4.1", - "prelude-ls": "^1.2.1", - "type-check": "^0.4.0" - } - }, - "ora": { - "version": "5.4.1", - "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz", - "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==", - "dev": true, - "requires": { - "bl": "^4.1.0", - "chalk": "^4.1.0", - "cli-cursor": "^3.1.0", - "cli-spinners": "^2.5.0", - "is-interactive": "^1.0.0", - "is-unicode-supported": "^0.1.0", - "log-symbols": "^4.1.0", - "strip-ansi": "^6.0.0", - "wcwidth": "^1.0.1" - }, - "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "chalk": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", - "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", - "dev": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true - }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "requires": { - "has-flag": "^4.0.0" - } - } - } - }, - "ordered-read-streams": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/ordered-read-streams/-/ordered-read-streams-1.0.1.tgz", - "integrity": "sha512-Z87aSjx3r5c0ZB7bcJqIgIRX5bxR7A4aSzvIbaxd0oTkWBCOoKfuGHiKj60CHVUgg1Phm5yMZzBdt8XqRs73Mw==", - "dev": true, - "requires": { - "readable-stream": "^2.0.1" - } - }, - "os-locale": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz", - "integrity": "sha512-PRT7ZORmwu2MEFt4/fv3Q+mEfN4zetKxufQrkShY2oGvUms9r8otu5HfdyIFHkYXjO7laNsoVGmM2MANfuTA8g==", - "dev": true, - "requires": { - "lcid": "^1.0.0" - } - }, - "os-tmpdir": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", - "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==", - "dev": true - }, - "p-limit": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", - "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", - "dev": true, - "requires": { - "p-try": "^2.0.0" - } - }, - "p-locate": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", - "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", - "dev": true, - "requires": { - "p-limit": "^2.2.0" - } - }, - "p-map": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/p-map/-/p-map-5.5.0.tgz", - "integrity": "sha512-VFqfGDHlx87K66yZrNdI4YGtD70IRyd+zSvgks6mzHPRNkoKy+9EKP4SFC77/vTTQYmRmti7dvqC+m5jBrBAcg==", - "dev": true, - "requires": { - "aggregate-error": "^4.0.0" - } - }, - "p-retry": { - "version": "4.6.2", - "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.2.tgz", - "integrity": "sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==", - "dev": true, - "requires": { - "@types/retry": "0.12.0", - "retry": "^0.13.1" - }, - "dependencies": { - "retry": { - "version": "0.13.1", - "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz", - "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==", - "dev": true - } - } - }, - "p-try": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", - "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", - "dev": true - }, - "pacote": { - "version": "15.2.0", - "resolved": "https://registry.npmjs.org/pacote/-/pacote-15.2.0.tgz", - "integrity": "sha512-rJVZeIwHTUta23sIZgEIM62WYwbmGbThdbnkt81ravBplQv+HjyroqnLRNH2+sLJHcGZmLRmhPwACqhfTcOmnA==", - "dev": true, - "requires": { - "@npmcli/git": "^4.0.0", - "@npmcli/installed-package-contents": "^2.0.1", - "@npmcli/promise-spawn": "^6.0.1", - "@npmcli/run-script": "^6.0.0", - "cacache": "^17.0.0", - "fs-minipass": "^3.0.0", - "minipass": "^5.0.0", - "npm-package-arg": "^10.0.0", - "npm-packlist": "^7.0.0", - "npm-pick-manifest": "^8.0.0", - "npm-registry-fetch": "^14.0.0", - "proc-log": "^3.0.0", - "promise-retry": "^2.0.1", - "read-package-json": "^6.0.0", - "read-package-json-fast": "^3.0.0", - "sigstore": "^1.3.0", - "ssri": "^10.0.0", - "tar": "^6.1.11" - } - }, - "pako": { - "version": "1.0.11", - "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz", - "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==", - "dev": true - }, - "parchment": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/parchment/-/parchment-1.1.4.tgz", - "integrity": "sha512-J5FBQt/pM2inLzg4hEWmzQx/8h8D0CiDxaG3vyp9rKrQRSDgBlhjdP5jQGgosEajXPSQouXGHOmVdgo7QmJuOg==", - "dev": true - }, - "parent-module": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", - "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==", - "dev": true, - "requires": { - "callsites": "^3.0.0" - } - }, - "parse-filepath": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/parse-filepath/-/parse-filepath-1.0.2.tgz", - "integrity": "sha512-FwdRXKCohSVeXqwtYonZTXtbGJKrn+HNyWDYVcp5yuJlesTwNH4rsmRZ+GrKAPJ5bLpRxESMeS+Rl0VCHRvB2Q==", - "dev": true, - "requires": { - "is-absolute": "^1.0.0", - "map-cache": "^0.2.0", - "path-root": "^0.1.1" - } - }, - "parse-json": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz", - "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.0.0", - "error-ex": "^1.3.1", - "json-parse-even-better-errors": "^2.3.0", - "lines-and-columns": "^1.1.6" - }, - "dependencies": { - "lines-and-columns": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", - "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", - "dev": true - } - } - }, - "parse-node-version": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz", - "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==", - "dev": true - }, - "parse-passwd": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz", - "integrity": "sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==", - "dev": true - }, - "parse5": { - "version": "7.1.2", - "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz", - "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==", - "dev": true, - "requires": { - "entities": "^4.4.0" - } - }, - "parse5-html-rewriting-stream": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/parse5-html-rewriting-stream/-/parse5-html-rewriting-stream-7.0.0.tgz", - "integrity": "sha512-mazCyGWkmCRWDI15Zp+UiCqMp/0dgEmkZRvhlsqqKYr4SsVm/TvnSpD9fCvqCA2zoWJcfRym846ejWBBHRiYEg==", - "dev": true, - "requires": { - "entities": "^4.3.0", - "parse5": "^7.0.0", - "parse5-sax-parser": "^7.0.0" - } - }, - "parse5-sax-parser": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/parse5-sax-parser/-/parse5-sax-parser-7.0.0.tgz", - "integrity": "sha512-5A+v2SNsq8T6/mG3ahcz8ZtQ0OUFTatxPbeidoMB7tkJSGDY3tdfl4MHovtLQHkEn5CGxijNWRQHhRQ6IRpXKg==", - "dev": true, - "requires": { - "parse5": "^7.0.0" - } - }, - "parseurl": { - "version": "1.3.3", - "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", - "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==", - "dev": true - }, - "pascalcase": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz", - "integrity": "sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==", - "dev": true - }, - "path-dirname": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz", - "integrity": "sha512-ALzNPpyNq9AqXMBjeymIjFDAkAFH06mHJH/cSBHAgU0s4vfpBn6b2nf8tiRLvagKD8RbTpq2FKTBg7cl9l3c7Q==", - "dev": true - }, - "path-exists": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", - "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", - "dev": true - }, - "path-is-absolute": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", - "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", - "dev": true - }, - "path-key": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", - "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", - "dev": true - }, - "path-parse": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", - "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", - "dev": true - }, - "path-root": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/path-root/-/path-root-0.1.1.tgz", - "integrity": "sha512-QLcPegTHF11axjfojBIoDygmS2E3Lf+8+jI6wOVmNVenrKSo3mFdSGiIgdSHenczw3wPtlVMQaFVwGmM7BJdtg==", - "dev": true, - "requires": { - "path-root-regex": "^0.1.0" - } - }, - "path-root-regex": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/path-root-regex/-/path-root-regex-0.1.2.tgz", - "integrity": "sha512-4GlJ6rZDhQZFE0DPVKh0e9jmZ5egZfxTkp7bcRDuPlJXbAwhxcl2dINPUAsjLdejqaLsCeg8axcLjIbvBjN4pQ==", - "dev": true - }, - "path-scurry": { - "version": "1.10.1", - "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz", - "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==", - "dev": true, - "requires": { - "lru-cache": "^9.1.1 || ^10.0.0", - "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" - }, - "dependencies": { - "lru-cache": { - "version": "10.0.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.0.1.tgz", - "integrity": "sha512-IJ4uwUTi2qCccrioU6g9g/5rvvVl13bsdczUUcqbciD9iLr095yj8DQKdObriEvuNSx325N1rV1O0sJFszx75g==", - "dev": true - } - } - }, - "path-to-regexp": { - "version": "0.1.7", - "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", - "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==", - "dev": true - }, - "path-type": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz", - "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==", - "dev": true - }, - "performance-now": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", - "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==", - "dev": true, - "optional": true - }, - "picocolors": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", - "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", - "dev": true - }, - "picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true - }, - "pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==", - "dev": true - }, - "pinkie": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz", - "integrity": "sha512-MnUuEycAemtSaeFSjXKW/aroV7akBbY+Sv+RkyqFjgAe73F+MR0TBWKBRDkmfWq/HiFmdavfZ1G7h4SPZXaCSg==", - "dev": true - }, - "pinkie-promise": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz", - "integrity": "sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==", - "dev": true, - "requires": { - "pinkie": "^2.0.0" - } - }, - "piscina": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/piscina/-/piscina-4.0.0.tgz", - "integrity": "sha512-641nAmJS4k4iqpNUqfggqUBUMmlw0ZoM5VZKdQkV2e970Inn3Tk9kroCc1wpsYLD07vCwpys5iY0d3xI/9WkTg==", - "dev": true, - "requires": { - "eventemitter-asyncresource": "^1.0.0", - "hdr-histogram-js": "^2.0.1", - "hdr-histogram-percentiles-obj": "^3.0.0", - "nice-napi": "^1.0.2" - } - }, - "pkg-dir": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-7.0.0.tgz", - "integrity": "sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA==", - "dev": true, - "requires": { - "find-up": "^6.3.0" - }, - "dependencies": { - "find-up": { - "version": "6.3.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-6.3.0.tgz", - "integrity": "sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==", - "dev": true, - "requires": { - "locate-path": "^7.1.0", - "path-exists": "^5.0.0" - } - }, - "locate-path": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-7.2.0.tgz", - "integrity": "sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==", - "dev": true, - "requires": { - "p-locate": "^6.0.0" - } - }, - "p-limit": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz", - "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==", - "dev": true, - "requires": { - "yocto-queue": "^1.0.0" - } - }, - "p-locate": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-6.0.0.tgz", - "integrity": "sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==", - "dev": true, - "requires": { - "p-limit": "^4.0.0" - } - }, - "path-exists": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-5.0.0.tgz", - "integrity": "sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==", - "dev": true - }, - "yocto-queue": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz", - "integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==", - "dev": true - } - } - }, - "plugin-error": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-0.1.2.tgz", - "integrity": "sha512-WzZHcm4+GO34sjFMxQMqZbsz3xiNEgonCskQ9v+IroMmYgk/tas8dG+Hr2D6IbRPybZ12oWpzE/w3cGJ6FJzOw==", - "dev": true, - "requires": { - "ansi-cyan": "^0.1.1", - "ansi-red": "^0.1.1", - "arr-diff": "^1.0.1", - "arr-union": "^2.0.1", - "extend-shallow": "^1.1.2" - }, - "dependencies": { - "extend-shallow": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz", - "integrity": "sha512-L7AGmkO6jhDkEBBGWlLtftA80Xq8DipnrRPr0pyi7GQLXkaq9JYA4xF4z6qnadIC6euiTDKco0cGSU9muw+WTw==", - "dev": true, - "requires": { - "kind-of": "^1.1.0" - } - }, - "kind-of": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz", - "integrity": "sha512-aUH6ElPnMGon2/YkxRIigV32MOpTVcoXQ1Oo8aYn40s+sJ3j+0gFZsT8HKDcxNy7Fi9zuquWtGaGAahOdv5p/g==", - "dev": true - } - } - }, - "portscanner": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/portscanner/-/portscanner-2.2.0.tgz", - "integrity": "sha512-IFroCz/59Lqa2uBvzK3bKDbDDIEaAY8XJ1jFxcLWTqosrsc32//P4VuSB2vZXoHiHqOmx8B5L5hnKOxL/7FlPw==", - "dev": true, - "requires": { - "async": "^2.6.0", - "is-number-like": "^1.0.3" - }, - "dependencies": { - "async": { - "version": "2.6.4", - "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz", - "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==", - "dev": true, - "requires": { - "lodash": "^4.17.14" - } - } - } - }, - "posix-character-classes": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz", - "integrity": "sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==", - "dev": true - }, - "postcss": { - "version": "8.4.27", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.27.tgz", - "integrity": "sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==", - "dev": true, - "requires": { - "nanoid": "^3.3.6", - "picocolors": "^1.0.0", - "source-map-js": "^1.0.2" - } - }, - "postcss-loader": { - "version": "7.3.3", - "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-7.3.3.tgz", - "integrity": "sha512-YgO/yhtevGO/vJePCQmTxiaEwER94LABZN0ZMT4A0vsak9TpO+RvKRs7EmJ8peIlB9xfXCsS7M8LjqncsUZ5HA==", - "dev": true, - "requires": { - "cosmiconfig": "^8.2.0", - "jiti": "^1.18.2", - "semver": "^7.3.8" - } - }, - "postcss-modules-extract-imports": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz", - "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==", - "dev": true, - "requires": {} - }, - "postcss-modules-local-by-default": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.3.tgz", - "integrity": "sha512-2/u2zraspoACtrbFRnTijMiQtb4GW4BvatjaG/bCjYQo8kLTdevCUlwuBHx2sCnSyrI3x3qj4ZK1j5LQBgzmwA==", - "dev": true, - "requires": { - "icss-utils": "^5.0.0", - "postcss-selector-parser": "^6.0.2", - "postcss-value-parser": "^4.1.0" - } - }, - "postcss-modules-scope": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz", - "integrity": "sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==", - "dev": true, - "requires": { - "postcss-selector-parser": "^6.0.4" - } - }, - "postcss-modules-values": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz", - "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==", - "dev": true, - "requires": { - "icss-utils": "^5.0.0" - } - }, - "postcss-selector-parser": { - "version": "6.0.13", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz", - "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==", - "dev": true, - "requires": { - "cssesc": "^3.0.0", - "util-deprecate": "^1.0.2" - } - }, - "postcss-url": { - "version": "10.1.3", - "resolved": "https://registry.npmjs.org/postcss-url/-/postcss-url-10.1.3.tgz", - "integrity": "sha512-FUzyxfI5l2tKmXdYc6VTu3TWZsInayEKPbiyW+P6vmmIrrb4I6CGX0BFoewgYHLK+oIL5FECEK02REYRpBvUCw==", - "dev": true, - "requires": { - "make-dir": "~3.1.0", - "mime": "~2.5.2", - "minimatch": "~3.0.4", - "xxhashjs": "~0.2.2" - }, - "dependencies": { - "make-dir": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", - "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==", - "dev": true, - "requires": { - "semver": "^6.0.0" - } - }, - "mime": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/mime/-/mime-2.5.2.tgz", - "integrity": "sha512-tqkh47FzKeCPD2PUiPB6pkbMzsCasjxAfC62/Wap5qrUWcb+sFasXUC5I3gYM5iBM8v/Qpn4UK0x+j0iHyFPDg==", - "dev": true - }, - "minimatch": { - "version": "3.0.8", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.8.tgz", - "integrity": "sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q==", - "dev": true, - "requires": { - "brace-expansion": "^1.1.7" - } - }, - "semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "dev": true - } - } - }, - "postcss-value-parser": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", - "dev": true - }, - "preact": { - "version": "10.16.0", - "resolved": "https://registry.npmjs.org/preact/-/preact-10.16.0.tgz", - "integrity": "sha512-XTSj3dJ4roKIC93pald6rWuB2qQJO9gO2iLLyTe87MrjQN+HklueLsmskbywEWqCHlclgz3/M4YLL2iBr9UmMA==" - }, - "prelude-ls": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz", - "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==", - "dev": true - }, - "prettier": { - "version": "2.8.8", - "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz", - "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==", - "dev": true - }, - "pretty-bytes": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz", - "integrity": "sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==", - "dev": true - }, - "pretty-format": { - "version": "29.6.2", - "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.6.2.tgz", - "integrity": "sha512-1q0oC8eRveTg5nnBEWMXAU2qpv65Gnuf2eCQzSjxpWFkPaPARwqZZDGuNE0zPAZfTCHzIk3A8dIjwlQKKLphyg==", - "dev": true, - "requires": { - "@jest/schemas": "^29.6.0", - "ansi-styles": "^5.0.0", - "react-is": "^18.0.0" - }, - "dependencies": { - "ansi-styles": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz", - "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==", - "dev": true - } - } - }, - "pretty-hrtime": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", - "integrity": "sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==", - "dev": true - }, - "primeflex": { - "version": "3.3.1", - "resolved": "https://registry.npmjs.org/primeflex/-/primeflex-3.3.1.tgz", - "integrity": "sha512-zaOq3YvcOYytbAmKv3zYc+0VNS9Wg5d37dfxZnveKBFPr7vEIwfV5ydrpiouTft8MVW6qNjfkaQphHSnvgQbpQ==", - "dev": true - }, - "primeicons": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/primeicons/-/primeicons-6.0.1.tgz", - "integrity": "sha512-KDeO94CbWI4pKsPnYpA1FPjo79EsY9I+M8ywoPBSf9XMXoe/0crjbUK7jcQEDHuc0ZMRIZsxH3TYLv4TUtHmAA==", - "dev": true - }, - "prismjs": { - "version": "1.29.0", - "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz", - "integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==", - "dev": true - }, - "proc-log": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-3.0.0.tgz", - "integrity": "sha512-++Vn7NS4Xf9NacaU9Xq3URUuqZETPsf8L4j5/ckhaRYsfPeRyzGw+iDjFhV/Jr3uNmTvvddEJFWh5R1gRgUH8A==", - "dev": true - }, - "process-nextick-args": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", - "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==", - "dev": true - }, - "promise-inflight": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz", - "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==", - "dev": true - }, - "promise-retry": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/promise-retry/-/promise-retry-2.0.1.tgz", - "integrity": "sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==", - "dev": true, - "requires": { - "err-code": "^2.0.2", - "retry": "^0.12.0" - } - }, - "proxy-addr": { - "version": "2.0.7", - "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz", - "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==", - "dev": true, - "requires": { - "forwarded": "0.2.0", - "ipaddr.js": "1.9.1" - } - }, - "proxy-from-env": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", - "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==", - "dev": true - }, - "prr": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz", - "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==", - "dev": true, - "optional": true - }, - "psl": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz", - "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==", - "dev": true - }, - "pump": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz", - "integrity": "sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==", - "dev": true, - "requires": { - "end-of-stream": "^1.1.0", - "once": "^1.3.1" - } - }, - "pumpify": { - "version": "1.5.1", - "resolved": "https://registry.npmjs.org/pumpify/-/pumpify-1.5.1.tgz", - "integrity": "sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==", - "dev": true, - "requires": { - "duplexify": "^3.6.0", - "inherits": "^2.0.3", - "pump": "^2.0.0" - } - }, - "punycode": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz", - "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==", - "dev": true - }, - "qjobs": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/qjobs/-/qjobs-1.2.0.tgz", - "integrity": "sha512-8YOJEHtxpySA3fFDyCRxA+UUV+fA+rTWnuWvylOK/NCjhY+b4ocCtmu8TtsWb+mYeU+GCHf/S66KZF/AsteKHg==", - "dev": true - }, - "qs": { - "version": "6.11.0", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz", - "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==", - "dev": true, - "requires": { - "side-channel": "^1.0.4" - } - }, - "querystringify": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz", - "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==", - "dev": true - }, - "queue-microtask": { - "version": "1.2.3", - "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", - "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", - "dev": true - }, - "quill": { - "version": "1.3.7", - "resolved": "https://registry.npmjs.org/quill/-/quill-1.3.7.tgz", - "integrity": "sha512-hG/DVzh/TiknWtE6QmWAF/pxoZKYxfe3J/d/+ShUWkDvvkZQVTPeVmUJVu1uE6DDooC4fWTiCLh84ul89oNz5g==", - "dev": true, - "requires": { - "clone": "^2.1.1", - "deep-equal": "^1.0.1", - "eventemitter3": "^2.0.3", - "extend": "^3.0.2", - "parchment": "^1.1.4", - "quill-delta": "^3.6.2" - }, - "dependencies": { - "deep-equal": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.1.tgz", - "integrity": "sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==", - "dev": true, - "requires": { - "is-arguments": "^1.0.4", - "is-date-object": "^1.0.1", - "is-regex": "^1.0.4", - "object-is": "^1.0.1", - "object-keys": "^1.1.1", - "regexp.prototype.flags": "^1.2.0" - } - }, - "eventemitter3": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-2.0.3.tgz", - "integrity": "sha512-jLN68Dx5kyFHaePoXWPsCGW5qdyZQtLYHkxkg02/Mz6g0kYpDx4FyP6XfArhQdlOC4b8Mv+EMxPo/8La7Tzghg==", - "dev": true - } - } - }, - "quill-delta": { - "version": "3.6.3", - "resolved": "https://registry.npmjs.org/quill-delta/-/quill-delta-3.6.3.tgz", - "integrity": "sha512-wdIGBlcX13tCHOXGMVnnTVFtGRLoP0imqxM696fIPwIf5ODIYUHIvHbZcyvGlZFiFhK5XzDC2lpjbxRhnM05Tg==", - "dev": true, - "requires": { - "deep-equal": "^1.0.1", - "extend": "^3.0.2", - "fast-diff": "1.1.2" - }, - "dependencies": { - "deep-equal": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.1.tgz", - "integrity": "sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==", - "dev": true, - "requires": { - "is-arguments": "^1.0.4", - "is-date-object": "^1.0.1", - "is-regex": "^1.0.4", - "object-is": "^1.0.1", - "object-keys": "^1.1.1", - "regexp.prototype.flags": "^1.2.0" - } - } - } - }, - "raf": { - "version": "3.4.1", - "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz", - "integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==", - "dev": true, - "optional": true, - "requires": { - "performance-now": "^2.1.0" - } - }, - "randombytes": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz", - "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==", - "dev": true, - "requires": { - "safe-buffer": "^5.1.0" - } - }, - "range-parser": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz", - "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==", - "dev": true - }, - "raw-body": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz", - "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==", - "dev": true, - "requires": { - "bytes": "3.1.2", - "http-errors": "2.0.0", - "iconv-lite": "0.4.24", - "unpipe": "1.0.0" - } - }, - "react-is": { - "version": "18.2.0", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", - "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==", - "dev": true - }, - "read-package-json": { - "version": "6.0.4", - "resolved": "https://registry.npmjs.org/read-package-json/-/read-package-json-6.0.4.tgz", - "integrity": "sha512-AEtWXYfopBj2z5N5PbkAOeNHRPUg5q+Nen7QLxV8M2zJq1ym6/lCz3fYNTCXe19puu2d06jfHhrP7v/S2PtMMw==", - "dev": true, - "requires": { - "glob": "^10.2.2", - "json-parse-even-better-errors": "^3.0.0", - "normalize-package-data": "^5.0.0", - "npm-normalize-package-bin": "^3.0.0" - }, - "dependencies": { - "brace-expansion": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", - "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", - "dev": true, - "requires": { - "balanced-match": "^1.0.0" - } - }, - "glob": { - "version": "10.3.3", - "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.3.tgz", - "integrity": "sha512-92vPiMb/iqpmEgsOoIDvTjc50wf9CCCvMzsi6W0JLPeUKE8TWP1a73PgqSrqy7iAZxaSD1YdzU7QZR5LF51MJw==", - "dev": true, - "requires": { - "foreground-child": "^3.1.0", - "jackspeak": "^2.0.3", - "minimatch": "^9.0.1", - "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0", - "path-scurry": "^1.10.1" - } - }, - "json-parse-even-better-errors": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-3.0.0.tgz", - "integrity": "sha512-iZbGHafX/59r39gPwVPRBGw0QQKnA7tte5pSMrhWOW7swGsVvVTjmfyAV9pNqk8YGT7tRCdxRu8uzcgZwoDooA==", - "dev": true - }, - "minimatch": { - "version": "9.0.3", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", - "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", - "dev": true, - "requires": { - "brace-expansion": "^2.0.1" - } - } - } - }, - "read-package-json-fast": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/read-package-json-fast/-/read-package-json-fast-3.0.2.tgz", - "integrity": "sha512-0J+Msgym3vrLOUB3hzQCuZHII0xkNGCtz/HJH9xZshwv9DbDwkw1KaE3gx/e2J5rpEY5rtOy6cyhKOPrkP7FZw==", - "dev": true, - "requires": { - "json-parse-even-better-errors": "^3.0.0", - "npm-normalize-package-bin": "^3.0.0" - }, - "dependencies": { - "json-parse-even-better-errors": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-3.0.0.tgz", - "integrity": "sha512-iZbGHafX/59r39gPwVPRBGw0QQKnA7tte5pSMrhWOW7swGsVvVTjmfyAV9pNqk8YGT7tRCdxRu8uzcgZwoDooA==", - "dev": true - } - } - }, - "read-pkg": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz", - "integrity": "sha512-7BGwRHqt4s/uVbuyoeejRn4YmFnYZiFl4AuaeXHlgZf3sONF0SOGlxs2Pw8g6hCKupo08RafIO5YXFNOKTfwsQ==", - "dev": true, - "requires": { - "load-json-file": "^1.0.0", - "normalize-package-data": "^2.3.2", - "path-type": "^1.0.0" - }, - "dependencies": { - "hosted-git-info": { - "version": "2.8.9", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz", - "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==", - "dev": true - }, - "normalize-package-data": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz", - "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==", - "dev": true, - "requires": { - "hosted-git-info": "^2.1.4", - "resolve": "^1.10.0", - "semver": "2 || 3 || 4 || 5", - "validate-npm-package-license": "^3.0.1" - } - }, - "path-type": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz", - "integrity": "sha512-S4eENJz1pkiQn9Znv33Q+deTOKmbl+jj1Fl+qiP/vYezj+S8x+J3Uo0ISrx/QoEvIlOaDWJhPaRd1flJ9HXZqg==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.2", - "pify": "^2.0.0", - "pinkie-promise": "^2.0.0" - } - }, - "semver": { - "version": "5.7.2", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", - "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", - "dev": true - } - } - }, - "read-pkg-up": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz", - "integrity": "sha512-WD9MTlNtI55IwYUS27iHh9tK3YoIVhxis8yKhLpTqWtml739uXc9NWTpxoHkfZf3+DkCCsXox94/VWZniuZm6A==", - "dev": true, - "requires": { - "find-up": "^1.0.0", - "read-pkg": "^1.0.0" - }, - "dependencies": { - "find-up": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz", - "integrity": "sha512-jvElSjyuo4EMQGoTwo1uJU5pQMwTW5lS1x05zzfJuTIyLR3zwO27LYrxNg+dlvKpGOuGy/MzBdXh80g0ve5+HA==", - "dev": true, - "requires": { - "path-exists": "^2.0.0", - "pinkie-promise": "^2.0.0" - } - }, - "path-exists": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz", - "integrity": "sha512-yTltuKuhtNeFJKa1PiRzfLAU5182q1y4Eb4XCJ3PBqyzEDkAZRzBrKKBct682ls9reBVHf9udYLN5Nd+K1B9BQ==", - "dev": true, - "requires": { - "pinkie-promise": "^2.0.0" - } - } - } - }, - "readable-stream": { - "version": "2.3.8", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz", - "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==", - "dev": true, - "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" - }, - "dependencies": { - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", - "dev": true - }, - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - } - } - }, - "readdirp": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", - "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", - "dev": true, - "requires": { - "picomatch": "^2.2.1" - } - }, - "rechoir": { - "version": "0.6.2", - "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.6.2.tgz", - "integrity": "sha512-HFM8rkZ+i3zrV+4LQjwQ0W+ez98pApMGM3HUrN04j3CqzPOzl9nmP15Y8YXNm8QHGv/eacOVEjqhmWpkRV0NAw==", - "dev": true, - "requires": { - "resolve": "^1.1.6" - } - }, - "reflect-metadata": { - "version": "0.1.13", - "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.1.13.tgz", - "integrity": "sha512-Ts1Y/anZELhSsjMcU605fU9RE4Oi3p5ORujwbIKXfWa+0Zxs510Qrmrce5/Jowq3cHSZSJqBjypxmHarc+vEWg==", - "dev": true - }, - "regenerate": { - "version": "1.4.2", - "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz", - "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==", - "dev": true - }, - "regenerate-unicode-properties": { - "version": "10.1.0", - "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.0.tgz", - "integrity": "sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ==", - "dev": true, - "requires": { - "regenerate": "^1.4.2" - } - }, - "regenerator-runtime": { - "version": "0.13.11", - "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", - "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==", - "dev": true - }, - "regenerator-transform": { - "version": "0.15.2", - "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz", - "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==", - "dev": true, - "requires": { - "@babel/runtime": "^7.8.4" - } - }, - "regex-not": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz", - "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==", - "dev": true, - "requires": { - "extend-shallow": "^3.0.2", - "safe-regex": "^1.1.0" - } - }, - "regex-parser": { - "version": "2.2.11", - "resolved": "https://registry.npmjs.org/regex-parser/-/regex-parser-2.2.11.tgz", - "integrity": "sha512-jbD/FT0+9MBU2XAZluI7w2OBs1RBi6p9M83nkoZayQXXU9e8Robt69FcZc7wU4eJD/YFTjn1JdCk3rbMJajz8Q==", - "dev": true - }, - "regexp.prototype.flags": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz", - "integrity": "sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "define-properties": "^1.2.0", - "functions-have-names": "^1.2.3" - } - }, - "regexpu-core": { - "version": "5.3.2", - "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz", - "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==", - "dev": true, - "requires": { - "@babel/regjsgen": "^0.8.0", - "regenerate": "^1.4.2", - "regenerate-unicode-properties": "^10.1.0", - "regjsparser": "^0.9.1", - "unicode-match-property-ecmascript": "^2.0.0", - "unicode-match-property-value-ecmascript": "^2.1.0" - } - }, - "regjsparser": { - "version": "0.9.1", - "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz", - "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==", - "dev": true, - "requires": { - "jsesc": "~0.5.0" - }, - "dependencies": { - "jsesc": { - "version": "0.5.0", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz", - "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==", - "dev": true - } - } - }, - "remove-bom-buffer": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/remove-bom-buffer/-/remove-bom-buffer-3.0.0.tgz", - "integrity": "sha512-8v2rWhaakv18qcvNeli2mZ/TMTL2nEyAKRvzo1WtnZBl15SHyEhrCu2/xKlJyUFKHiHgfXIyuY6g2dObJJycXQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5", - "is-utf8": "^0.2.1" - } - }, - "remove-bom-stream": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/remove-bom-stream/-/remove-bom-stream-1.2.0.tgz", - "integrity": "sha512-wigO8/O08XHb8YPzpDDT+QmRANfW6vLqxfaXm1YXhnFf3AkSLyjfG3GEFg4McZkmgL7KvCj5u2KczkvSP6NfHA==", - "dev": true, - "requires": { - "remove-bom-buffer": "^3.0.0", - "safe-buffer": "^5.1.0", - "through2": "^2.0.3" - } - }, - "remove-trailing-separator": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz", - "integrity": "sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==", - "dev": true - }, - "repeat-element": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.4.tgz", - "integrity": "sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==", - "dev": true - }, - "repeat-string": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz", - "integrity": "sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==", - "dev": true - }, - "replace-ext": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.1.tgz", - "integrity": "sha512-yD5BHCe7quCgBph4rMQ+0KkIRKwWCrHDOX1p1Gp6HwjPM5kVoCdKGNhN7ydqqsX6lJEnQDKZ/tFMiEdQ1dvPEw==", - "dev": true - }, - "replace-homedir": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/replace-homedir/-/replace-homedir-1.0.0.tgz", - "integrity": "sha512-CHPV/GAglbIB1tnQgaiysb8H2yCy8WQ7lcEwQ/eT+kLj0QHV8LnJW0zpqpE7RSkrMSRoa+EBoag86clf7WAgSg==", - "dev": true, - "requires": { - "homedir-polyfill": "^1.0.1", - "is-absolute": "^1.0.0", - "remove-trailing-separator": "^1.1.0" - } - }, - "require-directory": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", - "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==", - "dev": true - }, - "require-from-string": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", - "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", - "dev": true - }, - "require-main-filename": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz", - "integrity": "sha512-IqSUtOVP4ksd1C/ej5zeEh/BIP2ajqpn8c5x+q99gvcIG/Qf0cud5raVnE/Dwd0ua9TXYDoDc0RE5hBSdz22Ug==", - "dev": true - }, - "requires-port": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz", - "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==", - "dev": true - }, - "resolve": { - "version": "1.22.2", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz", - "integrity": "sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==", - "dev": true, - "requires": { - "is-core-module": "^2.11.0", - "path-parse": "^1.0.7", - "supports-preserve-symlinks-flag": "^1.0.0" - } - }, - "resolve-dir": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/resolve-dir/-/resolve-dir-1.0.1.tgz", - "integrity": "sha512-R7uiTjECzvOsWSfdM0QKFNBVFcK27aHOUwdvK53BcW8zqnGdYp0Fbj82cy54+2A4P2tFM22J5kRfe1R+lM/1yg==", - "dev": true, - "requires": { - "expand-tilde": "^2.0.0", - "global-modules": "^1.0.0" - } - }, - "resolve-from": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz", - "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==", - "dev": true - }, - "resolve-options": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/resolve-options/-/resolve-options-1.1.0.tgz", - "integrity": "sha512-NYDgziiroVeDC29xq7bp/CacZERYsA9bXYd1ZmcJlF3BcrZv5pTb4NG7SjdyKDnXZ84aC4vo2u6sNKIA1LCu/A==", - "dev": true, - "requires": { - "value-or-function": "^3.0.0" - } - }, - "resolve-url": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz", - "integrity": "sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==", - "dev": true - }, - "resolve-url-loader": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-5.0.0.tgz", - "integrity": "sha512-uZtduh8/8srhBoMx//5bwqjQ+rfYOUq8zC9NrMUGtjBiGTtFJM42s58/36+hTqeqINcnYe08Nj3LkK9lW4N8Xg==", - "dev": true, - "requires": { - "adjust-sourcemap-loader": "^4.0.0", - "convert-source-map": "^1.7.0", - "loader-utils": "^2.0.0", - "postcss": "^8.2.14", - "source-map": "0.6.1" - }, - "dependencies": { - "loader-utils": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz", - "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==", - "dev": true, - "requires": { - "big.js": "^5.2.2", - "emojis-list": "^3.0.0", - "json5": "^2.1.2" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - } - } - }, - "resp-modifier": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/resp-modifier/-/resp-modifier-6.0.2.tgz", - "integrity": "sha512-U1+0kWC/+4ncRFYqQWTx/3qkfE6a4B/h3XXgmXypfa0SPZ3t7cbbaFk297PjQS/yov24R18h6OZe6iZwj3NSLw==", - "dev": true, - "requires": { - "debug": "^2.2.0", - "minimatch": "^3.0.2" - }, - "dependencies": { - "debug": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", - "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", - "dev": true, - "requires": { - "ms": "2.0.0" - } - }, - "ms": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", - "dev": true - } - } - }, - "restore-cursor": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz", - "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==", - "dev": true, - "requires": { - "onetime": "^5.1.0", - "signal-exit": "^3.0.2" - } - }, - "ret": { - "version": "0.1.15", - "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz", - "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==", - "dev": true - }, - "retry": { - "version": "0.12.0", - "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz", - "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==", - "dev": true - }, - "reusify": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", - "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", - "dev": true - }, - "rfdc": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.3.0.tgz", - "integrity": "sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==", - "dev": true - }, - "rgbcolor": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/rgbcolor/-/rgbcolor-1.0.1.tgz", - "integrity": "sha512-9aZLIrhRaD97sgVhtJOW6ckOEh6/GnvQtdVNfdZ6s67+3/XwLS9lBcQYzEEhYVeUowN7pRzMLsyGhK2i/xvWbw==", - "dev": true, - "optional": true - }, - "rimraf": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", - "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", - "dev": true, - "requires": { - "glob": "^7.1.3" - } - }, - "rollup": { - "version": "3.28.0", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.28.0.tgz", - "integrity": "sha512-d7zhvo1OUY2SXSM6pfNjgD5+d0Nz87CUp4mt8l/GgVP3oBsPwzNvSzyu1me6BSG9JIgWNTVcafIXBIyM8yQ3yw==", - "dev": true, - "requires": { - "fsevents": "~2.3.2" - } - }, - "rrweb-cssom": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz", - "integrity": "sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==", - "dev": true - }, - "run-async": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz", - "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==", - "dev": true - }, - "run-parallel": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", - "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", - "dev": true, - "requires": { - "queue-microtask": "^1.2.2" - } - }, - "rx": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/rx/-/rx-4.1.0.tgz", - "integrity": "sha512-CiaiuN6gapkdl+cZUr67W6I8jquN4lkak3vtIsIWCl4XIPP8ffsoyN6/+PuGXnQy8Cu8W2y9Xxh31Rq4M6wUug==", - "dev": true - }, - "rxjs": { - "version": "7.8.1", - "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz", - "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==", - "dev": true, - "requires": { - "tslib": "^2.1.0" - } - }, - "safe-array-concat": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.0.tgz", - "integrity": "sha512-9dVEFruWIsnie89yym+xWTAYASdpw3CJV7Li/6zBewGf9z2i1j31rP6jnY0pHEO4QZh6N0K11bFjWmdR8UGdPQ==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "get-intrinsic": "^1.2.0", - "has-symbols": "^1.0.3", - "isarray": "^2.0.5" - } - }, - "safe-buffer": { - "version": "5.2.1", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", - "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", - "dev": true - }, - "safe-regex": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz", - "integrity": "sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==", - "dev": true, - "requires": { - "ret": "~0.1.10" - } - }, - "safe-regex-test": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz", - "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "get-intrinsic": "^1.1.3", - "is-regex": "^1.1.4" - } - }, - "safer-buffer": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", - "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", - "dev": true - }, - "sass": { - "version": "1.64.1", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.64.1.tgz", - "integrity": "sha512-16rRACSOFEE8VN7SCgBu1MpYCyN7urj9At898tyzdXFhC+a+yOX5dXwAR7L8/IdPJ1NB8OYoXmD55DM30B2kEQ==", - "dev": true, - "requires": { - "chokidar": ">=3.0.0 <4.0.0", - "immutable": "^4.0.0", - "source-map-js": ">=0.6.2 <2.0.0" - }, - "dependencies": { - "immutable": { - "version": "4.3.2", - "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.2.tgz", - "integrity": "sha512-oGXzbEDem9OOpDWZu88jGiYCvIsLHMvGw+8OXlpsvTFvIQplQbjg1B1cvKg8f7Hoch6+NGjpPsH1Fr+Mc2D1aA==", - "dev": true - } - } - }, - "sass-loader": { - "version": "13.3.2", - "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-13.3.2.tgz", - "integrity": "sha512-CQbKl57kdEv+KDLquhC+gE3pXt74LEAzm+tzywcA0/aHZuub8wTErbjAoNI57rPUWRYRNC5WUnNl8eGJNbDdwg==", - "dev": true, - "requires": { - "neo-async": "^2.6.2" - } - }, - "sax": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz", - "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==", - "dev": true, - "optional": true - }, - "saxes": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz", - "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==", - "dev": true, - "requires": { - "xmlchars": "^2.2.0" - } - }, - "schema-utils": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz", - "integrity": "sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==", - "dev": true, - "requires": { - "@types/json-schema": "^7.0.9", - "ajv": "^8.9.0", - "ajv-formats": "^2.1.1", - "ajv-keywords": "^5.1.0" - } - }, - "search-insights": { - "version": "2.7.0", - "resolved": "https://registry.npmjs.org/search-insights/-/search-insights-2.7.0.tgz", - "integrity": "sha512-GLbVaGgzYEKMvuJbHRhLi1qoBFnjXZGZ6l4LxOYPCp4lI2jDRB3jPU9/XNhMwv6kvnA9slTreq6pvK+b3o3aqg==", - "peer": true - }, - "select-hose": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz", - "integrity": "sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==", - "dev": true - }, - "selfsigned": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-2.1.1.tgz", - "integrity": "sha512-GSL3aowiF7wa/WtSFwnUrludWFoNhftq8bUkH9pkzjpN2XSPOAYEgg6e0sS9s0rZwgJzJiQRPU18A6clnoW5wQ==", - "dev": true, - "requires": { - "node-forge": "^1" - } - }, - "semver": { - "version": "7.5.4", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", - "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", - "dev": true, - "requires": { - "lru-cache": "^6.0.0" - }, - "dependencies": { - "lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, - "requires": { - "yallist": "^4.0.0" - } - }, - "yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - } - } - }, - "semver-greatest-satisfied-range": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/semver-greatest-satisfied-range/-/semver-greatest-satisfied-range-1.1.0.tgz", - "integrity": "sha512-Ny/iyOzSSa8M5ML46IAx3iXc6tfOsYU2R4AXi2UpHk60Zrgyq6eqPj/xiOfS0rRl/iiQ/rdJkVjw/5cdUyCntQ==", - "dev": true, - "requires": { - "sver-compat": "^1.5.0" - } - }, - "send": { - "version": "0.16.2", - "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz", - "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==", - "dev": true, - "requires": { - "debug": "2.6.9", - "depd": "~1.1.2", - "destroy": "~1.0.4", - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "etag": "~1.8.1", - "fresh": "0.5.2", - "http-errors": "~1.6.2", - "mime": "1.4.1", - "ms": "2.0.0", - "on-finished": "~2.3.0", - "range-parser": "~1.2.0", - "statuses": "~1.4.0" - }, - "dependencies": { - "debug": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", - "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", - "dev": true, - "requires": { - "ms": "2.0.0" - } - }, - "depd": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", - "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==", - "dev": true - }, - "destroy": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", - "integrity": "sha512-3NdhDuEXnfun/z7x9GOElY49LoqVHoGScmOKwmxhsS8N5Y+Z8KyPPDnaSzqWgYt/ji4mqwfTS34Htrk0zPIXVg==", - "dev": true - }, - "http-errors": { - "version": "1.6.3", - "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", - "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==", - "dev": true, - "requires": { - "depd": "~1.1.2", - "inherits": "2.0.3", - "setprototypeof": "1.1.0", - "statuses": ">= 1.4.0 < 2" - } - }, - "inherits": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", - "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==", - "dev": true - }, - "mime": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz", - "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==", - "dev": true - }, - "ms": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", - "dev": true - }, - "on-finished": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", - "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==", - "dev": true, - "requires": { - "ee-first": "1.1.1" - } - }, - "setprototypeof": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", - "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==", - "dev": true - }, - "statuses": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz", - "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==", - "dev": true - } - } - }, - "serialize-javascript": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.1.tgz", - "integrity": "sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==", - "dev": true, - "requires": { - "randombytes": "^2.1.0" - } - }, - "serve-index": { - "version": "1.9.1", - "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz", - "integrity": "sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==", - "dev": true, - "requires": { - "accepts": "~1.3.4", - "batch": "0.6.1", - "debug": "2.6.9", - "escape-html": "~1.0.3", - "http-errors": "~1.6.2", - "mime-types": "~2.1.17", - "parseurl": "~1.3.2" - }, - "dependencies": { - "debug": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", - "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", - "dev": true, - "requires": { - "ms": "2.0.0" - } - }, - "depd": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", - "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==", - "dev": true - }, - "http-errors": { - "version": "1.6.3", - "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", - "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==", - "dev": true, - "requires": { - "depd": "~1.1.2", - "inherits": "2.0.3", - "setprototypeof": "1.1.0", - "statuses": ">= 1.4.0 < 2" - } - }, - "inherits": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", - "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==", - "dev": true - }, - "ms": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", - "dev": true - }, - "setprototypeof": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz", - "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==", - "dev": true - }, - "statuses": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", - "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==", - "dev": true - } - } - }, - "serve-static": { - "version": "1.13.2", - "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz", - "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==", - "dev": true, - "requires": { - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "parseurl": "~1.3.2", - "send": "0.16.2" - } - }, - "server-destroy": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/server-destroy/-/server-destroy-1.0.1.tgz", - "integrity": "sha512-rb+9B5YBIEzYcD6x2VKidaa+cqYBJQKnU4oe4E3ANwRRN56yk/ua1YCJT1n21NTS8w6CcOclAKNP3PhdCXKYtQ==", - "dev": true - }, - "set-blocking": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", - "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==", - "dev": true - }, - "set-value": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz", - "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==", - "dev": true, - "requires": { - "extend-shallow": "^2.0.1", - "is-extendable": "^0.1.1", - "is-plain-object": "^2.0.3", - "split-string": "^3.0.1" - }, - "dependencies": { - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - }, - "is-extendable": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", - "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==", - "dev": true - }, - "is-plain-object": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", - "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", - "dev": true, - "requires": { - "isobject": "^3.0.1" - } - } - } - }, - "setprototypeof": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", - "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==", - "dev": true - }, - "shallow-clone": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz", - "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==", - "dev": true, - "requires": { - "kind-of": "^6.0.2" - }, - "dependencies": { - "kind-of": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", - "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", - "dev": true - } - } - }, - "shebang-command": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", - "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", - "dev": true, - "requires": { - "shebang-regex": "^3.0.0" - } - }, - "shebang-regex": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", - "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", - "dev": true - }, - "shell-quote": { - "version": "1.8.1", - "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz", - "integrity": "sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==", - "dev": true - }, - "shiki": { - "version": "0.14.3", - "resolved": "https://registry.npmjs.org/shiki/-/shiki-0.14.3.tgz", - "integrity": "sha512-U3S/a+b0KS+UkTyMjoNojvTgrBHjgp7L6ovhFVZsXmBGnVdQ4K4U9oK0z63w538S91ATngv1vXigHCSWOwnr+g==", - "dev": true, - "requires": { - "ansi-sequence-parser": "^1.1.0", - "jsonc-parser": "^3.2.0", - "vscode-oniguruma": "^1.7.0", - "vscode-textmate": "^8.0.0" - } - }, - "side-channel": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz", - "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==", - "dev": true, - "requires": { - "call-bind": "^1.0.0", - "get-intrinsic": "^1.0.2", - "object-inspect": "^1.9.0" - } - }, - "signal-exit": { - "version": "3.0.7", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz", - "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", - "dev": true - }, - "sigstore": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/sigstore/-/sigstore-1.9.0.tgz", - "integrity": "sha512-0Zjz0oe37d08VeOtBIuB6cRriqXse2e8w+7yIy2XSXjshRKxbc2KkhXjL229jXSxEm7UbcjS76wcJDGQddVI9A==", - "dev": true, - "requires": { - "@sigstore/bundle": "^1.1.0", - "@sigstore/protobuf-specs": "^0.2.0", - "@sigstore/sign": "^1.0.0", - "@sigstore/tuf": "^1.0.3", - "make-fetch-happen": "^11.0.1" - } - }, - "slash": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz", - "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==", - "dev": true - }, - "smart-buffer": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz", - "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==", - "dev": true - }, - "snapdragon": { - "version": "0.8.2", - "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz", - "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==", - "dev": true, - "requires": { - "base": "^0.11.1", - "debug": "^2.2.0", - "define-property": "^0.2.5", - "extend-shallow": "^2.0.1", - "map-cache": "^0.2.2", - "source-map": "^0.5.6", - "source-map-resolve": "^0.5.0", - "use": "^3.1.0" - }, - "dependencies": { - "debug": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", - "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", - "dev": true, - "requires": { - "ms": "2.0.0" - } - }, - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "extend-shallow": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", - "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==", - "dev": true, - "requires": { - "is-extendable": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - } - }, - "is-extendable": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", - "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==", - "dev": true - }, - "ms": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", - "dev": true - }, - "source-map": { - "version": "0.5.7", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", - "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==", - "dev": true - } - } - }, - "snapdragon-node": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz", - "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==", - "dev": true, - "requires": { - "define-property": "^1.0.0", - "isobject": "^3.0.0", - "snapdragon-util": "^3.0.1" - }, - "dependencies": { - "define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", - "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==", - "dev": true, - "requires": { - "is-descriptor": "^1.0.0" - } - } - } - }, - "snapdragon-util": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz", - "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==", - "dev": true, - "requires": { - "kind-of": "^3.2.0" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "socket.io": { - "version": "4.7.2", - "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.7.2.tgz", - "integrity": "sha512-bvKVS29/I5fl2FGLNHuXlQaUH/BlzX1IN6S+NKLNZpBsPZIDH+90eQmCs2Railn4YUiww4SzUedJ6+uzwFnKLw==", - "dev": true, - "requires": { - "accepts": "~1.3.4", - "base64id": "~2.0.0", - "cors": "~2.8.5", - "debug": "~4.3.2", - "engine.io": "~6.5.2", - "socket.io-adapter": "~2.5.2", - "socket.io-parser": "~4.2.4" - } - }, - "socket.io-adapter": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.2.tgz", - "integrity": "sha512-87C3LO/NOMc+eMcpcxUBebGjkpMDkNBS9tf7KJqcDsmL936EChtVva71Dw2q4tQcuVC+hAUy4an2NO/sYXmwRA==", - "dev": true, - "requires": { - "ws": "~8.11.0" - }, - "dependencies": { - "ws": { - "version": "8.11.0", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz", - "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==", - "dev": true, - "requires": {} - } - } - }, - "socket.io-client": { - "version": "4.7.2", - "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.7.2.tgz", - "integrity": "sha512-vtA0uD4ibrYD793SOIAwlo8cj6haOeMHrGvwPxJsxH7CeIksqJ+3Zc06RvWTIFgiSqx4A3sOnTXpfAEE2Zyz6w==", - "dev": true, - "requires": { - "@socket.io/component-emitter": "~3.1.0", - "debug": "~4.3.2", - "engine.io-client": "~6.5.2", - "socket.io-parser": "~4.2.4" - } - }, - "socket.io-parser": { - "version": "4.2.4", - "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz", - "integrity": "sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==", - "dev": true, - "requires": { - "@socket.io/component-emitter": "~3.1.0", - "debug": "~4.3.1" - } - }, - "sockjs": { - "version": "0.3.24", - "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz", - "integrity": "sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==", - "dev": true, - "requires": { - "faye-websocket": "^0.11.3", - "uuid": "^8.3.2", - "websocket-driver": "^0.7.4" - } - }, - "socks": { - "version": "2.7.1", - "resolved": "https://registry.npmjs.org/socks/-/socks-2.7.1.tgz", - "integrity": "sha512-7maUZy1N7uo6+WVEX6psASxtNlKaNVMlGQKkG/63nEDdLOWNbiUMoLK7X4uYoLhQstau72mLgfEWcXcwsaHbYQ==", - "dev": true, - "requires": { - "ip": "^2.0.0", - "smart-buffer": "^4.2.0" - } - }, - "socks-proxy-agent": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-7.0.0.tgz", - "integrity": "sha512-Fgl0YPZ902wEsAyiQ+idGd1A7rSFx/ayC1CQVMw5P+EQx2V0SgpGtf6OKFhVjPflPUl9YMmEOnmfjCdMUsygww==", - "dev": true, - "requires": { - "agent-base": "^6.0.2", - "debug": "^4.3.3", - "socks": "^2.6.2" - } - }, - "source-map": { - "version": "0.7.4", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz", - "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==", - "dev": true - }, - "source-map-js": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", - "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", - "dev": true - }, - "source-map-loader": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-4.0.1.tgz", - "integrity": "sha512-oqXpzDIByKONVY8g1NUPOTQhe0UTU5bWUl32GSkqK2LjJj0HmwTMVKxcUip0RgAYhY1mqgOxjbQM48a0mmeNfA==", - "dev": true, - "requires": { - "abab": "^2.0.6", - "iconv-lite": "^0.6.3", - "source-map-js": "^1.0.2" - }, - "dependencies": { - "iconv-lite": { - "version": "0.6.3", - "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", - "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", - "dev": true, - "requires": { - "safer-buffer": ">= 2.1.2 < 3.0.0" - } - } - } - }, - "source-map-resolve": { - "version": "0.5.3", - "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz", - "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==", - "dev": true, - "requires": { - "atob": "^2.1.2", - "decode-uri-component": "^0.2.0", - "resolve-url": "^0.2.1", - "source-map-url": "^0.4.0", - "urix": "^0.1.0" - } - }, - "source-map-support": { - "version": "0.5.21", - "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz", - "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==", - "dev": true, - "requires": { - "buffer-from": "^1.0.0", - "source-map": "^0.6.0" - }, - "dependencies": { - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", - "dev": true - } - } - }, - "source-map-url": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz", - "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==", - "dev": true - }, - "sparkles": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/sparkles/-/sparkles-1.0.1.tgz", - "integrity": "sha512-dSO0DDYUahUt/0/pD/Is3VIm5TGJjludZ0HVymmhYF6eNA53PVLhnUk0znSYbH8IYBuJdCE+1luR22jNLMaQdw==", - "dev": true - }, - "spdx-correct": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz", - "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==", - "dev": true, - "requires": { - "spdx-expression-parse": "^3.0.0", - "spdx-license-ids": "^3.0.0" - } - }, - "spdx-exceptions": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz", - "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==", - "dev": true - }, - "spdx-expression-parse": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz", - "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==", - "dev": true, - "requires": { - "spdx-exceptions": "^2.1.0", - "spdx-license-ids": "^3.0.0" - } - }, - "spdx-license-ids": { - "version": "3.0.13", - "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz", - "integrity": "sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==", - "dev": true - }, - "spdy": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz", - "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==", - "dev": true, - "requires": { - "debug": "^4.1.0", - "handle-thing": "^2.0.0", - "http-deceiver": "^1.2.7", - "select-hose": "^2.0.0", - "spdy-transport": "^3.0.0" - } - }, - "spdy-transport": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz", - "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==", - "dev": true, - "requires": { - "debug": "^4.1.0", - "detect-node": "^2.0.4", - "hpack.js": "^2.1.6", - "obuf": "^1.1.2", - "readable-stream": "^3.0.6", - "wbuf": "^1.7.3" - }, - "dependencies": { - "readable-stream": { - "version": "3.6.2", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", - "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", - "dev": true, - "requires": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" - } - } - } - }, - "split-string": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz", - "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==", - "dev": true, - "requires": { - "extend-shallow": "^3.0.0" - } - }, - "sprintf-js": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.2.tgz", - "integrity": "sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug==", - "dev": true - }, - "ssf": { - "version": "0.11.2", - "resolved": "https://registry.npmjs.org/ssf/-/ssf-0.11.2.tgz", - "integrity": "sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==", - "dev": true, - "requires": { - "frac": "~1.1.2" - } - }, - "ssri": { - "version": "10.0.4", - "resolved": "https://registry.npmjs.org/ssri/-/ssri-10.0.4.tgz", - "integrity": "sha512-12+IR2CB2C28MMAw0Ncqwj5QbTcs0nGIhgJzYWzDkb21vWmfNI83KS4f3Ci6GI98WreIfG7o9UXp3C0qbpA8nQ==", - "dev": true, - "requires": { - "minipass": "^5.0.0" - } - }, - "stack-trace": { - "version": "0.0.10", - "resolved": "https://registry.npmjs.org/stack-trace/-/stack-trace-0.0.10.tgz", - "integrity": "sha512-KGzahc7puUKkzyMt+IqAep+TVNbKP+k2Lmwhub39m1AsTSkaDutx56aDCo+HLDzf/D26BIHTJWNiTG1KAJiQCg==", - "dev": true - }, - "stack-utils": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz", - "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==", - "dev": true, - "requires": { - "escape-string-regexp": "^2.0.0" - }, - "dependencies": { - "escape-string-regexp": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz", - "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==", - "dev": true - } - } - }, - "stackblur-canvas": { - "version": "2.6.0", - "resolved": "https://registry.npmjs.org/stackblur-canvas/-/stackblur-canvas-2.6.0.tgz", - "integrity": "sha512-8S1aIA+UoF6erJYnglGPug6MaHYGo1Ot7h5fuXx4fUPvcvQfcdw2o/ppCse63+eZf8PPidSu4v1JnmEVtEDnpg==", - "dev": true, - "optional": true - }, - "static-extend": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz", - "integrity": "sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==", - "dev": true, - "requires": { - "define-property": "^0.2.5", - "object-copy": "^0.1.0" - }, - "dependencies": { - "define-property": { - "version": "0.2.5", - "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", - "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==", - "dev": true, - "requires": { - "is-descriptor": "^0.1.0" - } - }, - "is-accessor-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", - "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-data-descriptor": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", - "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "is-descriptor": { - "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", - "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", - "dev": true, - "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" - } - } - } - }, - "statuses": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", - "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", - "dev": true - }, - "stop-iteration-iterator": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz", - "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==", - "dev": true, - "requires": { - "internal-slot": "^1.0.4" - } - }, - "stream-exhaust": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/stream-exhaust/-/stream-exhaust-1.0.2.tgz", - "integrity": "sha512-b/qaq/GlBK5xaq1yrK9/zFcyRSTNxmcZwFLGSTG0mXgZl/4Z6GgiyYOXOvY7N3eEvFRAG1bkDRz5EPGSvPYQlw==", - "dev": true - }, - "stream-shift": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.1.tgz", - "integrity": "sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==", - "dev": true - }, - "stream-throttle": { - "version": "0.1.3", - "resolved": "https://registry.npmjs.org/stream-throttle/-/stream-throttle-0.1.3.tgz", - "integrity": "sha512-889+B9vN9dq7/vLbGyuHeZ6/ctf5sNuGWsDy89uNxkFTAgzy0eK7+w5fL3KLNRTkLle7EgZGvHUphZW0Q26MnQ==", - "dev": true, - "requires": { - "commander": "^2.2.0", - "limiter": "^1.0.5" - }, - "dependencies": { - "commander": { - "version": "2.20.3", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", - "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", - "dev": true - } - } - }, - "streamroller": { - "version": "3.1.5", - "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-3.1.5.tgz", - "integrity": "sha512-KFxaM7XT+irxvdqSP1LGLgNWbYN7ay5owZ3r/8t77p+EtSUAfUgtl7be3xtqtOmGUl9K9YPO2ca8133RlTjvKw==", - "dev": true, - "requires": { - "date-format": "^4.0.14", - "debug": "^4.3.4", - "fs-extra": "^8.1.0" - }, - "dependencies": { - "fs-extra": { - "version": "8.1.0", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz", - "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==", - "dev": true, - "requires": { - "graceful-fs": "^4.2.0", - "jsonfile": "^4.0.0", - "universalify": "^0.1.0" - } - }, - "jsonfile": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", - "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.6" - } - } - } - }, - "string_decoder": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", - "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", - "dev": true, - "requires": { - "safe-buffer": "~5.1.0" - }, - "dependencies": { - "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true - } - } - }, - "string-width": { - "version": "4.2.3", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", - "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", - "dev": true, - "requires": { - "emoji-regex": "^8.0.0", - "is-fullwidth-code-point": "^3.0.0", - "strip-ansi": "^6.0.1" - } - }, - "string-width-cjs": { - "version": "npm:string-width@4.2.3", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", - "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", - "dev": true, - "requires": { - "emoji-regex": "^8.0.0", - "is-fullwidth-code-point": "^3.0.0", - "strip-ansi": "^6.0.1" - } - }, - "string.prototype.trim": { - "version": "1.2.7", - "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz", - "integrity": "sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "define-properties": "^1.1.4", - "es-abstract": "^1.20.4" - } - }, - "string.prototype.trimend": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz", - "integrity": "sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "define-properties": "^1.1.4", - "es-abstract": "^1.20.4" - } - }, - "string.prototype.trimstart": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz", - "integrity": "sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "define-properties": "^1.1.4", - "es-abstract": "^1.20.4" - } - }, - "strip-ansi": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", - "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", - "dev": true, - "requires": { - "ansi-regex": "^5.0.1" - } - }, - "strip-ansi-cjs": { - "version": "npm:strip-ansi@6.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", - "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", - "dev": true, - "requires": { - "ansi-regex": "^5.0.1" - } - }, - "strip-bom": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz", - "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==", - "dev": true - }, - "strip-final-newline": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz", - "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==", - "dev": true - }, - "strip-json-comments": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz", - "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==", - "dev": true - }, - "strong-log-transformer": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/strong-log-transformer/-/strong-log-transformer-2.1.0.tgz", - "integrity": "sha512-B3Hgul+z0L9a236FAUC9iZsL+nVHgoCJnqCbN588DjYxvGXaXaaFbfmQ/JhvKjZwsOukuR72XbHv71Qkug0HxA==", - "dev": true, - "requires": { - "duplexer": "^0.1.1", - "minimist": "^1.2.0", - "through": "^2.3.4" - } - }, - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - }, - "supports-preserve-symlinks-flag": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", - "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", - "dev": true - }, - "sver-compat": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/sver-compat/-/sver-compat-1.5.0.tgz", - "integrity": "sha512-aFTHfmjwizMNlNE6dsGmoAM4lHjL0CyiobWaFiXWSlD7cIxshW422Nb8KbXCmR6z+0ZEPY+daXJrDyh/vuwTyg==", - "dev": true, - "requires": { - "es6-iterator": "^2.0.1", - "es6-symbol": "^3.1.1" - } - }, - "svg-pathdata": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/svg-pathdata/-/svg-pathdata-6.0.3.tgz", - "integrity": "sha512-qsjeeq5YjBZ5eMdFuUa4ZosMLxgr5RZ+F+Y1OrDhuOCEInRMA3x74XdBtggJcj9kOeInz0WE+LgCPDkZFlBYJw==", - "dev": true, - "optional": true - }, - "symbol-observable": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-4.0.0.tgz", - "integrity": "sha512-b19dMThMV4HVFynSAM1++gBHAbk2Tc/osgLIBZMKsyqh34jb2e8Os7T6ZW/Bt3pJFdBTd2JwAnAAEQV7rSNvcQ==", - "dev": true - }, - "symbol-tree": { - "version": "3.2.4", - "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz", - "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==", - "dev": true - }, - "tapable": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz", - "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==", - "dev": true - }, - "tar": { - "version": "6.1.15", - "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.15.tgz", - "integrity": "sha512-/zKt9UyngnxIT/EAGYuxaMYgOIJiP81ab9ZfkILq4oNLPFX50qyYmu7jRj9qeXoxmJHjGlbH0+cm2uy1WCs10A==", - "dev": true, - "requires": { - "chownr": "^2.0.0", - "fs-minipass": "^2.0.0", - "minipass": "^5.0.0", - "minizlib": "^2.1.1", - "mkdirp": "^1.0.3", - "yallist": "^4.0.0" - }, - "dependencies": { - "fs-minipass": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz", - "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==", - "dev": true, - "requires": { - "minipass": "^3.0.0" - }, - "dependencies": { - "minipass": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", - "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", - "dev": true, - "requires": { - "yallist": "^4.0.0" - } - } - } - }, - "mkdirp": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", - "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", - "dev": true - }, - "yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - } - } - }, - "tar-stream": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz", - "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==", - "dev": true, - "requires": { - "bl": "^4.0.3", - "end-of-stream": "^1.4.1", - "fs-constants": "^1.0.0", - "inherits": "^2.0.3", - "readable-stream": "^3.1.1" - }, - "dependencies": { - "readable-stream": { - "version": "3.6.2", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", - "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", - "dev": true, - "requires": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" - } - } - } - }, - "terser": { - "version": "5.19.2", - "resolved": "https://registry.npmjs.org/terser/-/terser-5.19.2.tgz", - "integrity": "sha512-qC5+dmecKJA4cpYxRa5aVkKehYsQKc+AHeKl0Oe62aYjBL8ZA33tTljktDHJSaxxMnbI5ZYw+o/S2DxxLu8OfA==", - "dev": true, - "requires": { - "@jridgewell/source-map": "^0.3.3", - "acorn": "^8.8.2", - "commander": "^2.20.0", - "source-map-support": "~0.5.20" - }, - "dependencies": { - "commander": { - "version": "2.20.3", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", - "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", - "dev": true - } - } - }, - "terser-webpack-plugin": { - "version": "5.3.9", - "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.9.tgz", - "integrity": "sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==", - "dev": true, - "requires": { - "@jridgewell/trace-mapping": "^0.3.17", - "jest-worker": "^27.4.5", - "schema-utils": "^3.1.1", - "serialize-javascript": "^6.0.1", - "terser": "^5.16.8" - }, - "dependencies": { - "ajv": { - "version": "6.12.6", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", - "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", - "dev": true, - "requires": { - "fast-deep-equal": "^3.1.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" - } - }, - "ajv-keywords": { - "version": "3.5.2", - "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", - "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "dev": true, - "requires": {} - }, - "json-schema-traverse": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", - "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", - "dev": true - }, - "schema-utils": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz", - "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==", - "dev": true, - "requires": { - "@types/json-schema": "^7.0.8", - "ajv": "^6.12.5", - "ajv-keywords": "^3.5.2" - } - } - } - }, - "test-exclude": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz", - "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==", - "dev": true, - "requires": { - "@istanbuljs/schema": "^0.1.2", - "glob": "^7.1.4", - "minimatch": "^3.0.4" - } - }, - "text-segmentation": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/text-segmentation/-/text-segmentation-1.0.3.tgz", - "integrity": "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==", - "dev": true, - "optional": true, - "requires": { - "utrie": "^1.0.2" - } - }, - "text-table": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz", - "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==", - "dev": true - }, - "through": { - "version": "2.3.8", - "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz", - "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==", - "dev": true - }, - "through2": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", - "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==", - "dev": true, - "requires": { - "readable-stream": "~2.3.6", - "xtend": "~4.0.1" - } - }, - "through2-filter": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/through2-filter/-/through2-filter-3.0.0.tgz", - "integrity": "sha512-jaRjI2WxN3W1V8/FMZ9HKIBXixtiqs3SQSX4/YGIiP3gL6djW48VoZq9tDqeCWs3MT8YY5wb/zli8VW8snY1CA==", - "dev": true, - "requires": { - "through2": "~2.0.0", - "xtend": "~4.0.0" - } - }, - "thunky": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz", - "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==", - "dev": true - }, - "time-stamp": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/time-stamp/-/time-stamp-1.1.0.tgz", - "integrity": "sha512-gLCeArryy2yNTRzTGKbZbloctj64jkZ57hj5zdraXue6aFgd6PmvVtEyiUU+hvU0v7q08oVv8r8ev0tRo6bvgw==", - "dev": true - }, - "tmp": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz", - "integrity": "sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==", - "dev": true, - "requires": { - "rimraf": "^3.0.0" - } - }, - "to-absolute-glob": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/to-absolute-glob/-/to-absolute-glob-2.0.2.tgz", - "integrity": "sha512-rtwLUQEwT8ZeKQbyFJyomBRYXyE16U5VKuy0ftxLMK/PZb2fkOsg5r9kHdauuVDbsNdIBoC/HCthpidamQFXYA==", - "dev": true, - "requires": { - "is-absolute": "^1.0.0", - "is-negated-glob": "^1.0.0" - } - }, - "to-fast-properties": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", - "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", - "dev": true - }, - "to-object-path": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz", - "integrity": "sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==", - "dev": true, - "requires": { - "kind-of": "^3.0.2" - }, - "dependencies": { - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==", - "dev": true, - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, - "to-regex": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz", - "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==", - "dev": true, - "requires": { - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "regex-not": "^1.0.2", - "safe-regex": "^1.1.0" - } - }, - "to-regex-range": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", - "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", - "dev": true, - "requires": { - "is-number": "^7.0.0" - } - }, - "to-through": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/to-through/-/to-through-2.0.0.tgz", - "integrity": "sha512-+QIz37Ly7acM4EMdw2PRN389OneM5+d844tirkGp4dPKzI5OE72V9OsbFp+CIYJDahZ41ZV05hNtcPAQUAm9/Q==", - "dev": true, - "requires": { - "through2": "^2.0.3" - } - }, - "toidentifier": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz", - "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==", - "dev": true - }, - "tough-cookie": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz", - "integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==", - "dev": true, - "requires": { - "psl": "^1.1.33", - "punycode": "^2.1.1", - "universalify": "^0.2.0", - "url-parse": "^1.5.3" - }, - "dependencies": { - "universalify": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz", - "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==", - "dev": true - } - } - }, - "tr46": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz", - "integrity": "sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==", - "dev": true, - "requires": { - "punycode": "^2.3.0" - } - }, - "tree-kill": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz", - "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==", - "dev": true - }, - "ts-api-utils": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.3.tgz", - "integrity": "sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==", - "dev": true, - "requires": {} - }, - "ts-node": { - "version": "8.3.0", - "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-8.3.0.tgz", - "integrity": "sha512-dyNS/RqyVTDcmNM4NIBAeDMpsAdaQ+ojdf0GOLqE6nwJOgzEkdRNzJywhDfwnuvB10oa6NLVG1rUJQCpRN7qoQ==", - "dev": true, - "requires": { - "arg": "^4.1.0", - "diff": "^4.0.1", - "make-error": "^1.1.1", - "source-map-support": "^0.5.6", - "yn": "^3.0.0" - } - }, - "tsconfig-paths": { - "version": "3.14.2", - "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz", - "integrity": "sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==", - "dev": true, - "requires": { - "@types/json5": "^0.0.29", - "json5": "^1.0.2", - "minimist": "^1.2.6", - "strip-bom": "^3.0.0" - }, - "dependencies": { - "json5": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz", - "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==", - "dev": true, - "requires": { - "minimist": "^1.2.0" - } - } - } - }, - "tslib": { - "version": "2.6.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.1.tgz", - "integrity": "sha512-t0hLfiEKfMUoqhG+U1oid7Pva4bbDPHYfJNiB7BiIjRkj1pyC++4N3huJfqY6aRH6VTB0rvtzQwjM4K6qpfOig==", - "dev": true - }, - "tslint": { - "version": "3.15.1", - "resolved": "https://registry.npmjs.org/tslint/-/tslint-3.15.1.tgz", - "integrity": "sha512-wkqXlDiU1qG31dMuxnCSNeNMdKmSaEMYgJ2RERgFkt1WvVEF/wYwUYR396DDDcJDDBYpq16a6XJodQh70IRtBQ==", - "dev": true, - "peer": true, - "requires": { - "colors": "^1.1.2", - "diff": "^2.2.1", - "findup-sync": "~0.3.0", - "glob": "^7.0.3", - "optimist": "~0.6.0", - "resolve": "^1.1.7", - "underscore.string": "^3.3.4" - }, - "dependencies": { - "diff": { - "version": "2.2.3", - "resolved": "https://registry.npmjs.org/diff/-/diff-2.2.3.tgz", - "integrity": "sha512-9wfm3RLzMp/PyTFWuw9liEzdlxsdGixCW0ZTU1XDmtlAkvpVXTPGF8KnfSs0hm3BPbg19OrUPPsRkHXoREpP1g==", - "dev": true, - "peer": true - }, - "findup-sync": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-0.3.0.tgz", - "integrity": "sha512-z8Nrwhi6wzxNMIbxlrTzuUW6KWuKkogZ/7OdDVq+0+kxn77KUH1nipx8iU6suqkHqc4y6n7a9A8IpmxY/pTjWg==", - "dev": true, - "peer": true, - "requires": { - "glob": "~5.0.0" - }, - "dependencies": { - "glob": { - "version": "5.0.15", - "resolved": "https://registry.npmjs.org/glob/-/glob-5.0.15.tgz", - "integrity": "sha512-c9IPMazfRITpmAAKi22dK1VKxGDX9ehhqfABDriL/lzO92xcUKEJPQHrVA/2YHSNFB4iFlykVmWvwo48nr3OxA==", - "dev": true, - "peer": true, - "requires": { - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "2 || 3", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - } - } - } - } - } - }, - "tsutils": { - "version": "3.21.0", - "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz", - "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==", - "dev": true, - "requires": { - "tslib": "^1.8.1" - }, - "dependencies": { - "tslib": { - "version": "1.14.1", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", - "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", - "dev": true - } - } - }, - "tuf-js": { - "version": "1.1.7", - "resolved": "https://registry.npmjs.org/tuf-js/-/tuf-js-1.1.7.tgz", - "integrity": "sha512-i3P9Kgw3ytjELUfpuKVDNBJvk4u5bXL6gskv572mcevPbSKCV3zt3djhmlEQ65yERjIbOSncy7U4cQJaB1CBCg==", - "dev": true, - "requires": { - "@tufjs/models": "1.0.4", - "debug": "^4.3.4", - "make-fetch-happen": "^11.1.1" - } - }, - "type": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/type/-/type-1.2.0.tgz", - "integrity": "sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==", - "dev": true - }, - "type-check": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", - "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==", - "dev": true, - "requires": { - "prelude-ls": "^1.2.1" - } - }, - "type-fest": { - "version": "0.21.3", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz", - "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==", - "dev": true - }, - "type-is": { - "version": "1.6.18", - "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", - "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==", - "dev": true, - "requires": { - "media-typer": "0.3.0", - "mime-types": "~2.1.24" - } - }, - "typed-array-buffer": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz", - "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "get-intrinsic": "^1.2.1", - "is-typed-array": "^1.1.10" - } - }, - "typed-array-byte-length": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz", - "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "for-each": "^0.3.3", - "has-proto": "^1.0.1", - "is-typed-array": "^1.1.10" - } - }, - "typed-array-byte-offset": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz", - "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==", - "dev": true, - "requires": { - "available-typed-arrays": "^1.0.5", - "call-bind": "^1.0.2", - "for-each": "^0.3.3", - "has-proto": "^1.0.1", - "is-typed-array": "^1.1.10" - } - }, - "typed-array-length": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz", - "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "for-each": "^0.3.3", - "is-typed-array": "^1.1.9" - } - }, - "typed-assert": { - "version": "1.0.9", - "resolved": "https://registry.npmjs.org/typed-assert/-/typed-assert-1.0.9.tgz", - "integrity": "sha512-KNNZtayBCtmnNmbo5mG47p1XsCyrx6iVqomjcZnec/1Y5GGARaxPs6r49RnSPeUP3YjNYiU9sQHAtY4BBvnZwg==", - "dev": true - }, - "typedarray": { - "version": "0.0.6", - "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz", - "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==", - "dev": true - }, - "typedoc": { - "version": "0.24.7", - "resolved": "https://registry.npmjs.org/typedoc/-/typedoc-0.24.7.tgz", - "integrity": "sha512-zzfKDFIZADA+XRIp2rMzLe9xZ6pt12yQOhCr7cD7/PBTjhPmMyMvGrkZ2lPNJitg3Hj1SeiYFNzCsSDrlpxpKw==", - "dev": true, - "requires": { - "lunr": "^2.3.9", - "marked": "^4.3.0", - "minimatch": "^9.0.0", - "shiki": "^0.14.1" - }, - "dependencies": { - "brace-expansion": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", - "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", - "dev": true, - "requires": { - "balanced-match": "^1.0.0" - } - }, - "minimatch": { - "version": "9.0.3", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", - "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", - "dev": true, - "requires": { - "brace-expansion": "^2.0.1" - } - } - } - }, - "typescript": { - "version": "5.0.4", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.0.4.tgz", - "integrity": "sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==", - "dev": true - }, - "ua-parser-js": { - "version": "1.0.35", - "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.35.tgz", - "integrity": "sha512-fKnGuqmTBnIE+/KXSzCn4db8RTigUzw1AN0DmdU6hJovUTbYJKyqj+8Mt1c4VfRDnOVJnENmfYkIPZ946UrSAA==", - "dev": true - }, - "uglify-js": { - "version": "3.17.4", - "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.17.4.tgz", - "integrity": "sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==", - "dev": true - }, - "uglifycss": { - "version": "0.0.25", - "resolved": "https://registry.npmjs.org/uglifycss/-/uglifycss-0.0.25.tgz", - "integrity": "sha512-MPfsrz1Cek1uby3nnPbCBjfcu4q4HxdLnWzYPShO+mHYjEO+C1PDAHH4Q7rZLImv3UF5LXOHCdoz4g32+nb5xw==", - "dev": true - }, - "unbox-primitive": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz", - "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==", - "dev": true, - "requires": { - "call-bind": "^1.0.2", - "has-bigints": "^1.0.2", - "has-symbols": "^1.0.3", - "which-boxed-primitive": "^1.0.2" - } - }, - "unc-path-regex": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/unc-path-regex/-/unc-path-regex-0.1.2.tgz", - "integrity": "sha512-eXL4nmJT7oCpkZsHZUOJo8hcX3GbsiDOa0Qu9F646fi8dT3XuSVopVqAcEiVzSKKH7UoDti23wNX3qGFxcW5Qg==", - "dev": true - }, - "underscore.string": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/underscore.string/-/underscore.string-3.3.6.tgz", - "integrity": "sha512-VoC83HWXmCrF6rgkyxS9GHv8W9Q5nhMKho+OadDJGzL2oDYbYEppBaCMH6pFlwLeqj2QS+hhkw2kpXkSdD1JxQ==", - "dev": true, - "peer": true, - "requires": { - "sprintf-js": "^1.1.1", - "util-deprecate": "^1.0.2" - } - }, - "undertaker": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/undertaker/-/undertaker-1.3.0.tgz", - "integrity": "sha512-/RXwi5m/Mu3H6IHQGww3GNt1PNXlbeCuclF2QYR14L/2CHPz3DFZkvB5hZ0N/QUkiXWCACML2jXViIQEQc2MLg==", - "dev": true, - "requires": { - "arr-flatten": "^1.0.1", - "arr-map": "^2.0.0", - "bach": "^1.0.0", - "collection-map": "^1.0.0", - "es6-weak-map": "^2.0.1", - "fast-levenshtein": "^1.0.0", - "last-run": "^1.1.0", - "object.defaults": "^1.0.0", - "object.reduce": "^1.0.0", - "undertaker-registry": "^1.0.0" - }, - "dependencies": { - "fast-levenshtein": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-1.1.4.tgz", - "integrity": "sha512-Ia0sQNrMPXXkqVFt6w6M1n1oKo3NfKs+mvaV811Jwir7vAk9a6PVV9VPYf6X3BU97QiLEmuW3uXH9u87zDFfdw==", - "dev": true - } - } - }, - "undertaker-registry": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/undertaker-registry/-/undertaker-registry-1.0.1.tgz", - "integrity": "sha512-UR1khWeAjugW3548EfQmL9Z7pGMlBgXteQpr1IZeZBtnkCJQJIJ1Scj0mb9wQaPvUZ9Q17XqW6TIaPchJkyfqw==", - "dev": true - }, - "unicode-canonical-property-names-ecmascript": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz", - "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==", - "dev": true - }, - "unicode-match-property-ecmascript": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz", - "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==", - "dev": true, - "requires": { - "unicode-canonical-property-names-ecmascript": "^2.0.0", - "unicode-property-aliases-ecmascript": "^2.0.0" - } - }, - "unicode-match-property-value-ecmascript": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz", - "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==", - "dev": true - }, - "unicode-property-aliases-ecmascript": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz", - "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==", - "dev": true - }, - "union-value": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz", - "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==", - "dev": true, - "requires": { - "arr-union": "^3.1.0", - "get-value": "^2.0.6", - "is-extendable": "^0.1.1", - "set-value": "^2.0.1" - }, - "dependencies": { - "arr-union": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz", - "integrity": "sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==", - "dev": true - }, - "is-extendable": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", - "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==", - "dev": true - } - } - }, - "unique-filename": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-3.0.0.tgz", - "integrity": "sha512-afXhuC55wkAmZ0P18QsVE6kp8JaxrEokN2HGIoIVv2ijHQd419H0+6EigAFcIzXeMIkcIkNBpB3L/DXB3cTS/g==", - "dev": true, - "requires": { - "unique-slug": "^4.0.0" - } - }, - "unique-slug": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-4.0.0.tgz", - "integrity": "sha512-WrcA6AyEfqDX5bWige/4NQfPZMtASNVxdmWR76WESYQVAACSgWcR6e9i0mofqqBxYFtL4oAxPIptY73/0YE1DQ==", - "dev": true, - "requires": { - "imurmurhash": "^0.1.4" - } - }, - "unique-stream": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/unique-stream/-/unique-stream-2.3.1.tgz", - "integrity": "sha512-2nY4TnBE70yoxHkDli7DMazpWiP7xMdCYqU2nBRO0UB+ZpEkGsSija7MvmvnZFUeC+mrgiUfcHSr3LmRFIg4+A==", - "dev": true, - "requires": { - "json-stable-stringify-without-jsonify": "^1.0.1", - "through2-filter": "^3.0.0" - } - }, - "universalify": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", - "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==", - "dev": true - }, - "unpipe": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", - "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==", - "dev": true - }, - "unset-value": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz", - "integrity": "sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==", - "dev": true, - "requires": { - "has-value": "^0.3.1", - "isobject": "^3.0.0" - }, - "dependencies": { - "has-value": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz", - "integrity": "sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==", - "dev": true, - "requires": { - "get-value": "^2.0.3", - "has-values": "^0.1.4", - "isobject": "^2.0.0" - }, - "dependencies": { - "isobject": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz", - "integrity": "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==", - "dev": true, - "requires": { - "isarray": "1.0.0" - } - } - } - }, - "has-values": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz", - "integrity": "sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==", - "dev": true - }, - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", - "dev": true - } - } - }, - "upath": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz", - "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==", - "dev": true - }, - "update-browserslist-db": { - "version": "1.0.11", - "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz", - "integrity": "sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==", - "dev": true, - "requires": { - "escalade": "^3.1.1", - "picocolors": "^1.0.0" - } - }, - "uri-js": { - "version": "4.4.1", - "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", - "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", - "dev": true, - "requires": { - "punycode": "^2.1.0" - } - }, - "urix": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz", - "integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==", - "dev": true - }, - "url-parse": { - "version": "1.5.10", - "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz", - "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==", - "dev": true, - "requires": { - "querystringify": "^2.1.1", - "requires-port": "^1.0.0" - } - }, - "use": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz", - "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==", - "dev": true - }, - "util-deprecate": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", - "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", - "dev": true - }, - "utils-merge": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", - "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==", - "dev": true - }, - "utrie": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/utrie/-/utrie-1.0.2.tgz", - "integrity": "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==", - "dev": true, - "optional": true, - "requires": { - "base64-arraybuffer": "^1.0.2" - } - }, - "uuid": { - "version": "8.3.2", - "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz", - "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==", - "dev": true - }, - "v8-compile-cache": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz", - "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==", - "dev": true - }, - "v8flags": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/v8flags/-/v8flags-3.2.0.tgz", - "integrity": "sha512-mH8etigqMfiGWdeXpaaqGfs6BndypxusHHcv2qSHyZkGEznCd/qAXCWWRzeowtL54147cktFOC4P5y+kl8d8Jg==", - "dev": true, - "requires": { - "homedir-polyfill": "^1.0.1" - } - }, - "validate-npm-package-license": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", - "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", - "dev": true, - "requires": { - "spdx-correct": "^3.0.0", - "spdx-expression-parse": "^3.0.0" - } - }, - "validate-npm-package-name": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-5.0.0.tgz", - "integrity": "sha512-YuKoXDAhBYxY7SfOKxHBDoSyENFeW5VvIIQp2TGQuit8gpK6MnWaQelBKxso72DoxTZfZdcP3W90LqpSkgPzLQ==", - "dev": true, - "requires": { - "builtins": "^5.0.0" - } - }, - "value-or-function": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/value-or-function/-/value-or-function-3.0.0.tgz", - "integrity": "sha512-jdBB2FrWvQC/pnPtIqcLsMaQgjhdb6B7tk1MMyTKapox+tQZbdRP4uLxu/JY0t7fbfDCUMnuelzEYv5GsxHhdg==", - "dev": true - }, - "vary": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", - "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==", - "dev": true - }, - "vinyl": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.1.tgz", - "integrity": "sha512-LII3bXRFBZLlezoG5FfZVcXflZgWP/4dCwKtxd5ky9+LOtM4CS3bIRQsmR1KMnMW07jpE8fqR2lcxPZ+8sJIcw==", - "dev": true, - "requires": { - "clone": "^2.1.1", - "clone-buffer": "^1.0.0", - "clone-stats": "^1.0.0", - "cloneable-readable": "^1.0.0", - "remove-trailing-separator": "^1.0.1", - "replace-ext": "^1.0.0" - } - }, - "vinyl-fs": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/vinyl-fs/-/vinyl-fs-3.0.3.tgz", - "integrity": "sha512-vIu34EkyNyJxmP0jscNzWBSygh7VWhqun6RmqVfXePrOwi9lhvRs//dOaGOTRUQr4tx7/zd26Tk5WeSVZitgng==", - "dev": true, - "requires": { - "fs-mkdirp-stream": "^1.0.0", - "glob-stream": "^6.1.0", - "graceful-fs": "^4.0.0", - "is-valid-glob": "^1.0.0", - "lazystream": "^1.0.0", - "lead": "^1.0.0", - "object.assign": "^4.0.4", - "pumpify": "^1.3.5", - "readable-stream": "^2.3.3", - "remove-bom-buffer": "^3.0.0", - "remove-bom-stream": "^1.2.0", - "resolve-options": "^1.1.0", - "through2": "^2.0.0", - "to-through": "^2.0.0", - "value-or-function": "^3.0.0", - "vinyl": "^2.0.0", - "vinyl-sourcemap": "^1.1.0" - } - }, - "vinyl-sourcemap": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/vinyl-sourcemap/-/vinyl-sourcemap-1.1.0.tgz", - "integrity": "sha512-NiibMgt6VJGJmyw7vtzhctDcfKch4e4n9TBeoWlirb7FMg9/1Ov9k+A5ZRAtywBpRPiyECvQRQllYM8dECegVA==", - "dev": true, - "requires": { - "append-buffer": "^1.0.2", - "convert-source-map": "^1.5.0", - "graceful-fs": "^4.1.6", - "normalize-path": "^2.1.1", - "now-and-later": "^2.0.0", - "remove-bom-buffer": "^3.0.0", - "vinyl": "^2.0.0" + "node": ">=12" }, - "dependencies": { - "normalize-path": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", - "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==", - "dev": true, - "requires": { - "remove-trailing-separator": "^1.0.1" - } - } - } - }, - "vinyl-sourcemaps-apply": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/vinyl-sourcemaps-apply/-/vinyl-sourcemaps-apply-0.2.1.tgz", - "integrity": "sha512-+oDh3KYZBoZC8hfocrbrxbLUeaYtQK7J5WU5Br9VqWqmCll3tFJqKp97GC9GmMsVIL0qnx2DgEDVxdo5EZ5sSw==", + "optionalDependencies": { + "@esbuild/android-arm": "0.18.20", + "@esbuild/android-arm64": "0.18.20", + "@esbuild/android-x64": "0.18.20", + "@esbuild/darwin-arm64": "0.18.20", + "@esbuild/darwin-x64": "0.18.20", + "@esbuild/freebsd-arm64": "0.18.20", + "@esbuild/freebsd-x64": "0.18.20", + "@esbuild/linux-arm": "0.18.20", + "@esbuild/linux-arm64": "0.18.20", + "@esbuild/linux-ia32": "0.18.20", + "@esbuild/linux-loong64": "0.18.20", + "@esbuild/linux-mips64el": "0.18.20", + "@esbuild/linux-ppc64": "0.18.20", + "@esbuild/linux-riscv64": "0.18.20", + "@esbuild/linux-s390x": "0.18.20", + "@esbuild/linux-x64": "0.18.20", + "@esbuild/netbsd-x64": "0.18.20", + "@esbuild/openbsd-x64": "0.18.20", + "@esbuild/sunos-x64": "0.18.20", + "@esbuild/win32-arm64": "0.18.20", + "@esbuild/win32-ia32": "0.18.20", + "@esbuild/win32-x64": "0.18.20" + } + }, + "node_modules/vite/node_modules/rollup": { + "version": "3.29.4", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz", + "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==", "dev": true, - "requires": { - "source-map": "^0.5.1" + "bin": { + "rollup": "dist/bin/rollup" }, - "dependencies": { - "source-map": { - "version": "0.5.7", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", - "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==", - "dev": true - } + "engines": { + "node": ">=14.18.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" } }, - "void-elements": { + "node_modules/void-elements": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz", "integrity": "sha512-qZKX4RnBzH2ugr8Lxa7x+0V6XD9Sb/ouARtiasEQCHB1EVU4NXtmHsDDrx1dO4ne5fc3J6EW05BP1Dl0z0iung==", - "dev": true + "dev": true, + "engines": { + "node": ">=0.10.0" + } }, - "vscode-oniguruma": { + "node_modules/vscode-oniguruma": { "version": "1.7.0", "resolved": "https://registry.npmjs.org/vscode-oniguruma/-/vscode-oniguruma-1.7.0.tgz", "integrity": "sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==", "dev": true }, - "vscode-textmate": { + "node_modules/vscode-textmate": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/vscode-textmate/-/vscode-textmate-8.0.0.tgz", "integrity": "sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg==", "dev": true }, - "w3c-hr-time": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz", - "integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==", - "dev": true, - "requires": { - "browser-process-hrtime": "^1.0.0" - } - }, - "w3c-xmlserializer": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz", - "integrity": "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==", - "dev": true, - "requires": { - "xml-name-validator": "^4.0.0" - } - }, - "watchpack": { + "node_modules/watchpack": { "version": "2.4.0", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz", "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==", "dev": true, - "requires": { + "dependencies": { "glob-to-regexp": "^0.4.1", "graceful-fs": "^4.1.2" + }, + "engines": { + "node": ">=10.13.0" } }, - "wbuf": { + "node_modules/wbuf": { "version": "1.7.3", "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz", "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==", "dev": true, - "requires": { + "dependencies": { "minimalistic-assert": "^1.0.0" } }, - "wcwidth": { + "node_modules/wcwidth": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz", "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==", "dev": true, - "requires": { + "dependencies": { "defaults": "^1.0.3" } }, - "webidl-conversions": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz", - "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==", - "dev": true - }, - "webpack": { - "version": "5.88.2", - "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.88.2.tgz", - "integrity": "sha512-JmcgNZ1iKj+aiR0OvTYtWQqJwq37Pf683dY9bVORwVbUrDhLhdn/PlO2sHsFHPkj7sHNQF3JwaAkp49V+Sq1tQ==", + "node_modules/webpack": { + "version": "5.89.0", + "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.89.0.tgz", + "integrity": "sha512-qyfIC10pOr70V+jkmud8tMfajraGCZMBWJtrmuBymQKCrLTRejBI8STDp1MCyZu/QTdZSeacCQYpYNQVOzX5kw==", "dev": true, - "requires": { + "dependencies": { "@types/eslint-scope": "^3.7.3", "@types/estree": "^1.0.0", "@webassemblyjs/ast": "^1.11.5", @@ -40010,80 +22255,56 @@ "watchpack": "^2.4.0", "webpack-sources": "^3.2.3" }, - "dependencies": { - "ajv": { - "version": "6.12.6", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", - "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", - "dev": true, - "requires": { - "fast-deep-equal": "^3.1.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" - } - }, - "ajv-keywords": { - "version": "3.5.2", - "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", - "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "dev": true, - "requires": {} - }, - "eslint-scope": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", - "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==", - "dev": true, - "requires": { - "esrecurse": "^4.3.0", - "estraverse": "^4.1.1" - } - }, - "estraverse": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz", - "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==", - "dev": true - }, - "json-schema-traverse": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", - "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", - "dev": true - }, - "schema-utils": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz", - "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==", - "dev": true, - "requires": { - "@types/json-schema": "^7.0.8", - "ajv": "^6.12.5", - "ajv-keywords": "^3.5.2" - } + "bin": { + "webpack": "bin/webpack.js" + }, + "engines": { + "node": ">=10.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependenciesMeta": { + "webpack-cli": { + "optional": true } } }, - "webpack-dev-middleware": { + "node_modules/webpack-dev-middleware": { "version": "6.1.1", "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-6.1.1.tgz", "integrity": "sha512-y51HrHaFeeWir0YO4f0g+9GwZawuigzcAdRNon6jErXy/SqV/+O6eaVAzDqE6t3e3NpGeR5CS+cCDaTC+V3yEQ==", "dev": true, - "requires": { + "dependencies": { "colorette": "^2.0.10", "memfs": "^3.4.12", "mime-types": "^2.1.31", "range-parser": "^1.2.1", "schema-utils": "^4.0.0" + }, + "engines": { + "node": ">= 14.15.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "^5.0.0" + }, + "peerDependenciesMeta": { + "webpack": { + "optional": true + } } }, - "webpack-dev-server": { + "node_modules/webpack-dev-server": { "version": "4.15.1", "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.15.1.tgz", "integrity": "sha512-5hbAst3h3C3L8w6W4P96L5vaV0PxSmJhxZvWKYIdgxOQm8pNZ5dEOmmSLBVpP85ReeyRt6AS1QJNyo/oFFPeVA==", "dev": true, - "requires": { + "dependencies": { "@types/bonjour": "^3.5.9", "@types/connect-history-api-fallback": "^1.3.5", "@types/express": "^4.17.13", @@ -40115,298 +22336,458 @@ "webpack-dev-middleware": "^5.3.1", "ws": "^8.13.0" }, - "dependencies": { - "connect-history-api-fallback": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz", - "integrity": "sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==", - "dev": true + "bin": { + "webpack-dev-server": "bin/webpack-dev-server.js" + }, + "engines": { + "node": ">= 12.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "^4.37.0 || ^5.0.0" + }, + "peerDependenciesMeta": { + "webpack": { + "optional": true }, - "ipaddr.js": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.1.0.tgz", - "integrity": "sha512-LlbxQ7xKzfBusov6UMi4MFpEg0m+mAm9xyNGEduwXMEDuf4WfzB/RZwMVYEd7IKGvh4IUkEXYxtAVu9T3OelJQ==", - "dev": true + "webpack-cli": { + "optional": true + } + } + }, + "node_modules/webpack-dev-server/node_modules/connect-history-api-fallback": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz", + "integrity": "sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==", + "dev": true, + "engines": { + "node": ">=0.8" + } + }, + "node_modules/webpack-dev-server/node_modules/ipaddr.js": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.1.0.tgz", + "integrity": "sha512-LlbxQ7xKzfBusov6UMi4MFpEg0m+mAm9xyNGEduwXMEDuf4WfzB/RZwMVYEd7IKGvh4IUkEXYxtAVu9T3OelJQ==", + "dev": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/webpack-dev-server/node_modules/webpack-dev-middleware": { + "version": "5.3.3", + "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz", + "integrity": "sha512-hj5CYrY0bZLB+eTO+x/j67Pkrquiy7kWepMHmUMoPsmcUaeEnQJqFzHJOyxgWlq746/wUuA64p9ta34Kyb01pA==", + "dev": true, + "dependencies": { + "colorette": "^2.0.10", + "memfs": "^3.4.3", + "mime-types": "^2.1.31", + "range-parser": "^1.2.1", + "schema-utils": "^4.0.0" + }, + "engines": { + "node": ">= 12.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + }, + "peerDependencies": { + "webpack": "^4.0.0 || ^5.0.0" + } + }, + "node_modules/webpack-dev-server/node_modules/ws": { + "version": "8.14.2", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz", + "integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==", + "dev": true, + "engines": { + "node": ">=10.0.0" + }, + "peerDependencies": { + "bufferutil": "^4.0.1", + "utf-8-validate": ">=5.0.2" + }, + "peerDependenciesMeta": { + "bufferutil": { + "optional": true }, - "webpack-dev-middleware": { - "version": "5.3.3", - "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz", - "integrity": "sha512-hj5CYrY0bZLB+eTO+x/j67Pkrquiy7kWepMHmUMoPsmcUaeEnQJqFzHJOyxgWlq746/wUuA64p9ta34Kyb01pA==", - "dev": true, - "requires": { - "colorette": "^2.0.10", - "memfs": "^3.4.3", - "mime-types": "^2.1.31", - "range-parser": "^1.2.1", - "schema-utils": "^4.0.0" - } + "utf-8-validate": { + "optional": true } } }, - "webpack-merge": { - "version": "5.9.0", - "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.9.0.tgz", - "integrity": "sha512-6NbRQw4+Sy50vYNTw7EyOn41OZItPiXB8GNv3INSoe3PSFaHJEz3SHTrYVaRm2LilNGnFUzh0FAwqPEmU/CwDg==", + "node_modules/webpack-merge": { + "version": "5.10.0", + "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.10.0.tgz", + "integrity": "sha512-+4zXKdx7UnO+1jaN4l2lHVD+mFvnlZQP/6ljaJVb4SZiwIKeUnrT5l0gkT8z+n4hKpC+jpOv6O9R+gLtag7pSA==", "dev": true, - "requires": { + "dependencies": { "clone-deep": "^4.0.1", + "flat": "^5.0.2", "wildcard": "^2.0.0" + }, + "engines": { + "node": ">=10.0.0" } }, - "webpack-sources": { + "node_modules/webpack-sources": { "version": "3.2.3", "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz", "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==", - "dev": true + "dev": true, + "engines": { + "node": ">=10.13.0" + } }, - "webpack-subresource-integrity": { + "node_modules/webpack-subresource-integrity": { "version": "5.1.0", "resolved": "https://registry.npmjs.org/webpack-subresource-integrity/-/webpack-subresource-integrity-5.1.0.tgz", "integrity": "sha512-sacXoX+xd8r4WKsy9MvH/q/vBtEHr86cpImXwyg74pFIpERKt6FmB8cXpeuh0ZLgclOlHI4Wcll7+R5L02xk9Q==", "dev": true, - "requires": { + "dependencies": { "typed-assert": "^1.0.8" + }, + "engines": { + "node": ">= 12" + }, + "peerDependencies": { + "html-webpack-plugin": ">= 5.0.0-beta.1 < 6", + "webpack": "^5.12.0" + }, + "peerDependenciesMeta": { + "html-webpack-plugin": { + "optional": true + } + } + }, + "node_modules/webpack/node_modules/ajv": { + "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", + "dev": true, + "dependencies": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/webpack/node_modules/ajv-keywords": { + "version": "3.5.2", + "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", + "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", + "dev": true, + "peerDependencies": { + "ajv": "^6.9.1" + } + }, + "node_modules/webpack/node_modules/eslint-scope": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", + "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==", + "dev": true, + "dependencies": { + "esrecurse": "^4.3.0", + "estraverse": "^4.1.1" + }, + "engines": { + "node": ">=8.0.0" + } + }, + "node_modules/webpack/node_modules/estraverse": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz", + "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==", + "dev": true, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/webpack/node_modules/json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true + }, + "node_modules/webpack/node_modules/schema-utils": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz", + "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==", + "dev": true, + "dependencies": { + "@types/json-schema": "^7.0.8", + "ajv": "^6.12.5", + "ajv-keywords": "^3.5.2" + }, + "engines": { + "node": ">= 10.13.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" } }, - "websocket-driver": { + "node_modules/websocket-driver": { "version": "0.7.4", "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz", "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==", "dev": true, - "requires": { + "dependencies": { "http-parser-js": ">=0.5.1", "safe-buffer": ">=5.1.0", "websocket-extensions": ">=0.1.1" + }, + "engines": { + "node": ">=0.8.0" } }, - "websocket-extensions": { + "node_modules/websocket-extensions": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz", "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==", - "dev": true - }, - "whatwg-encoding": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz", - "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==", - "dev": true, - "requires": { - "iconv-lite": "0.6.3" - }, - "dependencies": { - "iconv-lite": { - "version": "0.6.3", - "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", - "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", - "dev": true, - "requires": { - "safer-buffer": ">= 2.1.2 < 3.0.0" - } - } - } - }, - "whatwg-mimetype": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz", - "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==", - "dev": true - }, - "whatwg-url": { - "version": "12.0.1", - "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-12.0.1.tgz", - "integrity": "sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==", "dev": true, - "requires": { - "tr46": "^4.1.1", - "webidl-conversions": "^7.0.0" + "engines": { + "node": ">=0.8.0" } }, - "which": { + "node_modules/which": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", "dev": true, - "requires": { + "dependencies": { "isexe": "^2.0.0" + }, + "bin": { + "node-which": "bin/node-which" + }, + "engines": { + "node": ">= 8" } }, - "which-boxed-primitive": { + "node_modules/which-boxed-primitive": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz", "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==", "dev": true, - "requires": { + "dependencies": { "is-bigint": "^1.0.1", "is-boolean-object": "^1.1.0", "is-number-object": "^1.0.4", "is-string": "^1.0.5", "is-symbol": "^1.0.3" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" } }, - "which-collection": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz", - "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==", - "dev": true, - "requires": { - "is-map": "^2.0.1", - "is-set": "^2.0.1", - "is-weakmap": "^2.0.1", - "is-weakset": "^2.0.1" - } - }, - "which-module": { + "node_modules/which-module": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz", "integrity": "sha512-F6+WgncZi/mJDrammbTuHe1q0R5hOXv/mBaiNA2TCNT/LTHusX0V+CJnj9XT8ki5ln2UZyyddDgHfCzyrOH7MQ==", "dev": true }, - "which-typed-array": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.11.tgz", - "integrity": "sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==", + "node_modules/which-typed-array": { + "version": "1.1.13", + "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz", + "integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==", "dev": true, - "requires": { + "dependencies": { "available-typed-arrays": "^1.0.5", - "call-bind": "^1.0.2", + "call-bind": "^1.0.4", "for-each": "^0.3.3", "gopd": "^1.0.1", "has-tostringtag": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" } }, - "wide-align": { - "version": "1.1.5", - "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz", - "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==", - "dev": true, - "requires": { - "string-width": "^1.0.2 || 2 || 3 || 4" - } - }, - "wildcard": { + "node_modules/wildcard": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz", "integrity": "sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ==", "dev": true }, - "wmf": { + "node_modules/wmf": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/wmf/-/wmf-1.0.2.tgz", "integrity": "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==", - "dev": true + "dev": true, + "engines": { + "node": ">=0.8" + } }, - "word": { + "node_modules/word": { "version": "0.3.0", "resolved": "https://registry.npmjs.org/word/-/word-0.3.0.tgz", "integrity": "sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==", - "dev": true + "dev": true, + "engines": { + "node": ">=0.8" + } }, - "wordwrap": { + "node_modules/wordwrap": { "version": "0.0.3", "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz", "integrity": "sha512-1tMA907+V4QmxV7dbRvb4/8MaRALK6q9Abid3ndMYnbyo8piisCmeONVqVSXqQA3KaP4SLt5b7ud6E2sqP8TFw==", "dev": true, - "peer": true + "peer": true, + "engines": { + "node": ">=0.4.0" + } }, - "wrap-ansi": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", - "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "node_modules/wrap-ansi": { + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz", + "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==", "dev": true, - "requires": { + "dependencies": { "ansi-styles": "^4.0.0", "string-width": "^4.1.0", "strip-ansi": "^6.0.0" }, - "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - } + "engines": { + "node": ">=8" } }, - "wrap-ansi-cjs": { - "version": "npm:wrap-ansi@7.0.0", + "node_modules/wrap-ansi-cjs": { + "name": "wrap-ansi", + "version": "7.0.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", "dev": true, - "requires": { + "dependencies": { "ansi-styles": "^4.0.0", "string-width": "^4.1.0", "strip-ansi": "^6.0.0" }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, "dependencies": { - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - } + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/wrap-ansi/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/wrap-ansi/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" } }, - "wrappy": { + "node_modules/wrap-ansi/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/wrappy": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", "dev": true }, - "ws": { - "version": "8.13.0", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.13.0.tgz", - "integrity": "sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==", + "node_modules/ws": { + "version": "8.11.0", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz", + "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==", "dev": true, - "requires": {} + "engines": { + "node": ">=10.0.0" + }, + "peerDependencies": { + "bufferutil": "^4.0.1", + "utf-8-validate": "^5.0.2" + }, + "peerDependenciesMeta": { + "bufferutil": { + "optional": true + }, + "utf-8-validate": { + "optional": true + } + } }, - "xhr2": { + "node_modules/xhr2": { "version": "0.2.1", "resolved": "https://registry.npmjs.org/xhr2/-/xhr2-0.2.1.tgz", "integrity": "sha512-sID0rrVCqkVNUn8t6xuv9+6FViXjUVXq8H5rWOH2rz9fDNQEd4g0EA2XlcEdJXRz5BMEn4O1pJFdT+z4YHhoWw==", - "dev": true + "dev": true, + "engines": { + "node": ">= 6" + } }, - "xlsx": { + "node_modules/xlsx": { "version": "0.18.5", "resolved": "https://registry.npmjs.org/xlsx/-/xlsx-0.18.5.tgz", "integrity": "sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==", "dev": true, - "requires": { + "dependencies": { "adler-32": "~1.3.0", "cfb": "~1.2.1", "codepage": "~1.15.0", @@ -40414,59 +22795,62 @@ "ssf": "~0.11.2", "wmf": "~1.0.1", "word": "~0.3.0" + }, + "bin": { + "xlsx": "bin/xlsx.njs" + }, + "engines": { + "node": ">=0.8" } }, - "xml-name-validator": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz", - "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==", - "dev": true - }, - "xmlchars": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz", - "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==", - "dev": true - }, - "xmlhttprequest-ssl": { + "node_modules/xmlhttprequest-ssl": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.0.0.tgz", "integrity": "sha512-QKxVRxiRACQcVuQEYFsI1hhkrMlrXHPegbbd1yn9UHOmRxY+si12nQYzri3vbzt8VdTTRviqcKxcyllFas5z2A==", - "dev": true + "dev": true, + "engines": { + "node": ">=0.4.0" + } }, - "xtend": { + "node_modules/xtend": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==", - "dev": true + "dev": true, + "engines": { + "node": ">=0.4" + } }, - "xxhashjs": { + "node_modules/xxhashjs": { "version": "0.2.2", "resolved": "https://registry.npmjs.org/xxhashjs/-/xxhashjs-0.2.2.tgz", "integrity": "sha512-AkTuIuVTET12tpsVIQo+ZU6f/qDmKuRUcjaqR+OIvm+aCBsZ95i7UVY5WJ9TMsSaZ0DA2WxoZ4acu0sPH+OKAw==", "dev": true, - "requires": { + "dependencies": { "cuint": "^0.2.2" } }, - "y18n": { + "node_modules/y18n": { "version": "5.0.8", "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz", "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==", - "dev": true + "dev": true, + "engines": { + "node": ">=10" + } }, - "yallist": { + "node_modules/yallist": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", "dev": true }, - "yargs": { + "node_modules/yargs": { "version": "17.7.2", "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz", "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==", "dev": true, - "requires": { + "dependencies": { "cliui": "^8.0.1", "escalade": "^3.1.1", "get-caller-file": "^2.0.5", @@ -40475,44 +22859,46 @@ "y18n": "^5.0.5", "yargs-parser": "^21.1.1" }, - "dependencies": { - "cliui": { - "version": "8.0.1", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz", - "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==", - "dev": true, - "requires": { - "string-width": "^4.2.0", - "strip-ansi": "^6.0.1", - "wrap-ansi": "^7.0.0" - } - } + "engines": { + "node": ">=12" } }, - "yargs-parser": { + "node_modules/yargs-parser": { "version": "21.1.1", "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz", "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==", - "dev": true + "dev": true, + "engines": { + "node": ">=12" + } }, - "yn": { + "node_modules/yn": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz", "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==", - "dev": true + "dev": true, + "engines": { + "node": ">=6" + } }, - "yocto-queue": { + "node_modules/yocto-queue": { "version": "0.1.0", "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==", - "dev": true + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } }, - "zone.js": { - "version": "0.13.1", - "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.13.1.tgz", - "integrity": "sha512-+bIeDAFEBYuXRuU3qGQvzdPap+N1zjM4KkBAiiQuVVCrHrhjDuY6VkUhNa5+U27+9w0q3fbKiMCbpJ0XzMmSWA==", + "node_modules/zone.js": { + "version": "0.14.2", + "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.14.2.tgz", + "integrity": "sha512-X4U7J1isDhoOmHmFWiLhloWc2lzMkdnumtfQ1LXzf/IOZp5NQYuMUTaviVzG/q1ugMBIXzin2AqeVJUoSEkNyQ==", "dev": true, - "requires": { + "dependencies": { "tslib": "^2.3.0" } } diff --git a/package.json b/package.json index 9f98e081120..a982f4d0486 100755 --- a/package.json +++ b/package.json @@ -1,7 +1,8 @@ { "name": "primeng", - "version": "16.4.1", + "version": "17.0.0-rc.1", "license": "SEE LICENSE IN LICENSE.md", + "type": "module", "scripts": { "ng": "ng", "start": "ng serve", @@ -15,47 +16,42 @@ "build:package": "BROWSERSLIST_ENV=library ng build primeng-library && gulp build-assets", "build:check": "npm run format:check && npm run security:check", "security:check": "npm audit --production --audit-level high", - "dev:ssr": "ng run primeng:serve-ssr", - "serve:ssr": "node dist/primeng/server/main.js", - "build:ssr": "ng build --configuration=production && ng run primeng:server", - "prerender": "ng run primeng:prerender", - "vercel-build": "npm run build:ssr", - "apidoc": "node ./api-generator/build-apidoc.ts" + "apidoc": "node ./api-generator/build-apidoc.ts", + "serve:ssr": "node dist/primeng/server/server.mjs", + "vercel-build": "ng build" }, "repository": { "type": "git", "url": "https://github.com/primefaces/primeng.git" }, "devDependencies": { - "@angular-devkit/build-angular": "^16.2.0", - "@angular-eslint/eslint-plugin": "16.1.0", - "@angular-eslint/eslint-plugin-template": "16.1.0", - "@angular-eslint/schematics": "16.1.0", - "@angular-eslint/template-parser": "16.1.0", - "@angular/animations": "^16.2.0", - "@angular/cdk": "^16.2.0", - "@angular/cli": "^16.2.0", - "@angular/common": "^16.2.0", - "@angular/compiler": "^16.2.0", - "@angular/compiler-cli": "^16.2.0", - "@angular/core": "^16.2.0", - "@angular/forms": "^16.2.0", - "@angular/platform-browser": "^16.2.0", - "@angular/platform-browser-dynamic": "^16.2.0", - "@angular/platform-server": "^16.2.0", - "@angular/router": "^16.2.0", - "@nguniversal/builders": "^16.1.3", - "@nguniversal/common": "^16.1.3", - "@nguniversal/express-engine": "^16.1.3", + "@angular-devkit/build-angular": "^17.0.0", + "@angular-eslint/eslint-plugin": "17.0.0", + "@angular-eslint/eslint-plugin-template": "17.0.0", + "@angular-eslint/schematics": "17.0.0", + "@angular-eslint/template-parser": "17.0.0", + "@angular/animations": "^17.0.0", + "@angular/cdk": "^17.0.0", + "@angular/cli": "^17.0.0", + "@angular/common": "^17.0.0", + "@angular/compiler": "^17.0.0", + "@angular/compiler-cli": "^17.0.0", + "@angular/core": "^17.0.0", + "@angular/forms": "^17.0.0", + "@angular/platform-browser": "^17.0.0", + "@angular/platform-browser-dynamic": "^17.0.0", + "@angular/platform-server": "^17.0.0", + "@angular/router": "^17.0.0", "@stackblitz/sdk": "1.9.0", "@types/express": "^4.17.17", "@types/jasmine": "~4.3.1", "@types/jest": "^29.5.1", - "@types/node": "^12.20.55", + "@types/node": "^16.18.67", + "@types/react": "^18.2.41", "@typescript-eslint/eslint-plugin": "^6.6.0", "chart.js": "3.3.2", "codelyzer": "^0.0.28", - "del": "^7.0.0", + "del": "^7.1.0", "domino": "^2.1.6", "eslint": "^8.39.0", "eslint-config-prettier": "^8.8.0", @@ -78,22 +74,22 @@ "karma-coverage": "~2.2.0", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.0.0", - "ng-packagr": "^16.2.0", + "ng-packagr": "^17.0.0", "prettier": "2.8.8", - "primeflex": "^3.3.0", + "primeflex": "^3.3.1", "primeicons": "^6.0.1", "prismjs": "^1.29.0", "quill": "1.3.7", "rxjs": "~7.8.1", - "ts-node": "~8.3.0", + "ts-node": "~10.9.1", "tslib": "^2.5.0", - "typedoc": "0.24.7", - "typescript": "5.0.4", + "typedoc": "0.25.4", + "typescript": "5.2.2", "xlsx": "^0.18.5", - "zone.js": "~0.13.0" - }, - "dependencies": { + "zone.js": "~0.14.0", + "@angular/fire": "^0.0.0", + "@angular/ssr": "^17.0.3", "@docsearch/js": "^3.3.4", - "@types/react": "^18.0.28" + "esbuild": "^0.19.8" } } \ No newline at end of file diff --git a/server.ts b/server.ts index 4693092b7ea..d5e8374acef 100644 --- a/server.ts +++ b/server.ts @@ -1,57 +1,17 @@ -import 'zone.js/node'; - import { APP_BASE_HREF } from '@angular/common'; -import { ngExpressEngine } from '@nguniversal/express-engine'; +import { CommonEngine } from '@angular/ssr'; import express from 'express'; -import { existsSync } from 'fs'; -import { join } from 'path'; - -import { AppServerModule } from './src/main.server'; - -// ssr DOM -const domino = require('domino'); -const fs = require('fs'); -const path = require('path'); -// index from browser build! -const template = fs.readFileSync(path.join('.', 'dist/primeng/browser', 'index.html')).toString(); -// for mock global window by domino -const win = domino.createWindow(template); -// mock -global['window'] = win; -// not implemented property and functions -Object.defineProperty(win.document.body.style, 'transform', { - value: () => { - return { - enumerable: true, - configurable: true - }; - } -}); -// mock document -global['document'] = win.document; -// mock navigator -global['navigator'] = win.navigator; -// others mock -global['CSS'] = null; -// global['XMLHttpRequest'] = require('xmlhttprequest').XMLHttpRequest; -global['Prism'] = null; -// global google tag manager -global['gtag'] = () => {}; +import { join } from 'node:path'; +import bootstrap from './src/main.server'; +import { environment } from 'src/environments/environment'; // The Express app is exported so that it can be used by serverless Functions. export function app(): express.Express { const server = express(); const distFolder = join(process.cwd(), 'dist/primeng/browser'); - const indexHtml = existsSync(join(distFolder, 'index.original.html')) ? 'index.original.html' : 'index'; + const indexHtml = join(distFolder, 'index.html'); - // Our Universal express-engine (found @ https://github.com/angular/universal/tree/main/modules/express-engine) - server.engine( - 'html', - ngExpressEngine({ - bootstrap: AppServerModule, - inlineCriticalCss: false - }) - ); + const commonEngine = new CommonEngine(); server.set('view engine', 'html'); server.set('views', distFolder); @@ -66,32 +26,21 @@ export function app(): express.Express { }) ); - // All regular routes use the Universal engine - server.get('*', (req, res) => { - res.render(indexHtml, { req, providers: [{ provide: APP_BASE_HREF, useValue: req.baseUrl }] }); + // All regular routes use the Angular engine + server.get('*', (req, res, next) => { + const { protocol, originalUrl, baseUrl, headers } = req; + + commonEngine + .render({ + bootstrap, + documentFilePath: indexHtml, + url: `${protocol}://${headers.host}${originalUrl}`, + publicPath: distFolder, + providers: [{ provide: APP_BASE_HREF, useValue: baseUrl }] + }) + .then((html) => res.send(html)) + .catch((err) => next(err)); }); return server; } - -function run(): void { - const port = process.env['PORT'] || 4000; - - // Start up the Node server - const server = app(); - server.listen(port, () => { - console.log(`Node Express server listening on http://localhost:${port}`); - }); -} - -// Webpack will replace 'require' with '__webpack_require__' -// '__non_webpack_require__' is a proxy to Node 'require' -// The below code is to ensure that the server is run only when not requiring the bundle. -declare const __non_webpack_require__: NodeRequire; -const mainModule = __non_webpack_require__.main; -const moduleFilename = (mainModule && mainModule.filename) || ''; -if (moduleFilename === __filename || moduleFilename.includes('iisnode')) { - run(); -} - -export * from './src/main.server'; diff --git a/src/app/components/accordion/accordion.ts b/src/app/components/accordion/accordion.ts index 975f44efb35..ca348cc3ebe 100755 --- a/src/app/components/accordion/accordion.ts +++ b/src/app/components/accordion/accordion.ts @@ -91,13 +91,15 @@ import { UniqueComponentId } from 'primeng/utils'; state( 'hidden', style({ - height: '0' + height: '0', + visibility: 'hidden' }) ), state( 'visible', style({ - height: '*' + height: '*', + visibility: 'visible' }) ), transition('visible <=> hidden', [animate('{{transitionParams}}')]), @@ -283,7 +285,7 @@ export class AccordionTab implements AfterContentInit, OnDestroy { this.accordion.updateActiveIndex(); this.changeDetector.markForCheck(); - event.preventDefault(); + event?.preventDefault(); } findTabIndex() { @@ -422,7 +424,7 @@ export class Accordion implements BlockableUI, AfterContentInit, OnDestroy { */ @Output() activeIndexChange: EventEmitter = new EventEmitter(); - @ContentChildren(AccordionTab) tabList: QueryList | undefined; + @ContentChildren(AccordionTab, { descendants: true }) tabList: QueryList | undefined; tabListSubscription: Subscription | null = null; diff --git a/src/app/components/animate/animate.ts b/src/app/components/animate/animate.ts index df29f916183..4f57fc758e7 100644 --- a/src/app/components/animate/animate.ts +++ b/src/app/components/animate/animate.ts @@ -1,5 +1,5 @@ import { CommonModule } from '@angular/common'; -import { AfterViewInit, Directive, ElementRef, Input, NgModule, Renderer2 } from '@angular/core'; +import { AfterViewInit, Directive, ElementRef, Input, NgModule, OnInit, Renderer2 } from '@angular/core'; import { DomHandler } from 'primeng/dom'; /** * Animate manages PrimeFlex CSS classes declaratively to during enter/leave animations on scroll or on page load. @@ -11,7 +11,7 @@ import { DomHandler } from 'primeng/dom'; '[class.p-animate]': 'true' } }) -export class Animate implements AfterViewInit { +export class Animate implements OnInit, AfterViewInit { /** * Selector to define the CSS class for enter animation. * @group Props @@ -29,6 +29,10 @@ export class Animate implements AfterViewInit { constructor(private host: ElementRef, public el: ElementRef, public renderer: Renderer2) {} + ngOnInit() { + console.log('pAnimate directive is deprecated in 16.7.0 and will be removed in the future. Use pAnimateOnScroll directive instead'); + } + ngAfterViewInit() { this.bindIntersectionObserver(); } diff --git a/src/app/components/animateonscroll/animateonscroll.ts b/src/app/components/animateonscroll/animateonscroll.ts new file mode 100644 index 00000000000..e55257033a6 --- /dev/null +++ b/src/app/components/animateonscroll/animateonscroll.ts @@ -0,0 +1,175 @@ +import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common'; +import { AfterViewInit, Directive, ElementRef, Input, NgModule, Renderer2, OnInit, Inject, PLATFORM_ID } from '@angular/core'; +import { DomHandler } from 'primeng/dom'; + +interface AnimateOnScrollOptions { + root?: HTMLElement; + rootMargin?: string; + threshold?: number; +} + +/** + * AnimateOnScroll is used to apply animations to elements when entering or leaving the viewport during scrolling. + * @group Components + */ +@Directive({ + selector: '[pAnimateOnScroll]', + host: { + '[class.p-animateonscroll]': 'true' + } +}) +export class AnimateOnScroll implements OnInit, AfterViewInit { + /** + * Selector to define the CSS class for enter animation. + * @group Props + */ + @Input() enterClass: string | undefined; + /** + * Selector to define the CSS class for leave animation. + * @group Props + */ + @Input() leaveClass: string | undefined; + /** + * Specifies the root option of the IntersectionObserver API. + * @group Props + */ + @Input() root: HTMLElement | undefined | null; + /** + * Specifies the rootMargin option of the IntersectionObserver API. + * @group Props + */ + @Input() rootMargin: string | undefined; + /** + * Specifies the threshold option of the IntersectionObserver API + * @group Props + */ + @Input() threshold: number | undefined; + /** + * Whether the scroll event listener should be removed after initial run. + * @group Props + */ + @Input() once: boolean = true; + + observer: IntersectionObserver | undefined; + + resetObserver: any; + + isObserverActive: boolean = false; + + animationState: any; + + animationEndListener: VoidFunction | undefined; + + constructor(@Inject(DOCUMENT) private document: Document, @Inject(PLATFORM_ID) private platformId: any, private host: ElementRef, public el: ElementRef, public renderer: Renderer2) {} + + ngOnInit() { + if (isPlatformBrowser(this.platformId)) { + this.renderer.setStyle(this.host.nativeElement, 'opacity', this.enterClass ? '0' : ''); + } + } + + ngAfterViewInit() { + if (isPlatformBrowser(this.platformId)) { + this.bindIntersectionObserver(); + } + } + + get options(): AnimateOnScrollOptions { + return { + root: this.root, + rootMargin: this.rootMargin, + threshold: this.threshold + }; + } + + bindIntersectionObserver() { + this.observer = new IntersectionObserver(([entry]) => { + if (this.isObserverActive) { + if (entry.boundingClientRect.top > 0) { + entry.isIntersecting ? this.enter() : this.leave(); + } + } else if (entry.isIntersecting) { + this.enter(); + } + + this.isObserverActive = true; + }, this.options); + + setTimeout(() => this.observer.observe(this.host.nativeElement), 0); + + // Reset + + this.resetObserver = new IntersectionObserver( + ([entry]) => { + if (entry.boundingClientRect.top > 0 && !entry.isIntersecting) { + this.host.nativeElement.style.opacity = this.enterClass ? '0' : ''; + DomHandler.removeMultipleClasses(this.host.nativeElement, [this.enterClass, this.leaveClass]); + + this.resetObserver.unobserve(this.host.nativeElement); + } + + this.animationState = undefined; + }, + { ...this.options, threshold: 0 } + ); + } + + enter() { + if (this.animationState !== 'enter' && this.enterClass) { + this.host.nativeElement.style.opacity = ''; + DomHandler.removeMultipleClasses(this.host.nativeElement, this.leaveClass); + DomHandler.addMultipleClasses(this.host.nativeElement, this.enterClass); + + this.once && this.unbindIntersectionObserver(); + + this.bindAnimationEvents(); + this.animationState = 'enter'; + } + } + + leave() { + if (this.animationState !== 'leave' && this.leaveClass) { + this.host.nativeElement.style.opacity = this.enterClass ? '0' : ''; + DomHandler.removeMultipleClasses(this.host.nativeElement, this.enterClass); + DomHandler.addMultipleClasses(this.host.nativeElement, this.leaveClass); + + this.bindAnimationEvents(); + this.animationState = 'leave'; + } + } + + bindAnimationEvents() { + if (!this.animationEndListener) { + this.animationEndListener = this.renderer.listen(this.host.nativeElement, 'animationend', () => { + DomHandler.removeMultipleClasses(this.host.nativeElement, [this.enterClass, this.leaveClass]); + !this.once && this.resetObserver.observe(this.host.nativeElement); + this.unbindAnimationEvents(); + }); + } + } + + unbindAnimationEvents() { + if (this.animationEndListener) { + this.animationEndListener(); + this.animationEndListener = null; + } + } + + unbindIntersectionObserver() { + this.observer?.unobserve(this.host.nativeElement); + this.resetObserver?.unobserve(this.host.nativeElement); + this.isObserverActive = false; + } + + ngOnDestroy() { + this.unbindAnimationEvents(); + this.unbindIntersectionObserver(); + } +} + +@NgModule({ + imports: [CommonModule], + exports: [AnimateOnScroll], + declarations: [AnimateOnScroll] +}) +export class AnimateOnScrollModule {} diff --git a/src/app/components/animateonscroll/ng-package.json b/src/app/components/animateonscroll/ng-package.json new file mode 100644 index 00000000000..0e529e387d7 --- /dev/null +++ b/src/app/components/animateonscroll/ng-package.json @@ -0,0 +1,6 @@ +{ + "$schema": "ng-packagr/ng-package.schema.json", + "lib": { + "entryFile": "public_api.ts" + } +} \ No newline at end of file diff --git a/src/app/components/animateonscroll/public_api.ts b/src/app/components/animateonscroll/public_api.ts new file mode 100644 index 00000000000..594bf70f981 --- /dev/null +++ b/src/app/components/animateonscroll/public_api.ts @@ -0,0 +1 @@ +export * from './animateonscroll'; diff --git a/src/app/components/api/menuitem.ts b/src/app/components/api/menuitem.ts index e577a050dca..cc1f17f50a4 100755 --- a/src/app/components/api/menuitem.ts +++ b/src/app/components/api/menuitem.ts @@ -1,6 +1,6 @@ import { QueryParamsHandling } from '@angular/router'; -import { TooltipOptions } from './tooltipoptions'; import { MegaMenuItem } from './megamenuitem'; +import { TooltipOptions } from './tooltipoptions'; /** * MenuItem provides the following properties. Note that not all of them may be utilized by the tabmenu component. @@ -143,6 +143,10 @@ export interface MenuItem { * @see {TooltipOptions} */ tooltipOptions?: TooltipOptions; + /** + * Optional + */ + [key: string]: any; } /** diff --git a/src/app/components/api/primengconfig.ts b/src/app/components/api/primengconfig.ts index 54681776664..3cc41ff34bb 100644 --- a/src/app/components/api/primengconfig.ts +++ b/src/app/components/api/primengconfig.ts @@ -8,6 +8,8 @@ import { Translation } from './translation'; export class PrimeNGConfig { ripple: boolean = false; + inputStyle: 'outlined' | 'filled' = 'outlined'; + overlayOptions: OverlayOptions = {}; filterMatchModeOptions = { diff --git a/src/app/components/api/tooltipoptions.ts b/src/app/components/api/tooltipoptions.ts index b95dec7a25e..442de34f332 100644 --- a/src/app/components/api/tooltipoptions.ts +++ b/src/app/components/api/tooltipoptions.ts @@ -63,4 +63,8 @@ export interface TooltipOptions { * Time to wait in milliseconds to hide the tooltip even it is active. */ life?: number; + /** + * When present, it adds a custom id to the tooltip. + */ + id?: string; } diff --git a/src/app/components/autocomplete/autocomplete.interface.ts b/src/app/components/autocomplete/autocomplete.interface.ts index baba23b0fc9..b38cf56552d 100644 --- a/src/app/components/autocomplete/autocomplete.interface.ts +++ b/src/app/components/autocomplete/autocomplete.interface.ts @@ -32,6 +32,36 @@ export interface AutoCompleteDropdownClickEvent { */ query: string; } +/** + * Custom select event. + * @see {@link AutoComplete.onSelect} + * @group Events + */ +export interface AutoCompleteSelectEvent { + /** + * Browser event. + */ + originalEvent: Event; + /** + * Selected value. + */ + value: any; +} +/** + * Custom unselect event. + * @see {@link AutoComplete.onUnSelect} + * @group Events + */ +export interface AutoCompleteUnselectEvent { + /** + * Browser event. + */ + originalEvent: Event; + /** + * Removed value. + */ + value: any; +} /** * Custom lazy load event. * @see {@link AutoComplete.onLazyLoad} diff --git a/src/app/components/autocomplete/autocomplete.ts b/src/app/components/autocomplete/autocomplete.ts index 6a546df7d56..dde193169dd 100755 --- a/src/app/components/autocomplete/autocomplete.ts +++ b/src/app/components/autocomplete/autocomplete.ts @@ -6,25 +6,26 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component, + computed, ContentChildren, ElementRef, EventEmitter, forwardRef, Inject, Input, - IterableDiffers, NgModule, NgZone, OnDestroy, Output, QueryList, Renderer2, + signal, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core'; import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'; -import { OverlayOptions, OverlayService, PrimeNGConfig, PrimeTemplate, SharedModule, TranslationKeys } from 'primeng/api'; +import { OverlayOptions, OverlayService, PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api'; import { AutoFocusModule } from 'primeng/autofocus'; import { ButtonModule } from 'primeng/button'; import { ConnectedOverlayScrollHandler, DomHandler } from 'primeng/dom'; @@ -39,7 +40,7 @@ import { SpinnerIcon } from 'primeng/icons/spinner'; import { TimesIcon } from 'primeng/icons/times'; import { ChevronDownIcon } from 'primeng/icons/chevrondown'; import { Nullable, VoidListener } from 'primeng/ts-helpers'; -import { AutoCompleteCompleteEvent, AutoCompleteDropdownClickEvent, AutoCompleteLazyLoadEvent } from './autocomplete.interface'; +import { AutoCompleteCompleteEvent, AutoCompleteDropdownClickEvent, AutoCompleteLazyLoadEvent, AutoCompleteSelectEvent, AutoCompleteUnselectEvent } from './autocomplete.interface'; export const AUTOCOMPLETE_VALUE_ACCESSOR: any = { provide: NG_VALUE_ACCESSOR, @@ -53,102 +54,127 @@ export const AUTOCOMPLETE_VALUE_ACCESSOR: any = { @Component({ selector: 'p-autoComplete', template: ` - +
- - + + -
    -
  • - - {{ resolveFieldData(val) }} - - - + +
      +
    • + + {{ getOptionLabel(option) }} + + +
      • -
    • +
    - - + +
    • @@ -171,6 +181,8 @@ export class Breadcrumb implements AfterContentInit { separatorTemplate: TemplateRef | undefined; + itemTemplate: TemplateRef | undefined; + constructor(private router: Router) {} onClick(event: MouseEvent, item: MenuItem) { @@ -208,6 +220,12 @@ export class Breadcrumb implements AfterContentInit { case 'separator': this.separatorTemplate = item.template; break; + case 'item': + this.itemTemplate = item.template; + break; + default: + this.itemTemplate = item.template; + break; } }); } diff --git a/src/app/components/button/button.ts b/src/app/components/button/button.ts index e44c9df85d0..302deca6797 100755 --- a/src/app/components/button/button.ts +++ b/src/app/components/button/button.ts @@ -223,7 +223,7 @@ export class ButtonDirective implements AfterViewInit, OnDestroy { } getIconClass() { - return this.loading ? 'p-button-loading-icon ' + (this.loadingIcon ? this.loadingIcon : 'p-icon') : this.icon; + return this.loading ? 'p-button-loading-icon ' + (this.loadingIcon ? this.loadingIcon : 'p-icon') : this.icon || 'p-hidden'; } ngOnDestroy() { @@ -320,6 +320,46 @@ export class Button implements AfterContentInit { * @group Props */ @Input() loadingIcon: string | undefined; + /** + * Add a shadow to indicate elevation. + * @group Props + */ + @Input() raised: boolean = false; + /** + * Add a circular border radius to the button. + * @group Props + */ + @Input() rounded: boolean = false; + /** + * Add a textual class to the button without a background initially. + * @group Props + */ + @Input() text: boolean = false; + /** + * Add a plain textual class to the button without a background initially. + * @group Props + */ + @Input() plain: boolean = false; + /** + * Defines the style of the button. + * @group Props + */ + @Input() severity: 'secondary' | 'success' | 'info' | 'warning' | 'help' | 'danger' | string | undefined; + /** + * Add a border class without a background initially. + * @group Props + */ + @Input() outlined: boolean = false; + /** + * Add a link style to the button. + * @group Props + */ + @Input() link: boolean = false; + /** + * Defines the size of the button. + * @group Props + */ + @Input() size: 'small' | 'large' | undefined; /** * Inline style of the element. * @group Props @@ -393,7 +433,16 @@ export class Button implements AfterContentInit { 'p-button-vertical': (this.iconPos === 'top' || this.iconPos === 'bottom') && this.label, 'p-disabled': this.disabled || this.loading, 'p-button-loading': this.loading, - 'p-button-loading-label-only': this.loading && !this.icon && this.label && !this.loadingIcon && this.iconPos === 'left' + 'p-button-loading-label-only': this.loading && !this.icon && this.label && !this.loadingIcon && this.iconPos === 'left', + 'p-button-link': this.link, + [`p-button-${this.severity}`]: this.severity, + 'p-button-raised': this.raised, + 'p-button-rounded': this.rounded, + 'p-button-text': this.text, + 'p-button-outlined': this.outlined, + 'p-button-sm': this.size === 'small', + 'p-button-lg': this.size === 'large', + 'p-button-plain': this.plain }; } diff --git a/src/app/components/calendar/calendar.spec.ts b/src/app/components/calendar/calendar.spec.ts index 76e7daeb5f2..7e31d570746 100755 --- a/src/app/components/calendar/calendar.spec.ts +++ b/src/app/components/calendar/calendar.spec.ts @@ -925,14 +925,14 @@ describe('Calendar', () => { inputEl.nativeElement.dispatchEvent(focusEvent); fixture.detectChanges(); - const seperatorEl = fixture.debugElement.queryAll(By.css('.p-separator')); + const separatorEl = fixture.debugElement.queryAll(By.css('.p-separator')); const secondPicker = fixture.debugElement.query(By.css('.p-second-picker')); - expect(seperatorEl.length).toEqual(2); + expect(separatorEl.length).toEqual(2); expect(calendar.showSeconds).toBeTruthy(); - expect(seperatorEl[0]).toBeTruthy(); - expect(seperatorEl[1]).toBeTruthy(); - expect(seperatorEl[0].children[0].nativeElement.textContent).toEqual(':'); - expect(seperatorEl[1].children[0].nativeElement.textContent).toEqual(':'); + expect(separatorEl[0]).toBeTruthy(); + expect(separatorEl[1]).toBeTruthy(); + expect(separatorEl[0].children[0].nativeElement.textContent).toEqual(':'); + expect(separatorEl[1].children[0].nativeElement.textContent).toEqual(':'); expect(secondPicker).toBeTruthy(); expect(secondPicker.queryAll(By.css('span'))[0].nativeElement.textContent).toEqual('21'); }); diff --git a/src/app/components/calendar/calendar.ts b/src/app/components/calendar/calendar.ts index cb73ae25b04..03594a98034 100755 --- a/src/app/components/calendar/calendar.ts +++ b/src/app/components/calendar/calendar.ts @@ -49,15 +49,22 @@ export const CALENDAR_VALUE_ACCESSOR: any = { @Component({ selector: 'p-calendar', template: ` - + @@ -81,7 +87,20 @@ export const CALENDAR_VALUE_ACCESSOR: any = { -
    - - @@ -143,6 +181,7 @@ export const CALENDAR_VALUE_ACCESSOR: any = { (click)="onNextButtonClick($event)" [style.display]="numberOfMonths === 1 ? 'inline-flex' : i === numberOfMonths - 1 ? 'inline-flex' : 'none'" type="button" + [attr.aria-label]="nextIconAriaLabel" pRipple > @@ -152,7 +191,7 @@ export const CALENDAR_VALUE_ACCESSOR: any = {
    - +
    @@ -205,6 +247,9 @@ export const CALENDAR_VALUE_ACCESSOR: any = { pRipple > {{ m }} +
    + {{ m }} +
    @@ -217,6 +262,9 @@ export const CALENDAR_VALUE_ACCESSOR: any = { pRipple > {{ y }} +
    + {{ y }} +
    @@ -233,6 +281,7 @@ export const CALENDAR_VALUE_ACCESSOR: any = { (keyup.enter)="onTimePickerElementMouseUp($event)" (keyup.space)="onTimePickerElementMouseUp($event)" (mouseleave)="onTimePickerElementMouseLeave()" + [attr.aria-label]="getTranslation('nextHour')" pRipple > @@ -250,6 +299,7 @@ export const CALENDAR_VALUE_ACCESSOR: any = { (keyup.enter)="onTimePickerElementMouseUp($event)" (keyup.space)="onTimePickerElementMouseUp($event)" (mouseleave)="onTimePickerElementMouseLeave()" + [attr.aria-label]="getTranslation('prevHour')" pRipple > @@ -271,6 +321,7 @@ export const CALENDAR_VALUE_ACCESSOR: any = { (keyup.enter)="onTimePickerElementMouseUp($event)" (keyup.space)="onTimePickerElementMouseUp($event)" (mouseleave)="onTimePickerElementMouseLeave()" + [attr.aria-label]="getTranslation('nextMinute')" pRipple > @@ -288,6 +339,7 @@ export const CALENDAR_VALUE_ACCESSOR: any = { (keyup.enter)="onTimePickerElementMouseUp($event)" (keyup.space)="onTimePickerElementMouseUp($event)" (mouseleave)="onTimePickerElementMouseLeave()" + [attr.aria-label]="getTranslation('prevMinute')" pRipple > @@ -309,6 +361,7 @@ export const CALENDAR_VALUE_ACCESSOR: any = { (keyup.enter)="onTimePickerElementMouseUp($event)" (keyup.space)="onTimePickerElementMouseUp($event)" (mouseleave)="onTimePickerElementMouseLeave()" + [attr.aria-label]="getTranslation('nextSecond')" pRipple > @@ -326,6 +379,7 @@ export const CALENDAR_VALUE_ACCESSOR: any = { (keyup.enter)="onTimePickerElementMouseUp($event)" (keyup.space)="onTimePickerElementMouseUp($event)" (mouseleave)="onTimePickerElementMouseLeave()" + [attr.aria-label]="getTranslation('prevSecond')" pRipple > @@ -333,12 +387,12 @@ export const CALENDAR_VALUE_ACCESSOR: any = {
    - {{ pm ? 'PM' : 'AM' }} - @@ -428,6 +482,12 @@ export class Calendar implements OnInit, OnDestroy, ControlValueAccessor { * @group Props */ @Input() ariaLabelledBy: string | undefined; + /** + * Defines a string that labels the input for accessibility. + * @group Props + */ + @Input() ariaLabel: string | undefined; + /** * Defines a string that labels the icon button for accessibility. * @group Props @@ -893,7 +953,7 @@ export class Calendar implements OnInit, OnDestroy, ControlValueAccessor { Promise.resolve(null).then(() => this.updateFocus()); this.isMonthNavigate = false; } else { - if (!this.focus) { + if (!this.focus && !this.inline) { this.initFocusableCell(); } } @@ -1018,6 +1078,8 @@ export class Calendar implements OnInit, OnDestroy, ControlValueAccessor { attributeSelector: Nullable; + panelId: Nullable; + _numberOfMonths: number = 1; _firstDayOfWeek!: number; @@ -1034,12 +1096,25 @@ export class Calendar implements OnInit, OnDestroy, ControlValueAccessor { return this._locale; } + get iconButtonAriaLabel() { + return this.iconAriaLabel ? this.iconAriaLabel : this.getTranslation('chooseDate'); + } + + get prevIconAriaLabel() { + return this.currentView === 'year' ? this.getTranslation('prevDecade') : this.currentView === 'month' ? this.getTranslation('prevYear') : this.getTranslation('prevMonth'); + } + + get nextIconAriaLabel() { + return this.currentView === 'year' ? this.getTranslation('nextDecade') : this.currentView === 'month' ? this.getTranslation('nextYear') : this.getTranslation('nextMonth'); + } + constructor(@Inject(DOCUMENT) private document: Document, public el: ElementRef, public renderer: Renderer2, public cd: ChangeDetectorRef, private zone: NgZone, private config: PrimeNGConfig, public overlayService: OverlayService) { this.window = this.document.defaultView as Window; } ngOnInit() { this.attributeSelector = UniqueComponentId(); + this.panelId = this.attributeSelector + '_panel'; const date = this.defaultDate || new Date(); this.createResponsiveStyle(); this.currentMonth = date.getMonth(); @@ -1120,10 +1195,12 @@ export class Calendar implements OnInit, OnDestroy, ControlValueAccessor { if (this.inline) { this.contentViewChild && this.contentViewChild.nativeElement.setAttribute(this.attributeSelector, ''); - if (!this.disabled) { + if (!this.disabled && !this.inline) { this.initFocusableCell(); if (this.numberOfMonths === 1) { - this.contentViewChild.nativeElement.style.width = DomHandler.getOuterWidth(this.containerViewChild?.nativeElement) + 'px'; + if (this.contentViewChild && this.contentViewChild.nativeElement) { + this.contentViewChild.nativeElement.style.width = DomHandler.getOuterWidth(this.containerViewChild?.nativeElement) + 'px'; + } } } } @@ -1863,6 +1940,7 @@ export class Calendar implements OnInit, OnDestroy, ControlValueAccessor { //escape case 27: + this.inputfieldViewChild?.nativeElement.focus(); this.overlayVisible = false; event.preventDefault(); break; @@ -1879,6 +1957,7 @@ export class Calendar implements OnInit, OnDestroy, ControlValueAccessor { this.trapFocus(event); } else if (event.keyCode === 27) { if (this.overlayVisible) { + this.inputfieldViewChild?.nativeElement.focus(); this.overlayVisible = false; event.preventDefault(); } @@ -1993,6 +2072,7 @@ export class Calendar implements OnInit, OnDestroy, ControlValueAccessor { //escape case 27: { + this.inputfieldViewChild?.nativeElement.focus(); this.overlayVisible = false; event.preventDefault(); break; @@ -2073,6 +2153,7 @@ export class Calendar implements OnInit, OnDestroy, ControlValueAccessor { //escape case 27: { + this.inputfieldViewChild?.nativeElement.focus(); this.overlayVisible = false; event.preventDefault(); break; @@ -2154,6 +2235,7 @@ export class Calendar implements OnInit, OnDestroy, ControlValueAccessor { //escape case 27: { + this.inputfieldViewChild?.nativeElement.focus(); this.overlayVisible = false; event.preventDefault(); break; @@ -2311,9 +2393,22 @@ export class Calendar implements OnInit, OnDestroy, ControlValueAccessor { focusableElements[focusedIndex - 1].focus(); } } else { - if (focusedIndex == -1 || focusedIndex === focusableElements.length - 1) { + if (focusedIndex == -1) { + if (this.timeOnly) { + focusableElements[0].focus(); + } else { + let spanIndex = 0; + + for (let i = 0; i < focusableElements.length; i++) { + if (focusableElements[i].tagName === 'SPAN') spanIndex = i; + } + + focusableElements[spanIndex].focus(); + } + } else if (focusedIndex === focusableElements.length - 1) { if (!this.focusTrap && focusedIndex != -1) return this.hideOverlay(); - else focusableElements[0].focus(); + + focusableElements[0].focus(); } else { focusableElements[focusedIndex + 1].focus(); } @@ -2710,6 +2805,7 @@ export class Calendar implements OnInit, OnDestroy, ControlValueAccessor { } hideOverlay() { + this.inputfieldViewChild?.nativeElement.focus(); this.overlayVisible = false; this.clearTimePickerTimer(); @@ -2817,10 +2913,10 @@ export class Calendar implements OnInit, OnDestroy, ControlValueAccessor { this.maskClickListener = this.renderer.listen(this.mask, 'click', (event: any) => { this.disableModality(); + this.overlayVisible = false; }); this.renderer.appendChild(this.document.body, this.mask); - DomHandler.addClass(this.document.body, 'p-overflow-hidden'); - this.document.body.style.setProperty('--scrollbar-width', DomHandler.calculateScrollbarWidth() + 'px'); + DomHandler.blockBodyScroll(); } } @@ -2849,8 +2945,7 @@ export class Calendar implements OnInit, OnDestroy, ControlValueAccessor { } if (!hasBlockerMasks) { - DomHandler.removeClass(this.document.body, 'p-overflow-hidden'); - this.document.body.style.removeProperty('--scrollbar-width'); + DomHandler.unblockBodyScroll(); } this.unbindAnimationEndListener(); @@ -3236,9 +3331,10 @@ export class Calendar implements OnInit, OnDestroy, ControlValueAccessor { } onTodayButtonClick(event: any) { - let date: Date = new Date(); - let dateMeta = { day: date.getDate(), month: date.getMonth(), year: date.getFullYear(), otherMonth: date.getMonth() !== this.currentMonth || date.getFullYear() !== this.currentYear, today: true, selectable: true }; + const date: Date = new Date(); + const dateMeta = { day: date.getDate(), month: date.getMonth(), year: date.getFullYear(), otherMonth: date.getMonth() !== this.currentMonth || date.getFullYear() !== this.currentYear, today: true, selectable: true }; + this.createMonths(date.getMonth(), date.getFullYear()); this.onDateSelect(event, dateMeta); this.onTodayClick.emit(event); } diff --git a/src/app/components/carousel/carousel.ts b/src/app/components/carousel/carousel.ts index 3fbe409097d..e032e3e55df 100755 --- a/src/app/components/carousel/carousel.ts +++ b/src/app/components/carousel/carousel.ts @@ -81,6 +81,9 @@ import { DomHandler } from 'primeng/dom';
    @@ -358,52 +361,57 @@ export class Carousel implements AfterContentInit { } ngOnChanges(simpleChange: SimpleChanges) { - if (simpleChange.value) { - if (this.circular && this._value) { - this.setCloneItems(); + if (isPlatformBrowser(this.platformId)) { + if (simpleChange.value) { + if (this.circular && this._value) { + this.setCloneItems(); + } } - } - if (this.isCreated) { - if (simpleChange.numVisible) { - if (this.responsiveOptions) { - this.defaultNumVisible = this.numVisible; - } + if (this.isCreated) { + if (simpleChange.numVisible) { + if (this.responsiveOptions) { + this.defaultNumVisible = this.numVisible; + } - if (this.isCircular()) { - this.setCloneItems(); - } + if (this.isCircular()) { + this.setCloneItems(); + } - this.createStyle(); - this.calculatePosition(); - } + this.createStyle(); + this.calculatePosition(); + } - if (simpleChange.numScroll) { - if (this.responsiveOptions) { - this.defaultNumScroll = this.numScroll; + if (simpleChange.numScroll) { + if (this.responsiveOptions) { + this.defaultNumScroll = this.numScroll; + } } } } + this.cd.markForCheck(); } ngAfterContentInit() { this.id = UniqueComponentId(); - this.allowAutoplay = !!this.autoplayInterval; + if (isPlatformBrowser(this.platformId)) { + this.allowAutoplay = !!this.autoplayInterval; - if (this.circular) { - this.setCloneItems(); - } + if (this.circular) { + this.setCloneItems(); + } - if (this.responsiveOptions) { - this.defaultNumScroll = this._numScroll; - this.defaultNumVisible = this._numVisible; - } + if (this.responsiveOptions) { + this.defaultNumScroll = this._numScroll; + this.defaultNumVisible = this._numVisible; + } - this.createStyle(); - this.calculatePosition(); + this.createStyle(); + this.calculatePosition(); - if (this.responsiveOptions) { - this.bindDocumentListeners(); + if (this.responsiveOptions) { + this.bindDocumentListeners(); + } } this.templates?.forEach((item) => { @@ -433,72 +441,75 @@ export class Carousel implements AfterContentInit { break; } }); + this.cd.detectChanges(); } ngAfterContentChecked() { - const isCircular = this.isCircular(); - let totalShiftedItems = this.totalShiftedItems; + if (isPlatformBrowser(this.platformId)) { + const isCircular = this.isCircular(); + let totalShiftedItems = this.totalShiftedItems; - if (this.value && this.itemsContainer && (this.prevState.numScroll !== this._numScroll || this.prevState.numVisible !== this._numVisible || this.prevState.value.length !== this.value.length)) { - if (this.autoplayInterval) { - this.stopAutoplay(false); - } + if (this.value && this.itemsContainer && (this.prevState.numScroll !== this._numScroll || this.prevState.numVisible !== this._numVisible || this.prevState.value.length !== this.value.length)) { + if (this.autoplayInterval) { + this.stopAutoplay(false); + } - this.remainingItems = (this.value.length - this._numVisible) % this._numScroll; + this.remainingItems = (this.value.length - this._numVisible) % this._numScroll; - let page = this._page; - if (this.totalDots() !== 0 && page >= this.totalDots()) { - page = this.totalDots() - 1; - this._page = page; - this.onPage.emit({ - page: this.page - }); - } + let page = this._page; + if (this.totalDots() !== 0 && page >= this.totalDots()) { + page = this.totalDots() - 1; + this._page = page; + this.onPage.emit({ + page: this.page + }); + } - totalShiftedItems = page * this._numScroll * -1; - if (isCircular) { - totalShiftedItems -= this._numVisible; - } + totalShiftedItems = page * this._numScroll * -1; + if (isCircular) { + totalShiftedItems -= this._numVisible; + } - if (page === this.totalDots() - 1 && this.remainingItems > 0) { - totalShiftedItems += -1 * this.remainingItems + this._numScroll; - this.isRemainingItemsAdded = true; - } else { - this.isRemainingItemsAdded = false; - } + if (page === this.totalDots() - 1 && this.remainingItems > 0) { + totalShiftedItems += -1 * this.remainingItems + this._numScroll; + this.isRemainingItemsAdded = true; + } else { + this.isRemainingItemsAdded = false; + } - if (totalShiftedItems !== this.totalShiftedItems) { - this.totalShiftedItems = totalShiftedItems; - } + if (totalShiftedItems !== this.totalShiftedItems) { + this.totalShiftedItems = totalShiftedItems; + } - this._oldNumScroll = this._numScroll; - this.prevState.numScroll = this._numScroll; - this.prevState.numVisible = this._numVisible; - this.prevState.value = [...(this._value as any[])]; + this._oldNumScroll = this._numScroll; + this.prevState.numScroll = this._numScroll; + this.prevState.numVisible = this._numVisible; + this.prevState.value = [...(this._value as any[])]; - if (this.totalDots() > 0 && this.itemsContainer.nativeElement) { - this.itemsContainer.nativeElement.style.transform = this.isVertical() ? `translate3d(0, ${totalShiftedItems * (100 / this._numVisible)}%, 0)` : `translate3d(${totalShiftedItems * (100 / this._numVisible)}%, 0, 0)`; - } + if (this.totalDots() > 0 && this.itemsContainer.nativeElement) { + this.itemsContainer.nativeElement.style.transform = this.isVertical() ? `translate3d(0, ${totalShiftedItems * (100 / this._numVisible)}%, 0)` : `translate3d(${totalShiftedItems * (100 / this._numVisible)}%, 0, 0)`; + } - this.isCreated = true; + this.isCreated = true; - if (this.autoplayInterval && this.isAutoplay()) { - this.startAutoplay(); + if (this.autoplayInterval && this.isAutoplay()) { + this.startAutoplay(); + } } - } - if (isCircular) { - if (this.page === 0) { - totalShiftedItems = -1 * this._numVisible; - } else if (totalShiftedItems === 0) { - totalShiftedItems = -1 * this.value.length; - if (this.remainingItems > 0) { - this.isRemainingItemsAdded = true; + if (isCircular) { + if (this.page === 0) { + totalShiftedItems = -1 * this._numVisible; + } else if (totalShiftedItems === 0) { + totalShiftedItems = -1 * this.value.length; + if (this.remainingItems > 0) { + this.isRemainingItemsAdded = true; + } } - } - if (totalShiftedItems !== this.totalShiftedItems) { - this.totalShiftedItems = totalShiftedItems; + if (totalShiftedItems !== this.totalShiftedItems) { + this.totalShiftedItems = totalShiftedItems; + } } } } @@ -792,6 +803,7 @@ export class Carousel implements AfterContentInit { this.onPage.emit({ page: this.page }); + this.cd.markForCheck(); } startAutoplay() { @@ -805,6 +817,7 @@ export class Carousel implements AfterContentInit { } }, this.autoplayInterval); this.allowAutoplay = true; + this.cd.markForCheck(); } stopAutoplay(changeAllow: boolean = true) { @@ -815,6 +828,7 @@ export class Carousel implements AfterContentInit { this.allowAutoplay = false; } } + this.cd.markForCheck(); } isPlaying(): boolean { diff --git a/src/app/components/cascadeselect/cascadeselect.interface.ts b/src/app/components/cascadeselect/cascadeselect.interface.ts index 9d86950ae26..86158486fcf 100644 --- a/src/app/components/cascadeselect/cascadeselect.interface.ts +++ b/src/app/components/cascadeselect/cascadeselect.interface.ts @@ -42,6 +42,25 @@ export interface CascadeSelectBeforeShowEvent extends CascadeSelectShowEvent {} * @group Events */ export interface CascadeSelectBeforeHideEvent extends CascadeSelectShowEvent {} +/** + * Custom panel change event emits when selection changed. + * @see {@link CascadeSelect.onChange} + * @group Events + */ +export interface CascadeSelectChangeEvent { + /** + * Browser event. + */ + originalEvent?: Event; + /** + * Selected value. + */ + value?: any; + /** + * Focus state. + */ + isFocus?: boolean; +} /** * Defines valid templates in CascadeSelect. * @group Templates diff --git a/src/app/components/cascadeselect/cascadeselect.ts b/src/app/components/cascadeselect/cascadeselect.ts index a167146ca4c..1ab58357e44 100755 --- a/src/app/components/cascadeselect/cascadeselect.ts +++ b/src/app/components/cascadeselect/cascadeselect.ts @@ -5,7 +5,9 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component, + computed, ContentChildren, + effect, ElementRef, EventEmitter, forwardRef, @@ -15,6 +17,7 @@ import { OnInit, Output, QueryList, + signal, TemplateRef, ViewChild, ViewEncapsulation @@ -22,14 +25,14 @@ import { import { NG_VALUE_ACCESSOR } from '@angular/forms'; import { OverlayOptions, OverlayService, PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api'; import { DomHandler } from 'primeng/dom'; -import { Overlay, OverlayModule } from 'primeng/overlay'; -import { RippleModule } from 'primeng/ripple'; -import { ObjectUtils } from 'primeng/utils'; -import { ChevronDownIcon } from 'primeng/icons/chevrondown'; import { AngleRightIcon } from 'primeng/icons/angleright'; +import { ChevronDownIcon } from 'primeng/icons/chevrondown'; import { TimesIcon } from 'primeng/icons/times'; -import { CascadeSelectBeforeHideEvent, CascadeSelectBeforeShowEvent, CascadeSelectHideEvent, CascadeSelectShowEvent } from './cascadeselect.interface'; +import { Overlay, OverlayModule } from 'primeng/overlay'; +import { RippleModule } from 'primeng/ripple'; import { Nullable } from 'primeng/ts-helpers'; +import { ObjectUtils, UniqueComponentId } from 'primeng/utils'; +import { CascadeSelectBeforeHideEvent, CascadeSelectBeforeShowEvent, CascadeSelectChangeEvent, CascadeSelectHideEvent, CascadeSelectShowEvent } from './cascadeselect.interface'; export const CASCADESELECT_VALUE_ACCESSOR: any = { provide: NG_VALUE_ACCESSOR, @@ -40,34 +43,45 @@ export const CASCADESELECT_VALUE_ACCESSOR: any = { @Component({ selector: 'p-cascadeSelectSub', template: ` -
      - -
    • -
      +
        + +
      • +
        - + - {{ getOptionLabelToRender(option) }} + {{ getOptionLabelToRender(processedOption) }} - +
        @@ -80,7 +94,15 @@ export const CASCADESELECT_VALUE_ACCESSOR: any = { changeDetection: ChangeDetectionStrategy.OnPush }) export class CascadeSelectSub implements OnInit { - @Input() selectionPath: string[] | string | undefined | null; + @Input() role: string | undefined; + + @Input() selectId: string | undefined; + + @Input() activeOptionPath: any[]; + + @Input() optionDisabled: any[]; + + @Input() focusedOptionId: string | undefined; @Input() options: string[] | string | undefined | null; @@ -102,170 +124,82 @@ export class CascadeSelectSub implements OnInit { @Input() root: boolean | undefined; - @Output() onSelect: EventEmitter = new EventEmitter(); + @Output() onChange: EventEmitter = new EventEmitter(); - @Output() onGroupSelect: EventEmitter = new EventEmitter(); + constructor(private el: ElementRef) {} - @Input() get parentActive(): boolean { - return this._parentActive; - } - set parentActive(val) { - if (!val) { - this.activeOption = null; + ngOnInit() { + if (!this.root) { + this.position(); } - - this._parentActive = val; } - activeOption: any = null; - - _parentActive: boolean = false; - - cascadeSelect: CascadeSelect; - - constructor(@Inject(forwardRef(() => CascadeSelect)) cascadeSelect: CascadeSelect, private el: ElementRef) { - this.cascadeSelect = cascadeSelect as CascadeSelect; + onOptionClick(event, option: any) { + this.onChange.emit({ + originalEvent: event, + value: option, + isFocus: true + }); } - ngOnInit() { - if (this.selectionPath && this.options && !this.dirty) { - for (let option of this.options) { - if (this.selectionPath.includes(option)) { - this.activeOption = option; - break; - } - } - } + onOptionChange(event) { + this.onChange.emit(event); + } - if (!this.root) { - this.position(); - } + getOptionId(processedOption) { + return `${this.selectId}_${processedOption.key}`; } - onOptionClick(event: Event, option: string | string[]) { - if (this.isOptionGroup(option)) { - this.activeOption = this.activeOption === option ? null : option; + getOptionLabel(processedOption) { + return this.optionLabel ? ObjectUtils.resolveFieldData(processedOption.option, this.optionLabel) : processedOption.option; + } - this.onGroupSelect.emit({ - originalEvent: event, - value: option - }); - } else { - this.onSelect.emit({ - originalEvent: event, - value: this.getOptionValue(option) - }); - } + getOptionValue(processedOption) { + return this.optionValue ? ObjectUtils.resolveFieldData(processedOption.option, this.optionValue) : processedOption.option; } - onOptionSelect(event: Event) { - this.onSelect.emit(event); + getOptionLabelToRender(processedOption) { + return this.isOptionGroup(processedOption) ? this.getOptionGroupLabel(processedOption) : this.getOptionLabel(processedOption); } - onOptionGroupSelect(event: Event) { - this.onGroupSelect.emit(event); + isOptionDisabled(processedOption) { + return this.optionDisabled ? ObjectUtils.resolveFieldData(processedOption.option, this.optionDisabled) : false; } - getOptionLabel(option: string | string[]) { - return this.optionLabel ? ObjectUtils.resolveFieldData(option, this.optionLabel) : option; + getOptionGroupLabel(processedOption) { + return this.optionGroupLabel ? ObjectUtils.resolveFieldData(processedOption.option, this.optionGroupLabel) : null; } - getOptionValue(option: string | string[]) { - return this.optionValue ? ObjectUtils.resolveFieldData(option, this.optionValue) : option; + getOptionGroupChildren(processedOption) { + return processedOption.children; } - getOptionGroupLabel(optionGroup: string | string[]) { - return this.optionGroupLabel ? ObjectUtils.resolveFieldData(optionGroup, this.optionGroupLabel) : null; + isOptionGroup(processedOption) { + return ObjectUtils.isNotEmpty(processedOption.children); } - getOptionGroupChildren(optionGroup: string | string[]) { - return ObjectUtils.resolveFieldData(optionGroup, (this.optionGroupChildren as any)[this.level]); + isOptionSelected(processedOption) { + return !this.isOptionGroup(processedOption) && this.isOptionActive(processedOption); } - isOptionGroup(option: string | string[]) { - return Object.prototype.hasOwnProperty.call(option, (this.optionGroupChildren as any)[this.level]); + isOptionActive(processedOption) { + return this.activeOptionPath.some((path) => path.key === processedOption.key); } - getOptionLabelToRender(option: string | string[]) { - return this.isOptionGroup(option) ? this.getOptionGroupLabel(option) : this.getOptionLabel(option); + isOptionFocused(processedOption) { + return this.focusedOptionId === this.getOptionId(processedOption); } getItemClass(option: string | string[]) { return { 'p-cascadeselect-item': true, 'p-cascadeselect-item-group': this.isOptionGroup(option), - 'p-cascadeselect-item-active p-highlight': this.isOptionActive(option) + 'p-cascadeselect-item-active p-highlight': this.isOptionActive(option), + 'p-focus': this.isOptionFocused(option), + 'p-disabled': this.isOptionDisabled(option) }; } - isOptionActive(option: string | string[]) { - return this.activeOption === option; - } - - onKeyDown(event: any, option: string | string[], index: number) { - let listItem = event.currentTarget.parentElement; - - switch (event.key) { - case 'Down': - case 'ArrowDown': - var nextItem = this.el.nativeElement.children[0].children[index + 1]; - if (nextItem) { - nextItem.children[0].focus(); - } - - event.preventDefault(); - break; - - case 'Up': - case 'ArrowUp': - var prevItem = this.el.nativeElement.children[0].children[index - 1]; - if (prevItem) { - prevItem.children[0].focus(); - } - - event.preventDefault(); - break; - - case 'Right': - case 'ArrowRight': - if (this.isOptionGroup(option)) { - if (this.isOptionActive(option)) { - listItem.children[1].children[0].children[0].children[0].focus(); - } else { - this.activeOption = option; - } - } - - event.preventDefault(); - break; - - case 'Left': - case 'ArrowLeft': - this.activeOption = null; - - var parentList = listItem.parentElement.parentElement.parentElement; - if (parentList) { - parentList.children[0].focus(); - } - - event.preventDefault(); - break; - - case 'Enter': - this.onOptionClick(event, option); - - event.preventDefault(); - break; - - case 'Tab': - case 'Escape': - this.cascadeSelect.hide(); - - event.preventDefault(); - break; - } - } - position() { const parentItem = this.el.nativeElement.parentElement; const containerOffset = DomHandler.getOffset(parentItem); @@ -284,88 +218,100 @@ export class CascadeSelectSub implements OnInit { */ @Component({ selector: 'p-cascadeSelect', - template: ` -
        -
        - -
        - - - - - - {{ label() }} - - - - - - - - + template: `
        +
        + +
        + + + + + {{ label() }} + + -
        - - - - -
        - - -
        -
        - - -
        -
        -         -         + + + + + + + +
        + + + +
        - `, + + {{ searchResultMessageText }} + + + +
        +
        + + +
        + + {{ selectedMessageText }} + +
        +         +         +
        `, host: { class: 'p-element p-inputwrapper', '[class.p-inputwrapper-filled]': 'filled', @@ -378,6 +324,60 @@ export class CascadeSelectSub implements OnInit { styleUrls: ['./cascadeselect.css'] }) export class CascadeSelect implements OnInit, AfterContentInit { + /** + * Unique identifier of the component + * @group Props + */ + @Input() id: string | undefined; + /** + * Determines if the option will be selected on focus. + * @group Props + */ + @Input() selectOnFocus: boolean = false; + /** + * Text to display when the search is active. Defaults to global value in i18n translation configuration. + * @group Props + * @defaultValue '{0} results are available' + */ + @Input() searchMessage: string | undefined; + /** + * Text to display when there is no data. Defaults to global value in i18n translation configuration. + * @group Props + */ + @Input() emptyMessage: string | undefined; + /** + * Text to be displayed in hidden accessible field when options are selected. Defaults to global value in i18n translation configuration. + * @group Props + * @defaultValue '{0} items selected' + */ + @Input() selectionMessage: string | undefined; + /** + * Text to display when filtering does not return any results. Defaults to value from PrimeVue locale configuration. + * @group Props + * @defaultValue 'No available options' + */ + @Input() emptySearchMessage: string | undefined; + /** + * Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration. + * @group Props + * @defaultValue 'No selected item' + */ + @Input() emptySelectionMessage: string | undefined; + /** + * Locale to use in searching. The default locale is the host environment's current locale. + * @group Props + */ + @Input() searchLocale: string | undefined; + /** + * Name of the disabled field of an option. + * @group Props + */ + @Input() optionDisabled: any; + /** + * Whether to focus on the first visible or selected element when the overlay panel is shown. + * @group Props + */ + @Input() autoOptionFocus: boolean = true; /** * Style class of the component. * @group Props @@ -437,7 +437,7 @@ export class CascadeSelect implements OnInit, AfterContentInit { * Index of the element in tabbing order. * @group Props */ - @Input() tabindex: string | undefined; + @Input() tabindex: number | undefined = 0; /** * Establishes relationships between the component and label(s) where its value should be one or more element IDs. * @group Props @@ -483,12 +483,36 @@ export class CascadeSelect implements OnInit, AfterContentInit { * @group Props */ @Input() overlayOptions: OverlayOptions | undefined; + /** + * Transition options of the show animation. + * @group Props + * @deprecated deprecated since v14.2.0, use overlayOptions property instead. + */ + @Input() get showTransitionOptions(): string { + return this._showTransitionOptions; + } + set showTransitionOptions(val: string) { + this._showTransitionOptions = val; + console.warn('The showTransitionOptions property is deprecated since v14.2.0, use overlayOptions property instead.'); + } + /** + * Transition options of the hide animation. + * @group Props + * @deprecated deprecated since v14.2.0, use overlayOptions property instead. + */ + @Input() get hideTransitionOptions(): string { + return this._hideTransitionOptions; + } + set hideTransitionOptions(val: string) { + this._hideTransitionOptions = val; + console.warn('The hideTransitionOptions property is deprecated since v14.2.0, use overlayOptions property instead.'); + } /** * Callback to invoke on value change. - * @param {Event} event - Browser event. + * @param {CascadeSelectChangeEvent} event - Custom change event. * @group Emits */ - @Output() onChange: EventEmitter = new EventEmitter(); + @Output() onChange: EventEmitter = new EventEmitter(); /** * Callback to invoke when a group changes. * @param {Event} event - Browser event. @@ -525,34 +549,23 @@ export class CascadeSelect implements OnInit, AfterContentInit { */ @Output() onBeforeHide: EventEmitter = new EventEmitter(); /** - * Transition options of the show animation. - * @group Props - * @deprecated deprecated since v14.2.0, use overlayOptions property instead. + * Callback to invoke when input receives focus. + * @param {FocusEvent} event - Focus event. + * @group Emits */ - @Input() get showTransitionOptions(): string { - return this._showTransitionOptions; - } - set showTransitionOptions(val: string) { - this._showTransitionOptions = val; - console.warn('The showTransitionOptions property is deprecated since v14.2.0, use overlayOptions property instead.'); - } + @Output() onFocus: EventEmitter = new EventEmitter(); /** - * Transition options of the hide animation. - * @group Props - * @deprecated deprecated since v14.2.0, use overlayOptions property instead. + * Callback to invoke when input loses focus. + * @param {FocusEvent} event - Focus event. + * @group Emits */ - @Input() get hideTransitionOptions(): string { - return this._hideTransitionOptions; - } - set hideTransitionOptions(val: string) { - this._hideTransitionOptions = val; - console.warn('The hideTransitionOptions property is deprecated since v14.2.0, use overlayOptions property instead.'); - } - @ViewChild('focusInput') focusInputEl: Nullable; + @Output() onBlur: EventEmitter = new EventEmitter(); + + @ViewChild('focusInput') focusInputViewChild: Nullable; - @ViewChild('container') containerEl: Nullable; + @ViewChild('container') containerViewChild: Nullable; - @ViewChild('panel') panelEl: Nullable; + @ViewChild('panel') panelViewChild: Nullable; @ViewChild('overlay') overlayViewChild: Nullable; @@ -566,11 +579,13 @@ export class CascadeSelect implements OnInit, AfterContentInit { focused: boolean = false; - filled: boolean = false; - overlayVisible: boolean = false; - dirty: boolean = false; + dirty: boolean = true; + + searchValue: string | undefined; + + searchTimeout: any; valueTemplate: Nullable>; @@ -586,124 +601,431 @@ export class CascadeSelect implements OnInit, AfterContentInit { onModelTouched: Function = () => {}; - constructor(private el: ElementRef, private cd: ChangeDetectorRef, private config: PrimeNGConfig, public overlayService: OverlayService) {} + focusedOptionInfo = signal({ index: -1, level: 0, parentKey: '' }); - ngOnInit() { - this.updateSelectionPath(); + activeOptionPath = signal([]); + + modelValue = signal(null); + + get containerClass() { + return { + 'p-cascadeselect p-component p-inputwrapper': true, + 'p-disabled': this.disabled, + 'p-focus': this.focused, + 'p-inputwrapper-filled': this.modelValue(), + 'p-inputwrapper-focus': this.focused || this.overlayVisible, + 'p-overlay-open': this.overlayVisible + }; } - ngAfterContentInit() { - this.templates.forEach((item) => { - switch (item.getType()) { - case 'value': - this.valueTemplate = item.template; - break; + get labelClass() { + return { + 'p-cascadeselect-label': true, + 'p-inputtext': true, + 'p-placeholder': this.label() === this.placeholder, + 'p-cascadeselect-label-empty': !this.value && (this.label() === 'p-emptylabel' || this.label().length === 0) + }; + } - case 'option': - this.optionTemplate = item.template; - break; + get focusedOptionId() { + return this.focusedOptionInfo().index !== -1 ? `${this.id}${ObjectUtils.isNotEmpty(this.focusedOptionInfo().parentKey) ? '_' + this.focusedOptionInfo().parentKey : ''}_${this.focusedOptionInfo().index}` : null; + } - case 'triggericon': - this.triggerIconTemplate = item.template; - break; + get filled(): boolean { + if (typeof this.modelValue() === 'string') return !!this.modelValue(); - case 'clearicon': - this.clearIconTemplate = item.template; - break; + return this.modelValue() || this.modelValue() != null || this.modelValue() != undefined; + } - case 'optiongroupicon': - this.groupIconTemplate = item.template; - break; - } - }); + get searchResultMessageText() { + return ObjectUtils.isNotEmpty(this.visibleOptions()) ? this.searchMessageText.replaceAll('{0}', this.visibleOptions().length) : this.emptySearchMessageText; } - onOptionSelect(event: any) { - this.value = event.value; - this.updateSelectionPath(); - this.onModelChange(this.value); - this.onChange.emit(event); - this.hide(); - this.focusInputEl?.nativeElement.focus(); + get searchMessageText() { + return this.searchMessage || this.config.translation.searchMessage || ''; } - onOptionGroupSelect(event: Event) { - this.dirty = true; - this.onGroupChange.emit(event); + get emptySearchMessageText() { + return this.emptySearchMessage || this.config.translation.emptySearchMessage || ''; } - getOptionLabel(option: string | object) { - return this.optionLabel ? ObjectUtils.resolveFieldData(option, this.optionLabel) : option; + get emptyMessageText() { + return this.emptyMessage || this.config.translation.emptyMessage || ''; } - getOptionValue(option: string | object) { - return this.optionValue ? ObjectUtils.resolveFieldData(option, this.optionValue) : option; + get selectionMessageText() { + return this.selectionMessage || this.config.translation.selectionMessage || ''; } - getOptionGroupChildren(optionGroup: string | object, level: number) { - return ObjectUtils.resolveFieldData(optionGroup, (this.optionGroupChildren as string)[level]); + get emptySelectionMessageText() { + return this.emptySelectionMessage || this.config.translation.emptySelectionMessage || ''; } - isOptionGroup(option: string | object, level: number) { - return Object.prototype.hasOwnProperty.call(option, (this.optionGroupChildren as string)[level]); + get selectedMessageText() { + return this.hasSelectedOption ? this.selectionMessageText.replaceAll('{0}', '1') : this.emptySelectionMessageText; } - updateSelectionPath() { - let path; - if (this.value != null && this.options) { - for (let option of this.options) { - path = this.findModelOptionInGroup(option, 0); - if (path) { - break; + visibleOptions = computed(() => { + const processedOption = this.activeOptionPath().find((p) => p.key === this.focusedOptionInfo().parentKey); + + return processedOption ? processedOption.children : this.processedOptions(); + }); + + processedOptions = computed(() => { + return this.createProcessedOptions(this.options || []); + }); + + label = computed(() => { + const label = this.placeholder || 'p-emptylabel'; + + if (this.hasSelectedOption()) { + const activeOptionPath = this.findOptionPathByValue(this.modelValue(), null); + const processedOption = ObjectUtils.isNotEmpty(activeOptionPath) ? activeOptionPath[activeOptionPath.length - 1] : null; + + return processedOption ? this.getOptionLabel(processedOption.option) : label; + } + return label; + }); + + get _label() { + const label = this.placeholder || 'p-emptylabel'; + + if (this.hasSelectedOption()) { + const activeOptionPath = this.findOptionPathByValue(this.modelValue(), null); + const processedOption = ObjectUtils.isNotEmpty(activeOptionPath) ? activeOptionPath[activeOptionPath.length - 1] : null; + + return processedOption ? this.getOptionLabel(processedOption.option) : label; + } + return label; + } + + hasSelectedOption() { + return ObjectUtils.isNotEmpty(this.modelValue()); + } + + createProcessedOptions(options, level = 0, parent = {}, parentKey = '') { + const processedOptions = []; + + options && + options.forEach((option, index) => { + const key = (parentKey !== '' ? parentKey + '_' : '') + index; + const newOption = { + option, + index, + level, + key, + parent, + parentKey + }; + + newOption['children'] = this.createProcessedOptions(this.getOptionGroupChildren(option, level), level + 1, newOption, key); + processedOptions.push(newOption); + }); + + return processedOptions; + } + + onInputFocus(event: FocusEvent) { + if (this.disabled) { + // For screenreaders + return; + } + + this.focused = true; + this.onFocus.emit(event); + } + + onInputBlur(event: FocusEvent) { + this.focused = false; + this.focusedOptionInfo.set({ indeX: -1, level: 0, parentKey: '' }); + this.searchValue = ''; + this.onModelTouched(); + this.onBlur.emit(event); + } + + onInputKeyDown(event: KeyboardEvent) { + if (this.disabled) { + event.preventDefault(); + + return; + } + + const metaKey = event.metaKey || event.ctrlKey; + + switch (event.code) { + case 'ArrowDown': + this.onArrowDownKey(event); + break; + + case 'ArrowUp': + this.onArrowUpKey(event); + break; + + case 'ArrowLeft': + this.onArrowLeftKey(event); + break; + + case 'ArrowRight': + this.onArrowRightKey(event); + break; + + case 'Home': + this.onHomeKey(event); + break; + + case 'End': + this.onEndKey(event); + break; + + case 'Space': + this.onSpaceKey(event); + break; + + case 'Enter': + this.onEnterKey(event); + break; + + case 'Escape': + this.onEscapeKey(event); + break; + + case 'Tab': + this.onTabKey(event); + break; + + case 'Backspace': + this.onBackspaceKey(event); + break; + + case 'PageDown': + case 'PageUp': + case 'ShiftLeft': + case 'ShiftRight': + //NOOP + break; + + default: + if (!metaKey && ObjectUtils.isPrintableCharacter(event.key)) { + !this.overlayVisible && this.show(); + this.searchOptions(event, event.key); } - } + + break; } + } + + onArrowDownKey(event) { + const optionIndex = this.focusedOptionInfo().index !== -1 ? this.findNextOptionIndex(this.focusedOptionInfo().index) : this.findFirstFocusedOptionIndex(); + + this.changeFocusedOptionIndex(event, optionIndex); + + !this.overlayVisible && this.show(); + event.preventDefault(); + } + + onArrowUpKey(event) { + if (event.altKey) { + if (this.focusedOptionInfo().index !== -1) { + const processedOption = this.visibleOptions[this.focusedOptionInfo().index]; + const grouped = this.isProccessedOptionGroup(processedOption); + + !grouped && this.onOptionChange({ originalEvent: event, value: processedOption }); + } + + this.overlayVisible && this.hide(); + event.preventDefault(); + } else { + const optionIndex = this.focusedOptionInfo().index !== -1 ? this.findPrevOptionIndex(this.focusedOptionInfo().index) : this.findLastFocusedOptionIndex(); + + this.changeFocusedOptionIndex(event, optionIndex); - this.selectionPath = path; - this.updateFilledState(); + !this.overlayVisible && this.show(); + event.preventDefault(); + } } - updateFilledState() { - this.filled = !(this.selectionPath == null || this.selectionPath.length == 0); + onArrowLeftKey(event) { + if (this.overlayVisible) { + const processedOption = this.visibleOptions()[this.focusedOptionInfo().index]; + const parentOption = this.activeOptionPath().find((p) => p.key === processedOption.parentKey); + const matched = this.focusedOptionInfo().parentKey === '' || (parentOption && parentOption.key === this.focusedOptionInfo().parentKey); + const root = ObjectUtils.isEmpty(processedOption.parent); + + if (matched) { + const activeOptionPath = this.activeOptionPath().filter((p) => p.parentKey !== this.focusedOptionInfo().parentKey); + this.activeOptionPath.set(activeOptionPath); + } + + if (!root) { + this.focusedOptionInfo.set({ index: -1, parentKey: parentOption ? parentOption.parentKey : '' }); + this.searchValue = ''; + this.onArrowDownKey(event); + } + + event.preventDefault(); + } } - findModelOptionInGroup(option: string | object, level: number): Nullable { - if (this.isOptionGroup(option, level)) { - let selectedOption; - for (let childOption of this.getOptionGroupChildren(option, level)) { - selectedOption = this.findModelOptionInGroup(childOption, level + 1); - if (selectedOption) { - selectedOption.unshift(option); - return selectedOption; + onArrowRightKey(event) { + if (this.overlayVisible) { + const processedOption = this.visibleOptions()[this.focusedOptionInfo().index]; + const grouped = this.isProccessedOptionGroup(processedOption); + + if (grouped) { + const matched = this.activeOptionPath().some((p) => processedOption.key === p.key); + + if (matched) { + this.focusedOptionInfo.set({ index: -1, parentKey: processedOption.key }); + this.searchValue = ''; + this.onArrowDownKey(event); + } else { + this.onOptionChange({ originalEvent: event, value: processedOption }); } } - } else if (ObjectUtils.equals(this.value, this.getOptionValue(option), this.dataKey)) { - return [option]; + + event.preventDefault(); } + } + + onHomeKey(event) { + this.changeFocusedOptionIndex(event, this.findFirstOptionIndex()); - return null; + !this.overlayVisible && this.show(); + event.preventDefault(); } - show() { - this.overlayVisible = true; + onEndKey(event) { + this.changeFocusedOptionIndex(event, this.findLastOptionIndex()); + + !this.overlayVisible && this.show(); + event.preventDefault(); } - hide() { - this.overlayVisible = false; - this.cd.markForCheck(); + onEnterKey(event) { + if (!this.overlayVisible) { + this.onArrowDownKey(event); + } else { + if (this.focusedOptionInfo().index !== -1) { + const processedOption = this.visibleOptions()[this.focusedOptionInfo().index]; + const grouped = this.isProccessedOptionGroup(processedOption); + + this.onOptionChange({ originalEvent: event, value: processedOption }); + !grouped && this.hide(); + } + } + + event.preventDefault(); + } + + onSpaceKey(event) { + this.onEnterKey(event); + } + + onEscapeKey(event) { + this.overlayVisible && this.hide(true); + event.preventDefault(); } - clear(event: Event) { - this.value = null; - this.selectionPath = null; - this.updateFilledState(); - this.onClear.emit(); - this.onModelChange(this.value); + onTabKey(event) { + if (this.focusedOptionInfo().index !== -1) { + const processedOption = this.visibleOptions()[this.focusedOptionInfo().index]; + const grouped = this.isProccessedOptionGroup(processedOption); + + !grouped && this.onOptionChange({ originalEvent: event, value: processedOption }); + } + + this.overlayVisible && this.hide(); + } + + onBackspaceKey(event) { + if (ObjectUtils.isNotEmpty(this.modelValue()) && this.showClear) { + this.clear(); + } + event.stopPropagation(); - this.cd.markForCheck(); } - onClick(event: Event) { + equalityKey() { + return this.optionValue ? null : this.dataKey; + } + + updateModel(value, event?) { + this.value = value; + this.onModelChange(value); + this.modelValue.set(value); + + this.onChange.emit({ + originalEvent: event, + value: value + }); + } + + autoUpdateModel() { + if (this.selectOnFocus && this.autoOptionFocus && !this.hasSelectedOption()) { + this.focusedOptionInfo().index = this.findFirstFocusedOptionIndex(); + this.onOptionChange({ originalEvent: null, processedOption: this.visibleOptions()[this.focusedOptionInfo().index], isHide: false }); + + !this.overlayVisible && this.focusedOptionInfo.set({ index: -1, level: 0, parentKey: '' }); + } + } + + scrollInView(index = -1) { + const id = index !== -1 ? `${this.id}_${index}` : this.focusedOptionId; + const element = DomHandler.findSingle(this.panelViewChild?.nativeElement, `li[id="${id}"]`); + + if (element) { + element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'start' }); + } + } + + changeFocusedOptionIndex(event, index) { + if (this.focusedOptionInfo().index !== index) { + const focusedOptionInfo = this.focusedOptionInfo(); + this.focusedOptionInfo.set({ ...focusedOptionInfo, index }); + this.scrollInView(); + } + + if (this.selectOnFocus) { + this.onOptionChange({ originalEvent: event, processedOption: this.visibleOptions()[index], isHide: false }); + } + } + + onOptionChange(event) { + const { originalEvent, value, isFocus, isHide } = event; + if (ObjectUtils.isEmpty(value)) return; + + const { index, level, parentKey, children } = value; + const grouped = ObjectUtils.isNotEmpty(children); + + const activeOptionPath = this.activeOptionPath().filter((p) => p.parentKey !== parentKey); + + activeOptionPath.push(value); + + this.focusedOptionInfo.set({ index, level, parentKey }); + this.activeOptionPath.set(activeOptionPath); + + grouped ? this.onOptionGroupSelect({ originalEvent, value, isFocus: false }) : this.onOptionSelect({ originalEvent, value, isFocus }); + isFocus && DomHandler.focus(this.focusInputViewChild.nativeElement); + } + + onOptionSelect(event) { + const { originalEvent, value, isFocus } = event; + const newValue = this.getOptionValue(value.option); + + const activeOptionPath = this.activeOptionPath(); + activeOptionPath.forEach((p) => (p.selected = true)); + + this.activeOptionPath.set(activeOptionPath); + this.updateModel(newValue, originalEvent); + isFocus && this.hide(true); + } + + onOptionGroupSelect(event) { + this.dirty = true; + this.onGroupChange.emit(event); + } + + onContainerClick(event: MouseEvent) { if (this.disabled) { return; } @@ -715,98 +1037,281 @@ export class CascadeSelect implements OnInit, AfterContentInit { this.show(); } - this.focusInputEl?.nativeElement.focus(); + this.focusInputViewChild?.nativeElement.focus(); } } - onFocus() { - this.focused = true; + isOptionMatched(processedOption) { + return this.isValidOption(processedOption) && this.getProccessedOptionLabel(processedOption).toLocaleLowerCase(this.searchLocale).startsWith(this.searchValue.toLocaleLowerCase(this.searchLocale)); } - onBlur() { - this.focused = false; + isOptionDisabled(option) { + return this.optionDisabled ? ObjectUtils.resolveFieldData(option, this.optionDisabled) : false; } - onOverlayAnimationDone(event: AnimationEvent) { - switch (event.toState) { - case 'void': - this.dirty = false; - break; + isValidOption(processedOption) { + return !!processedOption && !this.isOptionDisabled(processedOption.option); + } + + isValidSelectedOption(processedOption) { + return this.isValidOption(processedOption) && this.isSelected(processedOption); + } + + isSelected(processedOption) { + return this.activeOptionPath().some((p) => p.key === processedOption.key); + } + + findOptionPathByValue(value, processedOptions?, level = 0) { + processedOptions = processedOptions || (level === 0 && this.processedOptions()); + + if (!processedOptions) return null; + if (ObjectUtils.isEmpty(value)) return []; + + for (let i = 0; i < processedOptions.length; i++) { + const processedOption = processedOptions[i]; + + if (ObjectUtils.equals(value, this.getOptionValue(processedOption.option), this.equalityKey())) { + return [processedOption]; + } + + const matchedOptions = this.findOptionPathByValue(value, processedOption.children, level + 1); + + if (matchedOptions) { + matchedOptions.unshift(processedOption); + + return matchedOptions; + } } } - writeValue(value: any): void { - this.value = value; - this.updateSelectionPath(); - this.cd.markForCheck(); + findFirstOptionIndex() { + return this.visibleOptions().findIndex((processedOption) => this.isValidOption(processedOption)); } - registerOnChange(fn: Function): void { - this.onModelChange = fn; + findLastOptionIndex() { + return ObjectUtils.findLastIndex(this.visibleOptions(), (processedOption) => this.isValidOption(processedOption)); } - registerOnTouched(fn: Function): void { - this.onModelTouched = fn; + findNextOptionIndex(index) { + const matchedOptionIndex = + index < this.visibleOptions().length - 1 + ? this.visibleOptions() + .slice(index + 1) + .findIndex((processedOption) => this.isValidOption(processedOption)) + : -1; + + return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : index; } - setDisabledState(val: boolean): void { - this.disabled = val; - this.cd.markForCheck(); + findPrevOptionIndex(index) { + const matchedOptionIndex = index > 0 ? ObjectUtils.findLastIndex(this.visibleOptions().slice(0, index), (processedOption) => this.isValidOption(processedOption)) : -1; + + return matchedOptionIndex > -1 ? matchedOptionIndex : index; + } + + findSelectedOptionIndex() { + return this.visibleOptions().findIndex((processedOption) => this.isValidSelectedOption(processedOption)); + } + + findFirstFocusedOptionIndex() { + const selectedIndex = this.findSelectedOptionIndex(); + + return selectedIndex < 0 ? this.findFirstOptionIndex() : selectedIndex; + } + + findLastFocusedOptionIndex() { + const selectedIndex = this.findSelectedOptionIndex(); + + return selectedIndex < 0 ? this.findLastOptionIndex() : selectedIndex; } - label() { - if (this.selectionPath) { - return this.getOptionLabel(this.selectionPath[this.selectionPath.length - 1]); + searchOptions(event, char) { + this.searchValue = (this.searchValue || '') + char; + + let optionIndex = -1; + let matched = false; + const focusedOptionInfo = this.focusedOptionInfo(); + + if (focusedOptionInfo.index !== -1) { + optionIndex = this.visibleOptions() + .slice(focusedOptionInfo.index) + .findIndex((processedOption) => this.isOptionMatched(processedOption)); + optionIndex = + optionIndex === -1 + ? this.visibleOptions() + .slice(0, focusedOptionInfo.index) + .findIndex((processedOption) => this.isOptionMatched(processedOption)) + : optionIndex + focusedOptionInfo.index; + } else { + optionIndex = this.visibleOptions().findIndex((processedOption) => this.isOptionMatched(processedOption)); + } + + if (optionIndex !== -1) { + matched = true; + } + + if (optionIndex === -1 && focusedOptionInfo.index === -1) { + optionIndex = this.findFirstFocusedOptionIndex(); + } + + if (optionIndex !== -1) { + this.changeFocusedOptionIndex(event, optionIndex); + } + + if (this.searchTimeout) { + clearTimeout(this.searchTimeout); } - return this.placeholder || 'p-emptylabel'; + this.searchTimeout = setTimeout(() => { + this.searchValue = ''; + this.searchTimeout = null; + }, 500); + + return matched; } - onKeyDown(event: any) { - switch (event.code) { - case 'Down': - case 'ArrowDown': - if (this.overlayVisible) { - DomHandler.findSingle(this.panelEl?.nativeElement, '.p-cascadeselect-item').children[0].focus(); - } else if (event.altKey && this.options && this.options.length) { - this.show(); - } - event.preventDefault(); - break; + hide(event?, isFocus = false) { + const _hide = () => { + this.overlayVisible = false; + this.activeOptionPath.set([]); + this.focusedOptionInfo.set({ index: -1, level: 0, parentKey: '' }); - case 'Space': - case 'Enter': - if (!this.overlayVisible) this.show(); - else this.hide(); + isFocus && DomHandler.focus(this.focusInputViewChild.nativeElement); + this.onHide.emit(event); + }; - event.preventDefault(); - break; + setTimeout(() => { + _hide(); + }, 0); // For ScreenReaders + } - case 'Tab': - case 'Escape': - if (this.overlayVisible) { - this.hide(); - event.preventDefault(); - } + show(event?, isFocus = false) { + this.onShow.emit(event); + this.overlayVisible = true; + const activeOptionPath = this.hasSelectedOption() ? this.findOptionPathByValue(this.modelValue()) : this.activeOptionPath(); + this.activeOptionPath.set(activeOptionPath); + + let focusedOptionInfo; + + if (this.hasSelectedOption() && ObjectUtils.isNotEmpty(this.activeOptionPath())) { + const processedOption = this.activeOptionPath()[this.activeOptionPath().length - 1]; + + focusedOptionInfo = { index: this.autoOptionFocus ? processedOption.index : -1, level: processedOption.level, parentKey: processedOption.parentKey }; + } else { + focusedOptionInfo = { index: this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1, level: 0, parentKey: '' }; + } + + this.focusedOptionInfo.set(focusedOptionInfo); + + isFocus && DomHandler.focus(this.focusInputViewChild.nativeElement); + } + + clear(event?: MouseEvent) { + if (ObjectUtils.isNotEmpty(this.modelValue()) && this.showClear) { + this.updateModel(null); + this.focusedOptionInfo.set({ index: -1, level: 0, parentKey: '' }); + this.activeOptionPath.set([]); + this.onClear.emit(); + } + + event && event.stopPropagation(); + } + + getOptionLabel(option) { + return this.optionLabel ? ObjectUtils.resolveFieldData(option, this.optionLabel) : option; + } + + getOptionValue(option) { + return this.optionValue ? ObjectUtils.resolveFieldData(option, this.optionValue) : option; + } + + getOptionGroupLabel(optionGroup) { + return this.optionGroupLabel ? ObjectUtils.resolveFieldData(optionGroup, this.optionGroupLabel) : null; + } + + getOptionGroupChildren(optionGroup, level) { + return ObjectUtils.resolveFieldData(optionGroup, this.optionGroupChildren[level]); + } + + isOptionGroup(option, level) { + return Object.prototype.hasOwnProperty.call(option, this.optionGroupChildren[level]); + } + + isProccessedOptionGroup(processedOption) { + return ObjectUtils.isNotEmpty(processedOption.children); + } + + getProccessedOptionLabel(processedOption) { + const grouped = this.isProccessedOptionGroup(processedOption); + + return grouped ? this.getOptionGroupLabel(processedOption.option) : this.getOptionLabel(processedOption.option); + } + + constructor(private el: ElementRef, private cd: ChangeDetectorRef, private config: PrimeNGConfig, public overlayService: OverlayService) { + effect(() => { + const activeOptionPath = this.activeOptionPath(); + if (ObjectUtils.isNotEmpty(activeOptionPath)) { + this.overlayViewChild.alignOverlay(); + } + }); + } + + ngOnInit() { + this.id = this.id || UniqueComponentId(); + this.autoUpdateModel(); + } + + ngAfterContentInit() { + this.templates.forEach((item) => { + switch (item.getType()) { + case 'value': + this.valueTemplate = item.template; + break; + + case 'option': + this.optionTemplate = item.template; + break; + + case 'triggericon': + this.triggerIconTemplate = item.template; + break; + + case 'clearicon': + this.clearIconTemplate = item.template; + break; + + case 'optiongroupicon': + this.groupIconTemplate = item.template; + break; + } + }); + } + + onOverlayAnimationDone(event: AnimationEvent) { + switch (event.toState) { + case 'void': + this.dirty = false; break; } } - containerClass() { - return { - 'p-cascadeselect p-component p-inputwrapper': true, - 'p-disabled': this.disabled, - 'p-focus': this.focused - }; + writeValue(value: any): void { + this.value = value; + this.updateModel(value); + this.cd.markForCheck(); } - labelClass() { - return { - 'p-cascadeselect-label': true, - 'p-inputtext': true, - 'p-placeholder': this.label() === this.placeholder, - 'p-cascadeselect-label-empty': !this.value && (this.label() === 'p-emptylabel' || this.label().length === 0) - }; + registerOnChange(fn: Function): void { + this.onModelChange = fn; + } + + registerOnTouched(fn: Function): void { + this.onModelTouched = fn; + } + + setDisabledState(val: boolean): void { + this.disabled = val; + this.cd.markForCheck(); } } diff --git a/src/app/components/chart/chart.ts b/src/app/components/chart/chart.ts index 80ef6d465a5..2a364f11f9d 100755 --- a/src/app/components/chart/chart.ts +++ b/src/app/components/chart/chart.ts @@ -9,7 +9,7 @@ import Chart from 'chart.js/auto'; selector: 'p-chart', template: `
        - +
        `, changeDetection: ChangeDetectionStrategy.OnPush, @@ -44,6 +44,16 @@ export class UIChart implements AfterViewInit, OnDestroy { * @group Props */ @Input() responsive: boolean = true; + /** + * Used to define a string that autocomplete attribute the current element. + * @group Props + */ + @Input() ariaLabel: string | undefined; + /** + * Establishes relationships between the component and label(s) where its value should be one or more element IDs. + * @group Props + */ + @Input() ariaLabelledBy: string | undefined; /** * Data to display. * @group Props diff --git a/src/app/components/checkbox/checkbox.ts b/src/app/components/checkbox/checkbox.ts index a25e9472f49..d5d9196d8e3 100755 --- a/src/app/components/checkbox/checkbox.ts +++ b/src/app/components/checkbox/checkbox.ts @@ -1,10 +1,10 @@ import { CommonModule } from '@angular/common'; import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, EventEmitter, forwardRef, Input, NgModule, Output, QueryList, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core'; import { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR } from '@angular/forms'; -import { ObjectUtils } from 'primeng/utils'; import { PrimeTemplate, SharedModule } from 'primeng/api'; import { CheckIcon } from 'primeng/icons/check'; import { Nullable } from 'primeng/ts-helpers'; +import { ObjectUtils } from 'primeng/utils'; import { CheckboxChangeEvent } from './checkbox.interface'; export const CHECKBOX_VALUE_ACCESSOR: any = { @@ -19,46 +19,64 @@ export const CHECKBOX_VALUE_ACCESSOR: any = { @Component({ selector: 'p-checkbox', template: ` -
        -
        +
        +
        -
        +
        - - + + - +
        + {{ label }} `, providers: [CHECKBOX_VALUE_ACCESSOR], @@ -179,7 +197,7 @@ export class Checkbox implements ControlValueAccessor { */ @Output() onBlur: EventEmitter = new EventEmitter(); - @ViewChild('cb') inputViewChild: Nullable; + @ViewChild('input') inputViewChild: Nullable; @ContentChildren(PrimeTemplate) templates: Nullable>; @@ -205,45 +223,28 @@ export class Checkbox implements ControlValueAccessor { }); } - onClick(event: Event, checkbox: HTMLElement, focus: boolean) { - event.preventDefault(); + onClick(event: Event) { + if (!this.disabled && !this.readonly) { + this.inputViewChild.nativeElement.focus(); + let newModelValue; - if (this.disabled || this.readonly) { - return; - } - - this.updateModel(event); - - if (focus) { - checkbox.focus(); - } - } - - updateModel(event: Event) { - let newModelValue; + if (!this.binary) { + if (this.checked()) newModelValue = this.model.filter((val: object) => !ObjectUtils.equals(val, this.value)); + else newModelValue = this.model ? [...this.model, this.value] : [this.value]; - if (!this.binary) { - if (this.checked()) newModelValue = this.model.filter((val: object) => !ObjectUtils.equals(val, this.value)); - else newModelValue = this.model ? [...this.model, this.value] : [this.value]; + this.onModelChange(newModelValue); + this.model = newModelValue; - this.onModelChange(newModelValue); - this.model = newModelValue; - - if (this.formControl) { - this.formControl.setValue(newModelValue); + if (this.formControl) { + this.formControl.setValue(newModelValue); + } + } else { + newModelValue = this.checked() ? this.falseValue : this.trueValue; + this.model = newModelValue; + this.onModelChange(newModelValue); } - } else { - newModelValue = this.checked() ? this.falseValue : this.trueValue; - this.model = newModelValue; - this.onModelChange(newModelValue); - } - - this.onChange.emit({ checked: newModelValue, originalEvent: event }); - } - handleChange(event: Event) { - if (!this.readonly) { - this.updateModel(event); + this.onChange.emit({ checked: newModelValue, originalEvent: event }); } } @@ -258,10 +259,6 @@ export class Checkbox implements ControlValueAccessor { this.onBlur.emit(); } - focus() { - this.inputViewChild?.nativeElement.focus(); - } - writeValue(model: any): void { this.model = model; this.cd.markForCheck(); diff --git a/src/app/components/chip/chip.ts b/src/app/components/chip/chip.ts index c32d3f6cecf..020073ea7bb 100755 --- a/src/app/components/chip/chip.ts +++ b/src/app/components/chip/chip.ts @@ -17,7 +17,7 @@ import { TimesCircleIcon } from 'primeng/icons/timescircle'; - + diff --git a/src/app/components/chips/chips.ts b/src/app/components/chips/chips.ts index 5c91cb9fa1e..617267f1f2f 100755 --- a/src/app/components/chips/chips.ts +++ b/src/app/components/chips/chips.ts @@ -1,12 +1,13 @@ import { CommonModule, DOCUMENT } from '@angular/common'; -import { AfterContentInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, EventEmitter, forwardRef, Inject, Input, NgModule, Output, QueryList, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core'; +import { AfterContentInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, EventEmitter, Inject, Input, NgModule, Output, QueryList, TemplateRef, ViewChild, ViewEncapsulation, forwardRef } from '@angular/core'; import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'; import { PrimeTemplate, SharedModule } from 'primeng/api'; -import { InputTextModule } from 'primeng/inputtext'; -import { TimesCircleIcon } from 'primeng/icons/timescircle'; import { TimesIcon } from 'primeng/icons/times'; +import { TimesCircleIcon } from 'primeng/icons/timescircle'; +import { InputTextModule } from 'primeng/inputtext'; import { Nullable } from 'primeng/ts-helpers'; -import { ChipsAddEvent, ChipsRemoveEvent, ChipsClickEvent } from './chips.interface'; +import { UniqueComponentId } from 'primeng/utils'; +import { ChipsAddEvent, ChipsClickEvent, ChipsRemoveEvent } from './chips.interface'; export const CHIPS_VALUE_ACCESSOR: any = { provide: NG_VALUE_ACCESSOR, @@ -20,32 +21,70 @@ export const CHIPS_VALUE_ACCESSOR: any = { @Component({ selector: 'p-chips', template: ` -
        -
          -
        • +
          +
            +
          • - {{ field ? resolveFieldData(item, field) : item }} + {{ field ? resolveFieldData(item, field) : item }} - - + +
            • -
          • +
          • @@ -62,7 +101,7 @@ export const CHIPS_VALUE_ACCESSOR: any = { host: { class: 'p-element p-inputwrapper', '[class.p-inputwrapper-filled]': 'filled', - '[class.p-inputwrapper-focus]': 'focus', + '[class.p-inputwrapper-focus]': 'focused', '[class.p-chips-clearable]': 'showClear' }, providers: [CHIPS_VALUE_ACCESSOR], @@ -101,6 +140,11 @@ export class Chips implements AfterContentInit, ControlValueAccessor { * @group Props */ @Input() max: number | undefined; + /** + * Defines a string that labels the input for accessibility. + * @group Props + */ + @Input() ariaLabel: string | undefined; /** * Establishes relationships between the component and label(s) where its value should be one or more element IDs. * @group Props @@ -189,6 +233,8 @@ export class Chips implements AfterContentInit, ControlValueAccessor { @ViewChild('inputtext') inputViewChild!: ElementRef; + @ViewChild('container') containerViewChild!: ElementRef; + @ContentChildren(PrimeTemplate) templates!: QueryList; public itemTemplate: Nullable>; @@ -205,11 +251,19 @@ export class Chips implements AfterContentInit, ControlValueAccessor { valueChanged: Nullable; - focus: Nullable; + id = UniqueComponentId(); + + focused: Nullable; + + focusedIndex: Nullable; filled: Nullable; - private get isValueMaxLimited(): boolean { + get focusedOptionId() { + return this.focusedIndex !== null ? `${this.id}_chips_item_${this.focusedIndex}` : null; + } + + get isMaxedOut(): boolean { return this.max && this.value && this.max === this.value.length; } @@ -239,12 +293,65 @@ export class Chips implements AfterContentInit, ControlValueAccessor { this.updateFilledState(); } - onClick() { + onWrapperClick() { this.inputViewChild?.nativeElement.focus(); } + onContainerFocus() { + this.focused = true; + } + + onContainerBlur() { + this.focusedIndex = -1; + this.focused = false; + } + + onContainerKeyDown(event) { + switch (event.code) { + case 'ArrowLeft': + this.onArrowLeftKeyOn(); + break; + + case 'ArrowRight': + this.onArrowRightKeyOn(); + break; + + case 'Backspace': + this.onBackspaceKeyOn(event); + break; + + default: + break; + } + } + + onArrowLeftKeyOn() { + if (this.inputViewChild.nativeElement.value.length === 0 && this.value && this.value.length > 0) { + this.focusedIndex = this.focusedIndex === null ? this.value.length - 1 : this.focusedIndex - 1; + if (this.focusedIndex < 0) this.focusedIndex = 0; + } + } + + onArrowRightKeyOn() { + if (this.inputViewChild.nativeElement.value.length === 0 && this.value && this.value.length > 0) { + if (this.focusedIndex === this.value.length - 1) { + this.focusedIndex = null; + this.inputViewChild?.nativeElement.focus(); + } else { + this.focusedIndex++; + } + } + } + + onBackspaceKeyOn(event) { + if (this.focusedIndex !== null) { + this.removeItem(event, this.focusedIndex); + } + } + onInput() { this.updateFilledState(); + this.focusedIndex = null; } onPaste(event: any) { @@ -314,12 +421,14 @@ export class Chips implements AfterContentInit, ControlValueAccessor { } onInputFocus(event: FocusEvent) { - this.focus = true; + this.focused = true; + this.focusedIndex = null; this.onFocus.emit(event); } onInputBlur(event: FocusEvent) { - this.focus = false; + this.focused = false; + this.focusedIndex = null; if (this.addOnBlur && this.inputViewChild.nativeElement.value) { this.addItem(event, this.inputViewChild.nativeElement.value, false); } @@ -334,6 +443,9 @@ export class Chips implements AfterContentInit, ControlValueAccessor { let removedItem = this.value[index]; this.value = this.value.filter((val: any, i: number) => i != index); + this.focusedIndex = null; + this.inputViewChild.nativeElement.focus(); + this.onModelChange(this.value); this.onRemove.emit({ originalEvent: event, @@ -347,7 +459,7 @@ export class Chips implements AfterContentInit, ControlValueAccessor { this.value = this.value || []; if (item && item.trim().length) { - if ((this.allowDuplicate || this.value.indexOf(item) === -1) && !this.isValueMaxLimited) { + if ((this.allowDuplicate || this.value.indexOf(item) === -1) && !this.isMaxedOut) { this.value = [...this.value, item]; this.onModelChange(this.value); this.onAdd.emit({ @@ -374,48 +486,51 @@ export class Chips implements AfterContentInit, ControlValueAccessor { this.onClear.emit(); } - onKeydown(event: KeyboardEvent): void { - switch (event.which) { - //backspace - case 8: - if (this.inputViewChild.nativeElement.value.length === 0 && this.value && this.value.length > 0) { - this.value = [...this.value]; - let removedItem = this.value.pop(); - this.onModelChange(this.value); - this.onRemove.emit({ - originalEvent: event, - value: removedItem - }); - this.updateFilledState(); + onKeyDown(event) { + const inputValue = event.target.value; + + switch (event.code) { + case 'Backspace': + if (inputValue.length === 0 && this.value && this.value.length > 0) { + if (this.focusedIndex !== null) { + this.removeItem(event, this.focusedIndex); + } else this.removeItem(event, this.value.length - 1); } + break; - //enter - case 13: - this.addItem(event, this.inputViewChild.nativeElement.value, true); + case 'Enter': + if (inputValue && inputValue.trim().length && !this.isMaxedOut) { + this.addItem(event, inputValue, true); + } + break; - case 9: - if (this.addOnTab && this.inputViewChild.nativeElement.value !== '') { - this.addItem(event, this.inputViewChild.nativeElement.value, true); + case 'ArrowLeft': + if (inputValue.length === 0 && this.value && this.value.length > 0) { + this.containerViewChild?.nativeElement.focus(); } + + break; + + case 'ArrowRight': + event.stopPropagation(); break; default: - if (this.max && this.value && this.max === this.value.length) { - event.preventDefault(); - } else if (this.separator) { + if (this.separator) { if (this.separator === event.key || event.key.match(this.separator)) { - this.addItem(event, this.inputViewChild.nativeElement.value, true); + this.addItem(event, inputValue, true); } } + break; } } updateMaxedOut(): void { if (this.inputViewChild && this.inputViewChild.nativeElement) { - if (this.isValueMaxLimited) { + if (this.isMaxedOut) { // Calling `blur` is necessary because firefox does not call `onfocus` events // for disabled inputs, unlike chromium browsers. this.inputViewChild.nativeElement.blur(); diff --git a/src/app/components/colorpicker/colorpicker.ts b/src/app/components/colorpicker/colorpicker.ts index b8e4d5f1584..5816868295a 100755 --- a/src/app/components/colorpicker/colorpicker.ts +++ b/src/app/components/colorpicker/colorpicker.ts @@ -1,11 +1,11 @@ -import { NgModule, Component, ElementRef, Input, Output, OnDestroy, EventEmitter, forwardRef, Renderer2, ViewChild, ChangeDetectorRef, ChangeDetectionStrategy, ViewEncapsulation, Inject, PLATFORM_ID, TemplateRef } from '@angular/core'; -import { trigger, state, style, transition, animate, AnimationEvent } from '@angular/animations'; +import { AnimationEvent, animate, style, transition, trigger } from '@angular/animations'; import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common'; -import { DomHandler, ConnectedOverlayScrollHandler } from 'primeng/dom'; -import { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Inject, Input, NgModule, OnDestroy, Output, PLATFORM_ID, Renderer2, TemplateRef, ViewChild, ViewEncapsulation, forwardRef } from '@angular/core'; +import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'; import { OverlayService, PrimeNGConfig } from 'primeng/api'; -import { ZIndexUtils } from 'primeng/utils'; +import { ConnectedOverlayScrollHandler, DomHandler } from 'primeng/dom'; import { Nullable, VoidListener } from 'primeng/ts-helpers'; +import { ZIndexUtils } from 'primeng/utils'; import { ColorPickerChangeEvent } from './colorpicker.interface'; export const COLORPICKER_VALUE_ACCESSOR: any = { @@ -20,21 +20,29 @@ export const COLORPICKER_VALUE_ACCESSOR: any = { @Component({ selector: 'p-colorPicker', template: ` -
            +
            -
            -
            -
            -
            +
            +
            +
            +
            -
            -
            +
            +
            @@ -233,7 +242,7 @@ export class ColorPicker implements ControlValueAccessor, OnDestroy { this.pickHue(event); } - onHueTouchStart(event: TouchEvent) { + onHueDragStart(event: TouchEvent) { if (this.disabled) { return; } @@ -242,7 +251,7 @@ export class ColorPicker implements ControlValueAccessor, OnDestroy { this.pickHue(event, (event as TouchEvent).changedTouches[0]); } - onColorTouchStart(event: TouchEvent) { + onColorDragStart(event: TouchEvent) { if (this.disabled) { return; } @@ -278,7 +287,7 @@ export class ColorPicker implements ControlValueAccessor, OnDestroy { this.pickColor(event); } - onMove(event: TouchEvent) { + onDrag(event: TouchEvent) { if (this.colorDragging) { this.pickColor(event, event.changedTouches[0]); event.preventDefault(); @@ -473,18 +482,20 @@ export class ColorPicker implements ControlValueAccessor, OnDestroy { } onInputKeydown(event: KeyboardEvent) { - switch (event.which) { - //space - case 32: + switch (event.code) { + case 'Space': this.togglePanel(); event.preventDefault(); break; - //escape and tab - case 27: - case 9: + case 'Escape': + case 'Tab': this.hide(); break; + + default: + //NoOp + break; } } diff --git a/src/app/components/common/common.css b/src/app/components/common/common.css index 0ed78d752ca..6b23d729193 100755 --- a/src/app/components/common/common.css +++ b/src/app/components/common/common.css @@ -1,3 +1,8 @@ +.p-overflow-hidden { + overflow: hidden; + padding-right: var(--scrollbar-width); +} + @layer primeng { .p-component, .p-component * { @@ -52,11 +57,6 @@ height: 100%; } - .p-overflow-hidden { - overflow: hidden; - padding-right: var(--scrollbar-width); - } - .p-unselectable-text { user-select: none; } diff --git a/src/app/components/confirmdialog/confirmdialog.ts b/src/app/components/confirmdialog/confirmdialog.ts index c7a22811e5a..3e7f3e3d34d 100755 --- a/src/app/components/confirmdialog/confirmdialog.ts +++ b/src/app/components/confirmdialog/confirmdialog.ts @@ -283,7 +283,7 @@ export class ConfirmDialog implements AfterContentInit, OnInit, OnDestroy { * Element to receive the focus when the dialog gets visible. * @group Props */ - @Input() defaultFocus: 'accept' | 'reject' | 'close' = 'accept'; + @Input() defaultFocus: 'accept' | 'reject' | 'close' | 'none' = 'accept'; /** * Object literal to define widths per screen size. * @group Props diff --git a/src/app/components/contextmenu/contextmenu.ts b/src/app/components/contextmenu/contextmenu.ts index d5e59665310..e14c6a711a8 100755 --- a/src/app/components/contextmenu/contextmenu.ts +++ b/src/app/components/contextmenu/contextmenu.ts @@ -11,14 +11,12 @@ import { Inject, Input, NgModule, - OnChanges, OnDestroy, OnInit, Output, PLATFORM_ID, QueryList, Renderer2, - SimpleChanges, TemplateRef, ViewChild, ViewContainerRef, @@ -34,8 +32,8 @@ import { DomHandler } from 'primeng/dom'; import { AngleRightIcon } from 'primeng/icons/angleright'; import { RippleModule } from 'primeng/ripple'; import { TooltipModule } from 'primeng/tooltip'; -import { ObjectUtils, UniqueComponentId, ZIndexUtils } from 'primeng/utils'; import { Nullable, VoidListener } from 'primeng/ts-helpers'; +import { ObjectUtils, UniqueComponentId, ZIndexUtils } from 'primeng/utils'; @Component({ selector: 'p-contextMenuSub', @@ -47,7 +45,7 @@ import { Nullable, VoidListener } from 'primeng/ts-helpers'; [ngClass]="{ 'p-submenu-list': !root, 'p-contextmenu-root-list': root }" [@overlayAnimation]="visible" (@overlayAnimation.start)="onEnter($event, sublist)" - [id]="menuId + '_list'" + [attr.id]="menuId + '_list'" [tabindex]="tabindex" [attr.aria-label]="ariaLabel" [attr.aria-labelledBy]="ariaLabelledBy" @@ -61,7 +59,7 @@ import { Nullable, VoidListener } from 'primeng/ts-helpers';
          • - - + - - - {{ getItemLabel(processedItem) }} - - - - - {{ getItemProp(processedItem, 'badge') }} - - - - - - - - + + + {{ getItemLabel(processedItem) }} + + + + + {{ getItemProp(processedItem, 'badge') }} + + + + + + + - - - {{ getItemLabel(processedItem) }} - - - - - {{ getItemProp(processedItem, 'badge') }} - - - - - - + + + + {{ getItemLabel(processedItem) }} + + + + + {{ getItemProp(processedItem, 'badge') }} + + + + + + + + + +
            >; + itemTemplate: Nullable>; + container: HTMLDivElement | undefined; outsideClickListener: VoidListener; @@ -592,6 +601,12 @@ export class ContextMenu implements OnInit, AfterContentInit, OnDestroy { case 'submenuicon': this.submenuIconTemplate = item.template; break; + case 'item': + this.itemTemplate = item.template; + break; + default: + this.itemTemplate = item.template; + break; } }); } @@ -818,10 +833,8 @@ export class ContextMenu implements OnInit, AfterContentInit, OnDestroy { onEscapeKey(event: KeyboardEvent) { this.hide(); const processedItem = this.findVisibleItem(this.findFirstFocusedItemIndex()); - this.focusedItemInfo.mutate((value) => { - value.index = this.findFirstFocusedItemIndex(); - value.item = processedItem.item; - }); + const focusedItemInfo = this.focusedItemInfo(); + this.focusedItemInfo.set({ ...focusedItemInfo, index: this.findFirstFocusedItemIndex(), item: processedItem.item }); event.preventDefault(); } @@ -848,9 +861,8 @@ export class ContextMenu implements OnInit, AfterContentInit, OnDestroy { const grouped = this.isProccessedItemGroup(processedItem); if (!grouped) { - this.focusedItemInfo.mutate((value) => { - value.index = this.findFirstFocusedItemIndex(); - }); + const focusedItemInfo = this.focusedItemInfo(); + this.focusedItemInfo.set({ ...focusedItemInfo, index: this.findFirstFocusedItemIndex() }); } } @@ -1070,11 +1082,9 @@ export class ContextMenu implements OnInit, AfterContentInit, OnDestroy { changeFocusedItemIndex(event: any, index: number) { const processedItem = this.findVisibleItem(index); - if (this.focusedItemInfo().index !== index) { - this.focusedItemInfo.mutate((value) => { - value.index = index; - value.item = processedItem.item; - }); + const focusedItemInfo = this.focusedItemInfo(); + if (focusedItemInfo.index !== index) { + this.focusedItemInfo.set({ ...focusedItemInfo, index, item: processedItem.item }); this.scrollInView(); } } @@ -1133,9 +1143,22 @@ export class ContextMenu implements OnInit, AfterContentInit, OnDestroy { } } + removeAppendedElements() { + if (this.appendTo) { + if (this.appendTo === 'body') { + if (this.containerViewChild) { + this.renderer.removeChild(this.document.body, this.containerViewChild.nativeElement); + } + } else { + DomHandler.removeChild(this.containerViewChild.nativeElement, this.appendTo); + } + } + } + ngOnDestroy() { this.unbindGlobalListeners(); this.unbindTriggerEventListener(); + this.removeAppendedElements(); } } diff --git a/src/app/components/dataview/dataview.ts b/src/app/components/dataview/dataview.ts index bddf241b0ab..0808ac847c4 100755 --- a/src/app/components/dataview/dataview.ts +++ b/src/app/components/dataview/dataview.ts @@ -72,18 +72,16 @@ import { DataViewLayoutChangeEvent, DataViewLazyLoadEvent, DataViewPageEvent, Da [showPageLinks]="showPageLinks" [styleClass]="paginatorStyleClass" > +
            -
            - - - -
            -
            - - {{ emptyMessageLabel }} - - -
            + + +
            +
            + + {{ emptyMessageLabel }} + +
            @@ -320,9 +318,9 @@ export class DataView implements OnInit, AfterContentInit, OnDestroy, BlockableU _value: Nullable; - listItemTemplate: Nullable>; + listTemplate: Nullable>; - gridItemTemplate: Nullable>; + gridTemplate: Nullable>; itemTemplate: Nullable>; @@ -393,11 +391,13 @@ export class DataView implements OnInit, AfterContentInit, OnDestroy, BlockableU (this.templates as QueryList).forEach((item) => { switch (item.getType()) { case 'listItem': - this.listItemTemplate = item.template; + case 'list': + this.listTemplate = item.template; break; case 'gridItem': - this.gridItemTemplate = item.template; + case 'grid': + this.gridTemplate = item.template; break; case 'paginatorleft': @@ -444,11 +444,11 @@ export class DataView implements OnInit, AfterContentInit, OnDestroy, BlockableU updateItemTemplate() { switch (this.layout) { case 'list': - this.itemTemplate = this.listItemTemplate; + this.itemTemplate = this.listTemplate; break; case 'grid': - this.itemTemplate = this.gridItemTemplate; + this.itemTemplate = this.gridTemplate; break; } } diff --git a/src/app/components/dialog/dialog.ts b/src/app/components/dialog/dialog.ts index 86c95b75613..40bfc366306 100755 --- a/src/app/components/dialog/dialog.ts +++ b/src/app/components/dialog/dialog.ts @@ -79,8 +79,8 @@ const hideAnimation = animation([animate('{{transition}}', style({ transform: '{ >
            - {{ header }} - + {{ header }} + @@ -557,12 +557,6 @@ export class Dialog implements AfterContentInit, OnInit, OnDestroy { } } - ngOnChanges(changes: SimpleChanges): void { - if (changes.header) { - this.ariaLabelledBy = this.getAriaLabelledBy(); - } - } - getAriaLabelledBy() { return this.header !== null ? UniqueComponentId() + '_header' : null; } @@ -591,8 +585,7 @@ export class Dialog implements AfterContentInit, OnInit, OnDestroy { } if (this.modal) { - DomHandler.addClass(this.document.body, 'p-overflow-hidden'); - this.document.body.style.setProperty('--scrollbar-width', DomHandler.calculateScrollbarWidth() + 'px'); + DomHandler.blockBodyScroll(); } } @@ -603,8 +596,7 @@ export class Dialog implements AfterContentInit, OnInit, OnDestroy { } if (this.modal) { - DomHandler.removeClass(this.document.body, 'p-overflow-hidden'); - this.document.body.style.removeProperty('--scrollbar-width'); + DomHandler.unblockBodyScroll(); } if (!(this.cd as ViewRef).destroyed) { @@ -618,11 +610,9 @@ export class Dialog implements AfterContentInit, OnInit, OnDestroy { if (!this.modal && !this.blockScroll) { if (this.maximized) { - DomHandler.addClass(this.document.body, 'p-overflow-hidden'); - this.document.body.style.setProperty('--scrollbar-width', DomHandler.calculateScrollbarWidth() + 'px'); + DomHandler.blockBodyScroll(); } else { - DomHandler.removeClass(this.document.body, 'p-overflow-hidden'); - this.document.body.style.removeProperty('--scrollbar-width'); + DomHandler.unblockBodyScroll(); } } @@ -741,7 +731,7 @@ export class Dialog implements AfterContentInit, OnInit, OnDestroy { this.lastPageX = event.pageX; this.container.style.left = `${leftPos}px`; this.lastPageY = event.pageY; - this.container.style.top = `${leftPos}px`; + this.container.style.top = `${topPos}px`; } } } diff --git a/src/app/components/dock/dock.ts b/src/app/components/dock/dock.ts index 3816f45d475..6b402fe889e 100755 --- a/src/app/components/dock/dock.ts +++ b/src/app/components/dock/dock.ts @@ -18,7 +18,7 @@ import { DomHandler } from 'primeng/dom';
            @@ -143,7 +144,7 @@ export class Messages implements AfterContentInit, OnDestroy { contentTemplate: TemplateRef | undefined; - constructor(@Optional() public messageService: MessageService, public el: ElementRef, public cd: ChangeDetectorRef) {} + constructor(@Optional() public messageService: MessageService, public el: ElementRef, public cd: ChangeDetectorRef, private config: PrimeNGConfig) {} ngAfterContentInit() { this.templates?.forEach((item) => { @@ -229,6 +230,9 @@ export class Messages implements AfterContentInit, OnDestroy { return null; } + get closeAriaLabel() { + return this.config.translation.aria ? this.config.translation.aria.close : undefined; + } ngOnDestroy() { if (this.messageSubscription) { diff --git a/src/app/components/multiselect/multiselect.css b/src/app/components/multiselect/multiselect.css index 285ca026914..a9b5679f6d5 100755 --- a/src/app/components/multiselect/multiselect.css +++ b/src/app/components/multiselect/multiselect.css @@ -17,6 +17,7 @@ overflow: hidden; flex: 1 1 auto; cursor: pointer; + display: flex; } .p-multiselect-label { @@ -42,7 +43,12 @@ .p-multiselect-token-icon { cursor: pointer; } - + .p-multiselect-token-label { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + max-width: 100px; + } .p-multiselect-items-wrapper { overflow: auto; } @@ -107,4 +113,4 @@ .p-multiselect-clearable { position: relative; } -} +} \ No newline at end of file diff --git a/src/app/components/multiselect/multiselect.interface.ts b/src/app/components/multiselect/multiselect.interface.ts index b410c752634..4721c38be4e 100644 --- a/src/app/components/multiselect/multiselect.interface.ts +++ b/src/app/components/multiselect/multiselect.interface.ts @@ -28,6 +28,21 @@ export interface MultiSelectChangeEvent { */ itemValue?: any; } +/** + * Custom change event. + * @see {@link MultiSelect.onSelectAllChange} + * @group Events + */ +export interface MultiSelectSelectAllChangeEvent { + /** + * Browser event. + */ + originalEvent: Event; + /** + * Boolean value indicates whether all data is selected. + */ + checked: boolean; +} /** * Custom filter event. * @see {@link MultiSelect.onFilter} diff --git a/src/app/components/multiselect/multiselect.ts b/src/app/components/multiselect/multiselect.ts index 9ddc4258e19..fce889703d9 100755 --- a/src/app/components/multiselect/multiselect.ts +++ b/src/app/components/multiselect/multiselect.ts @@ -7,8 +7,10 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component, + computed, ContentChild, ContentChildren, + effect, ElementRef, EventEmitter, forwardRef, @@ -19,6 +21,8 @@ import { Output, QueryList, Renderer2, + signal, + SimpleChanges, TemplateRef, ViewChild, ViewEncapsulation @@ -31,14 +35,14 @@ import { RippleModule } from 'primeng/ripple'; import { Scroller, ScrollerModule } from 'primeng/scroller'; import { ScrollerOptions } from 'primeng/api'; import { TooltipModule } from 'primeng/tooltip'; -import { ObjectUtils } from 'primeng/utils'; +import { ObjectUtils, UniqueComponentId } from 'primeng/utils'; import { CheckIcon } from 'primeng/icons/check'; import { SearchIcon } from 'primeng/icons/search'; import { TimesCircleIcon } from 'primeng/icons/timescircle'; import { TimesIcon } from 'primeng/icons/times'; import { ChevronDownIcon } from 'primeng/icons/chevrondown'; import { Nullable } from 'primeng/ts-helpers'; -import { MultiSelectRemoveEvent, MultiSelectFilterOptions, MultiSelectFilterEvent, MultiSelectBlurEvent, MultiSelectChangeEvent, MultiSelectFocusEvent, MultiSelectLazyLoadEvent } from './multiselect.interface'; +import { MultiSelectRemoveEvent, MultiSelectFilterOptions, MultiSelectFilterEvent, MultiSelectBlurEvent, MultiSelectChangeEvent, MultiSelectFocusEvent, MultiSelectLazyLoadEvent, MultiSelectSelectAllChangeEvent } from './multiselect.interface'; export const MULTISELECT_VALUE_ACCESSOR: any = { provide: NG_VALUE_ACCESSOR, @@ -50,26 +54,32 @@ export const MULTISELECT_VALUE_ACCESSOR: any = { selector: 'p-multiSelectItem', template: `
          • -
            +
            - - + +
            - {{ label }} + {{ label ?? 'empty' }}
            • `, @@ -79,6 +89,8 @@ export const MULTISELECT_VALUE_ACCESSOR: any = { } }) export class MultiSelectItem { + @Input() id: string | undefined; + @Input() option: any; @Input() selected: boolean | undefined; @@ -89,13 +101,19 @@ export class MultiSelectItem { @Input() itemSize: number | undefined; + @Input() focused: boolean | undefined; + + @Input() ariaPosInset: string | undefined; + + @Input() ariaSetSize: string | undefined; + @Input() template: TemplateRef | undefined; @Input() checkIconTemplate: TemplateRef | undefined; @Output() onClick: EventEmitter = new EventEmitter(); - @Output() onKeydown: EventEmitter = new EventEmitter(); + @Output() onMouseEnter: EventEmitter = new EventEmitter(); onOptionClick(event: Event) { this.onClick.emit({ @@ -105,10 +123,11 @@ export class MultiSelectItem { }); } - onOptionKeydown(event: Event) { - this.onKeydown.emit({ + onOptionMouseEnter(event: Event) { + this.onMouseEnter.emit({ originalEvent: event, - option: this.option + option: this.option, + selected: this.selected }); } } @@ -119,67 +138,61 @@ export class MultiSelectItem { @Component({ selector: 'p-multiSelect', template: ` -
            -
            +
            +
            -
            +
            - {{ valuesAsString || 'empty' }} + {{ label() || 'empty' }} -
            - {{ findLabelByValue(item) }} +
            + {{ getLabelByValue(item) }} - - + +
            - {{ placeholder || defaultLabel || 'empty' }} + {{ placeholder || defaultLabel || 'empty' }} - +
            - - - + + +
            -
            +
            - - + + - +
            @@ -197,7 +210,18 @@ export class MultiSelectItem { (onHide)="hide()" > -
            +
            + +
            @@ -205,29 +229,30 @@ export class MultiSelectItem { -
            -
            +
            +
            - -
            + +
            @@ -341,8 +382,7 @@ export class MultiSelectItem { host: { class: 'p-element p-inputwrapper', '[class.p-inputwrapper-filled]': 'filled', - '[class.p-inputwrapper-focus]': 'focus || overlayVisible', - '[class.p-multiselect-clearable]': 'showClear && !disabled' + '[class.p-inputwrapper-focus]': 'focused || overlayVisible' }, providers: [MULTISELECT_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, @@ -350,6 +390,16 @@ export class MultiSelectItem { styleUrls: ['./multiselect.css'] }) export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, AfterViewChecked, ControlValueAccessor { + /** + * Unique identifier of the component + * @group Props + */ + @Input() id: string | undefined; + /** + * Defines a string that labels the input for accessibility. + * @group Props + */ + @Input() ariaLabel: string | undefined; /** * Inline style of the element. * @group Props @@ -414,7 +464,7 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft * Index of the element in tabbing order. * @group Props */ - @Input() tabindex: number | undefined; + @Input() tabindex: number | undefined = 0; /** * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name). * @group Props @@ -430,11 +480,6 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft * @group Props */ @Input() name: string | undefined; - /** - * Label of the input for accessibility. - * @group Props - */ - @Input() label: string | undefined; /** * Establishes relationships between the component and label(s) where its value should be one or more element IDs. * @group Props @@ -443,18 +488,35 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft /** * Whether to show labels of selected item labels or use default label. * @group Props + * @defaultValue true + */ + @Input() set displaySelectedLabel(val: boolean) { + this._displaySelectedLabel = val; + } + get displaySelectedLabel(): boolean { + return this._displaySelectedLabel; + } + /** + * Decides how many selected item labels to show at most. + * @group Props + * @defaultValue 3 */ - @Input() displaySelectedLabel: boolean = true; + @Input() set maxSelectedLabels(val: number | null | undefined) { + this._maxSelectedLabels = val; + } + get maxSelectedLabels(): number | null | undefined { + return this._maxSelectedLabels; + } /** * Decides how many selected item labels to show at most. * @group Props */ - @Input() maxSelectedLabels: number = 3; + @Input() selectionLimit: number | undefined; /** * Label to display after exceeding max selected labels e.g. ({0} items selected), defaults "ellipsis" keyword to indicate a text-overflow. * @group Props */ - @Input() selectedItemsLabel: string = 'ellipsis'; + @Input() selectedItemsLabel: string = '{0} items selected'; /** * Whether to show the checkbox at header to toggle all items at once. * @group Props @@ -499,7 +561,7 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft * Name of the label field of an option group. * @group Props */ - @Input() optionGroupLabel: string | undefined; + @Input() optionGroupLabel: string | undefined = 'label'; /** * Name of the options field of an option group. * @group Props @@ -589,7 +651,7 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft * Defines the autocomplete is active. * @group Props */ - @Input() autocomplete: string = 'on'; + @Input() autocomplete: string = 'off'; /** * When enabled, a clear icon is displayed to clear the value. * @group Props @@ -650,7 +712,7 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft */ @Input() set defaultLabel(val: string | undefined) { this._defaultLabel = val; - this.updateLabel(); + console.warn('defaultLabel property is deprecated since 16.6.0, use placeholder instead'); } get defaultLabel(): string | undefined { return this._defaultLabel; @@ -661,7 +723,6 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft */ @Input() set placeholder(val: string | undefined) { this._placeholder = val; - this.updateLabel(); } get placeholder(): string | undefined { return this._placeholder; @@ -671,22 +732,21 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft * @group Props */ @Input() get options(): any[] | undefined { - return this._options; + const options = this._options(); + return options; } set options(val: any[] | undefined) { - this._options = val; - this.updateLabel(); + this._options.set(val); } /** * When specified, filter displays with this value. * @group Props */ @Input() get filterValue(): string | undefined | null { - return this._filterValue; + return this._filterValue(); } set filterValue(val: string | undefined | null) { - this._filterValue = val; - this.activateFilter(); + this._filterValue.set(val); } /** * Item size of item to be virtual scrolled. @@ -701,35 +761,35 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft console.warn('The itemSize property is deprecated, use virtualScrollItemSize property instead.'); } /** - * Number of maximum options that can be selected. + * Whether all data is selected. * @group Props */ - @Input() get selectionLimit(): number | undefined { - return this._selectionLimit; + @Input() get selectAll(): boolean | undefined | null { + return this._selectAll; } - set selectionLimit(val: number | undefined) { - this._selectionLimit = val; - this.checkSelectionLimit(); + set selectAll(value: boolean | undefined | null) { + this._selectAll = value; } - - @ViewChild('container') containerViewChild: Nullable; - - @ViewChild('overlay') overlayViewChild: Nullable; - - @ViewChild('filterInput') filterInputChild: Nullable; - - @ViewChild('in') accessibleViewChild: Nullable; - - @ViewChild('items') itemsViewChild: Nullable; - - @ViewChild('scroller') scroller: Nullable; - - @ContentChild(Footer) footerFacet: any; - - @ContentChild(Header) headerFacet: any; - - @ContentChildren(PrimeTemplate) templates: Nullable>; - + /** + * Fields used when filtering the options, defaults to optionLabel. + * @group Props + */ + @Input() focusOnHover: boolean = false; + /** + * Fields used when filtering the options, defaults to optionLabel. + * @group Props + */ + @Input() filterFields: any[] | undefined; + /** + * Determines if the option will be selected on focus. + * @group Props + */ + @Input() selectOnFocus: boolean = false; + /** + * Whether to focus on the first visible or selected element when the overlay panel is shown. + * @group Props + */ + @Input() autoOptionFocus: boolean = true; /** * Callback to invoke when value changes. * @param {MultiSelectChangeEvent} event - Custom change event. @@ -787,6 +847,42 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft * @group Emits */ @Output() onRemove: EventEmitter = new EventEmitter(); + /** + * Callback to invoke when all data is selected. + * @param {MultiSelectSelectAllChangeEvent} event - Custom select event. + * @group Emits + */ + @Output() onSelectAllChange: EventEmitter = new EventEmitter(); + + @ViewChild('container') containerViewChild: Nullable; + + @ViewChild('overlay') overlayViewChild: Nullable; + + @ViewChild('filterInput') filterInputChild: Nullable; + + @ViewChild('focusInput') focusInputViewChild: Nullable; + + @ViewChild('items') itemsViewChild: Nullable; + + @ViewChild('scroller') scroller: Nullable; + + @ViewChild('lastHiddenFocusableEl') lastHiddenFocusableElementOnOverlay: Nullable; + + @ViewChild('firstHiddenFocusableEl') firstHiddenFocusableElementOnOverlay: Nullable; + + @ViewChild('headerCheckbox') headerCheckboxViewChild: Nullable; + + @ContentChild(Footer) footerFacet: any; + + @ContentChild(Header) headerFacet: any; + + @ContentChildren(PrimeTemplate) templates: Nullable>; + + searchValue: Nullable; + + searchTimeout: any; + + _selectAll: boolean | undefined | null = null; _autoZIndex: boolean | undefined; @@ -804,7 +900,7 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft _selectionLimit: number | undefined; - public value: any[] | undefined | null; + value: any[]; public _filteredOptions: any[] | undefined | null; @@ -816,10 +912,6 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft public focus: boolean | undefined; - filled: boolean | undefined | null; - - public _filterValue: string | undefined | null; - public filtered: boolean | undefined; public itemTemplate: TemplateRef | undefined; @@ -856,18 +948,163 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft filterOptions: MultiSelectFilterOptions | undefined; - _options: any[] | undefined; - maxSelectionLimitReached: boolean | undefined; preventModelTouched: boolean | undefined; preventDocumentDefault: boolean | undefined; - constructor(public el: ElementRef, public renderer: Renderer2, public cd: ChangeDetectorRef, public zone: NgZone, public filterService: FilterService, public config: PrimeNGConfig, public overlayService: OverlayService) {} + focused: boolean = false; + + itemsWrapper: any; + + _displaySelectedLabel: boolean = true; + + _maxSelectedLabels: number = 3; + + modelValue = signal(null); + + _filterValue = signal(null); + + _options = signal(null); + + startRangeIndex = signal(-1); + + focusedOptionIndex = signal(-1); + + selectedOptions: any; + + get containerClass() { + return { + 'p-multiselect p-component p-inputwrapper': true, + 'p-disabled': this.disabled, + 'p-multiselect-clearable': this.showClear && !this.disabled, + 'p-multiselect-chip': this.display === 'chip', + 'p-focus': this.focused, + 'p-inputwrapper-filled': ObjectUtils.isNotEmpty(this.modelValue()), + 'p-inputwrapper-focus': this.focused || this.overlayVisible + }; + } + + get inputClass() { + return { + 'p-multiselect-label p-inputtext': true, + 'p-placeholder': (this.placeholder || this.defaultLabel) && (this.label() === this.placeholder || this.label() === this.defaultLabel), + 'p-multiselect-label-empty': !this.selectedItemsTemplate && (this.label() === 'p-emptylabel' || this.label().length === 0) + }; + } + + get panelClass() { + return { + 'p-multiselect-panel p-component': true, + 'p-input-filled': this.config.inputStyle === 'filled', + 'p-ripple-disabled': this.config.ripple === false + }; + } + + get labelClass() { + return { + 'p-multiselect-label': true, + 'p-placeholder': this.label() === this.placeholder || this.label() === this.defaultLabel, + 'p-multiselect-label-empty': !this.placeholder && !this.defaultLabel && (!this.modelValue() || this.modelValue().length === 0) + }; + } + + get emptyMessageLabel(): string { + return this.emptyMessage || this.config.getTranslation(TranslationKeys.EMPTY_MESSAGE); + } + + get emptyFilterMessageLabel(): string { + return this.emptyFilterMessage || this.config.getTranslation(TranslationKeys.EMPTY_FILTER_MESSAGE); + } + + get filled(): boolean { + if (typeof this.modelValue() === 'string') return !!this.modelValue(); + + return this.modelValue() || this.modelValue() != null || this.modelValue() != undefined; + } + + get isVisibleClearIcon(): boolean | undefined { + return this.modelValue() != null && this.modelValue() !== '' && ObjectUtils.isNotEmpty(this.modelValue()) && this.showClear && !this.disabled && this.filled; + } + + get toggleAllAriaLabel() { + return this.config.translation.aria ? this.config.translation.aria[this.allSelected() ? 'selectAll' : 'unselectAll'] : undefined; + } + + get closeAriaLabel() { + return this.config.translation.aria ? this.config.translation.aria.close : undefined; + } + + visibleOptions = computed(() => { + const options = this.group ? this.flatOptions(this.options) : this.options || []; + + if (this._filterValue()) { + const filteredOptions = this.filterService.filter(options, this.searchFields(), this._filterValue(), this.filterMatchMode, this.filterLocale); + if (this.group) { + const optionGroups = this.options || []; + const filtered = []; + + optionGroups.forEach((group) => { + const groupChildren = this.getOptionGroupChildren(group); + const filteredItems = groupChildren.filter((item) => filteredOptions.includes(item)); + + if (filteredItems.length > 0) filtered.push({ ...group, [typeof this.optionGroupChildren === 'string' ? this.optionGroupChildren : 'items']: [...filteredItems] }); + }); + + return this.flatOptions(filtered); + } + + return filteredOptions; + } + return options; + }); + + label = computed(() => { + let label; + const modelValue = this.modelValue(); + + if (modelValue && modelValue.length && this.displaySelectedLabel) { + if (ObjectUtils.isNotEmpty(this.maxSelectedLabels) && modelValue.length > this.maxSelectedLabels) { + return this.getSelectedItemsLabel(); + } else { + label = ''; + + for (let i = 0; i < modelValue.length; i++) { + if (i !== 0) { + label += ', '; + } + + label += this.getLabelByValue(modelValue[i]); + } + } + } else { + label = this.placeholder || this.defaultLabel || ''; + } + return label; + }); + + chipSelectedItems = computed(() => { + return ObjectUtils.isNotEmpty(this.maxSelectedLabels) && this.modelValue() && this.modelValue().length > this.maxSelectedLabels ? this.modelValue().slice(0, this.maxSelectedLabels) : this.modelValue(); + }); + + constructor(public el: ElementRef, public renderer: Renderer2, public cd: ChangeDetectorRef, public zone: NgZone, public filterService: FilterService, public config: PrimeNGConfig, public overlayService: OverlayService) { + effect(() => { + const modelValue = this.modelValue(); + const visibleOptions = this.visibleOptions(); + if (visibleOptions && ObjectUtils.isNotEmpty(visibleOptions) && modelValue) { + if (this.optionValue && this.optionLabel) { + this.selectedOptions = visibleOptions.filter((option) => modelValue.includes(option[this.optionLabel]) || modelValue.includes(option[this.optionValue])); + } else { + this.selectedOptions = [...modelValue]; + } + } + }); + } ngOnInit() { - this.updateLabel(); + this.id = this.id || UniqueComponentId(); + this.autoUpdateModel(); if (this.filterBy) { this.filterOptions = { @@ -960,295 +1197,526 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft this.overlayViewChild?.alignOverlay(); }, 1); }); - this.filtered = false; } } - getOptionLabel(option: any) { - return this.optionLabel ? ObjectUtils.resolveFieldData(option, this.optionLabel) : option && option.label != undefined ? option.label : option; - } + flatOptions(options) { + return (options || []).reduce((result, option, index) => { + result.push({ optionGroup: option, group: true, index }); - getOptionValue(option: any) { - return this.optionValue ? ObjectUtils.resolveFieldData(option, this.optionValue) : !this.optionLabel && option && option.value !== undefined ? option.value : option; - } + const optionGroupChildren = this.getOptionGroupChildren(option); - getOptionGroupLabel(optionGroup: any) { - return this.optionGroupLabel ? ObjectUtils.resolveFieldData(optionGroup, this.optionGroupLabel) : optionGroup && optionGroup.label != undefined ? optionGroup.label : optionGroup; - } + optionGroupChildren && optionGroupChildren.forEach((o) => result.push(o)); - getOptionGroupChildren(optionGroup: any) { - return this.optionGroupChildren ? ObjectUtils.resolveFieldData(optionGroup, this.optionGroupChildren) : optionGroup.items; + return result; + }, []); } - isOptionDisabled(option: any) { - let disabled = this.optionDisabled ? ObjectUtils.resolveFieldData(option, this.optionDisabled) : option && option.disabled !== undefined ? option.disabled : false; - return disabled || (this.maxSelectionLimitReached && !this.isSelected(option)); + autoUpdateModel() { + if (this.selectOnFocus && this.autoOptionFocus && !this.hasSelectedOption()) { + this.focusedOptionIndex.set(this.findFirstFocusedOptionIndex()); + const value = this.getOptionValue(this.visibleOptions()[this.focusedOptionIndex()]); + this.onOptionSelect({ originalEvent: null, option: [value] }); + } } - writeValue(value: any): void { + /** + * Updates the model value. + * @group Method + */ + public updateModel(value, event?) { this.value = value; - this.updateLabel(); - this.updateFilledState(); - this.checkSelectionLimit(); + this.onModelChange(value); + this.modelValue.set(value); + } - this.cd.markForCheck(); + onInputClick(event) { + event.stopPropagation(); + event.preventDefault(); + this.focusedOptionIndex.set(-1); } - checkSelectionLimit() { - if (this.selectionLimit && this.value && this.value.length === this.selectionLimit) { - this.maxSelectionLimitReached = true; + onOptionSelect(event, isFocus = false, index = -1) { + const { originalEvent, option } = event; + if (this.disabled || this.isOptionDisabled(option)) { + return; + } + + let selected = this.isSelected(option); + let value = null; + + if (selected) { + value = this.modelValue().filter((val) => !ObjectUtils.equals(val, this.getOptionValue(option), this.equalityKey())); } else { - this.maxSelectionLimitReached = false; + value = [...(this.modelValue() || []), this.getOptionValue(option)]; } - } - updateFilledState() { - this.filled = this.value && this.value.length > 0; - } + this.updateModel(value, originalEvent); + index !== -1 && this.focusedOptionIndex.set(index); - registerOnChange(fn: Function): void { - this.onModelChange = fn; - } + isFocus && DomHandler.focus(this.focusInputViewChild?.nativeElement); - registerOnTouched(fn: Function): void { - this.onModelTouched = fn; + this.onChange.emit({ + originalEvent: event, + value: value, + itemValue: option + }); } - setDisabledState(val: boolean): void { - this.disabled = val; - this.cd.markForCheck(); + findSelectedOptionIndex() { + return this.hasSelectedOption() ? this.visibleOptions().findIndex((option) => this.isValidSelectedOption(option)) : -1; } - onOptionClick(event: { originalEvent: Event; option: any }) { - let option = event.option; - if (this.isOptionDisabled(option)) { - return; - } - - let optionValue = this.getOptionValue(option); - let selectionIndex = this.findSelectionIndex(optionValue); - if (selectionIndex != -1) { - this.value = (this.value as any[]).filter((val, i) => i != selectionIndex); - this.onRemove.emit({ newValue: this.value, removed: optionValue }); + onOptionSelectRange(event, start = -1, end = -1) { + start === -1 && (start = this.findNearestSelectedOptionIndex(end, true)); + end === -1 && (end = this.findNearestSelectedOptionIndex(start)); - if (this.selectionLimit) { - this.maxSelectionLimitReached = false; - } - } else { - if (!this.selectionLimit || !this.value || this.value.length < this.selectionLimit) { - this.value = [...(this.value || []), optionValue]; - } + if (start !== -1 && end !== -1) { + const rangeStart = Math.min(start, end); + const rangeEnd = Math.max(start, end); + const value = this.visibleOptions() + .slice(rangeStart, rangeEnd + 1) + .filter((option) => this.isValidOption(option)) + .map((option) => this.getOptionValue(option)); - this.checkSelectionLimit(); + this.updateModel(value, event); } - - this.onModelChange(this.value); - this.onChange.emit({ originalEvent: event.originalEvent, value: this.value, itemValue: optionValue }); - this.updateLabel(); - this.updateFilledState(); } - isSelected(option: any) { - return this.findSelectionIndex(this.getOptionValue(option)) != -1; + searchFields() { + return (this.filterBy || this.optionLabel || 'label').split(','); } - findSelectionIndex(val: any): number { - let index = -1; + findNearestSelectedOptionIndex(index, firstCheckUp = false) { + let matchedOptionIndex = -1; - if (this.value) { - for (let i = 0; i < this.value.length; i++) { - if (ObjectUtils.equals(this.value[i], val, this.dataKey)) { - index = i; - break; - } + if (this.hasSelectedOption()) { + if (firstCheckUp) { + matchedOptionIndex = this.findPrevSelectedOptionIndex(index); + matchedOptionIndex = matchedOptionIndex === -1 ? this.findNextSelectedOptionIndex(index) : matchedOptionIndex; + } else { + matchedOptionIndex = this.findNextSelectedOptionIndex(index); + matchedOptionIndex = matchedOptionIndex === -1 ? this.findPrevSelectedOptionIndex(index) : matchedOptionIndex; } } - return index; + return matchedOptionIndex > -1 ? matchedOptionIndex : index; } - get toggleAllDisabled(): boolean { - let optionsToRender = this.optionsToRender; - if (!optionsToRender || optionsToRender.length === 0) { - return true; - } else { - for (let option of optionsToRender) { - if (!this.isOptionDisabled(option)) return false; - } + findPrevSelectedOptionIndex(index) { + const matchedOptionIndex = this.hasSelectedOption() && index > 0 ? ObjectUtils.findLastIndex(this.visibleOptions().slice(0, index), (option) => this.isValidSelectedOption(option)) : -1; - return true; - } + return matchedOptionIndex > -1 ? matchedOptionIndex : -1; } - toggleAll(event: Event) { - if (this.disabled || this.toggleAllDisabled || this.readonly) { - return; - } + findFirstFocusedOptionIndex() { + const selectedIndex = this.findFirstSelectedOptionIndex(); - let allChecked = this.allChecked; + return selectedIndex < 0 ? this.findFirstOptionIndex() : selectedIndex; + } - if (allChecked) this.uncheckAll(); - else this.checkAll(); + findFirstOptionIndex() { + return this.visibleOptions().findIndex((option) => this.isValidOption(option)); + } - this.onModelChange(this.value); - this.onChange.emit({ originalEvent: event, value: this.value }); - this.updateFilledState(); - this.updateLabel(); - event.preventDefault(); - event.stopPropagation(); + findFirstSelectedOptionIndex() { + return this.hasSelectedOption() ? this.visibleOptions().findIndex((option) => this.isValidSelectedOption(option)) : -1; } - checkAll() { - let optionsToRender = this.optionsToRender; - let val: any[] = []; + findNextSelectedOptionIndex(index) { + const matchedOptionIndex = + this.hasSelectedOption() && index < this.visibleOptions().length - 1 + ? this.visibleOptions() + .slice(index + 1) + .findIndex((option) => this.isValidSelectedOption(option)) + : -1; - optionsToRender.forEach((opt) => { - if (!this.group) { - let optionDisabled = this.isOptionDisabled(opt); - if (!optionDisabled || (optionDisabled && this.isSelected(opt))) { - val.push(this.getOptionValue(opt)); - } - } else { - let subOptions = this.getOptionGroupChildren(opt); + return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : -1; + } - if (subOptions) { - subOptions.forEach((option: any) => { - let optionDisabled = this.isOptionDisabled(option); - if (!optionDisabled || (optionDisabled && this.isSelected(option))) { - val.push(this.getOptionValue(option)); - } - }); - } - } - }); + equalityKey() { + return this.optionValue ? null : this.dataKey; + } - this.value = val; + hasSelectedOption() { + return ObjectUtils.isNotEmpty(this.modelValue()); } - uncheckAll() { - let optionsToRender = this.optionsToRender; - let val: any[] = []; + isValidSelectedOption(option) { + return this.isValidOption(option) && this.isSelected(option); + } - optionsToRender.forEach((opt) => { - if (!this.group) { - let optionDisabled = this.isOptionDisabled(opt); - if (optionDisabled && this.isSelected(opt)) { - val.push(this.getOptionValue(opt)); - } - } else { - if (opt.items) { - opt.items.forEach((option: any) => { - let optionDisabled = this.isOptionDisabled(option); - if (optionDisabled && this.isSelected(option)) { - val.push(this.getOptionValue(option)); - } - }); - } - } - }); + isOptionGroup(option) { + return (this.group || this.optionGroupLabel) && option.optionGroup && option.group; + } - this.value = val; + isValidOption(option) { + return option && !(this.isOptionDisabled(option) || this.isOptionGroup(option)); } - show() { - if (!this.overlayVisible) { - this.overlayVisible = true; - this.preventDocumentDefault = true; - this.cd.markForCheck(); - } + isOptionDisabled(option: any) { + let disabled = this.optionDisabled ? ObjectUtils.resolveFieldData(option, this.optionDisabled) : option && option.disabled !== undefined ? option.disabled : false; + return disabled || (this.maxSelectionLimitReached && !this.isSelected(option)); } - onOverlayAnimationStart(event: AnimationEvent) { - switch (event.toState) { - case 'visible': - this.virtualScroll && this.scroller?.setContentEl(this.itemsViewChild?.nativeElement); + isSelected(option) { + const optionValue = this.getOptionValue(option); + return (this.modelValue() || []).some((value) => ObjectUtils.equals(value, optionValue, this.equalityKey())); + } - if (this.filterInputChild && this.filterInputChild.nativeElement) { - this.preventModelTouched = true; + isOptionMatched(option) { + return this.isValidOption(option) && this.getOptionLabel(option).toLocaleLowerCase(this.filterLocale).startsWith(this.searchValue.toLocaleLowerCase(this.filterLocale)); + } - if (this.autofocusFilter) { - this.filterInputChild.nativeElement.focus(); - } - } + isEmpty() { + return !this._options() || (this.visibleOptions() && this.visibleOptions().length === 0); + } - this.onPanelShow.emit(); - break; + getOptionIndex(index, scrollerOptions) { + return this.virtualScrollerDisabled ? index : scrollerOptions && scrollerOptions.getItemOptions(index)['index']; + } - case 'void': - this.onModelTouched(); - break; + getAriaPosInset(index) { + return ( + (this.optionGroupLabel + ? index - + this.visibleOptions() + .slice(0, index) + .filter((option) => this.isOptionGroup(option)).length + : index) + 1 + ); + } + + get ariaSetSize() { + return this.visibleOptions().filter((option) => !this.isOptionGroup(option)).length; + } + + getLabelByValue(value) { + const options = this.group ? this.flatOptions(this._options()) : this._options() || []; + const matchedOption = options.find((option) => !this.isOptionGroup(option) && ObjectUtils.equals(this.getOptionValue(option), value, this.equalityKey())); + return matchedOption ? this.getOptionLabel(matchedOption) : null; + } + + getSelectedItemsLabel() { + let pattern = /{(.*?)}/; + + if (pattern.test(this.selectedItemsLabel)) { + return this.selectedItemsLabel.replace(this.selectedItemsLabel.match(pattern)[0], this.modelValue().length + ''); } + + return this.selectedItemsLabel; } - hide() { - this.overlayVisible = false; - if (this.resetFilterOnHide) { - this.resetFilter(); + getOptionLabel(option: any) { + return this.optionLabel ? ObjectUtils.resolveFieldData(option, this.optionLabel) : option && option.label != undefined ? option.label : option; + } + + getOptionValue(option: any) { + return this.optionValue ? ObjectUtils.resolveFieldData(option, this.optionValue) : !this.optionLabel && option && option.value !== undefined ? option.value : option; + } + + getOptionGroupLabel(optionGroup: any) { + return this.optionGroupLabel ? ObjectUtils.resolveFieldData(optionGroup, this.optionGroupLabel) : optionGroup && optionGroup.label != undefined ? optionGroup.label : optionGroup; + } + + getOptionGroupChildren(optionGroup: any) { + return this.optionGroupChildren ? ObjectUtils.resolveFieldData(optionGroup, this.optionGroupChildren) : optionGroup.items; + } + + onKeyDown(event: KeyboardEvent) { + if (this.disabled) { + event.preventDefault(); + return; + } + + const metaKey = event.metaKey || event.ctrlKey; + + switch (event.code) { + case 'ArrowDown': + this.onArrowDownKey(event); + break; + + case 'ArrowUp': + this.onArrowUpKey(event); + break; + + case 'Home': + this.onHomeKey(event); + break; + + case 'End': + this.onEndKey(event); + break; + + case 'PageDown': + this.onPageDownKey(event); + break; + + case 'PageUp': + this.onPageUpKey(event); + break; + + case 'Enter': + case 'Space': + this.onEnterKey(event); + break; + + case 'Escape': + this.onEscapeKey(event); + break; + + case 'Tab': + this.onTabKey(event); + break; + + case 'ShiftLeft': + case 'ShiftRight': + this.onShiftKey(); + break; + + default: + if (event.code === 'KeyA' && metaKey) { + const value = this.visibleOptions() + .filter((option) => this.isValidOption(option)) + .map((option) => this.getOptionValue(option)); + + this.updateModel(value, event); + + event.preventDefault(); + break; + } + + if (!metaKey && ObjectUtils.isPrintableCharacter(event.key)) { + !this.overlayVisible && this.show(); + this.searchOptions(event, event.key); + event.preventDefault(); + } + + break; } - this.onPanelHide.emit(); - this.cd.markForCheck(); } - resetFilter() { - if (this.filterInputChild && this.filterInputChild.nativeElement) { - this.filterInputChild.nativeElement.value = ''; + onFilterKeyDown(event: KeyboardEvent) { + switch (event.code) { + case 'ArrowDown': + this.onArrowDownKey(event); + break; + + case 'ArrowUp': + this.onArrowUpKey(event, true); + break; + + case 'ArrowLeft': + case 'ArrowRight': + this.onArrowLeftKey(event, true); + break; + + case 'Home': + this.onHomeKey(event, true); + break; + + case 'End': + this.onEndKey(event, true); + break; + + case 'Enter': + this.onEnterKey(event); + break; + + case 'Escape': + this.onEscapeKey(event); + break; + + case 'Tab': + this.onTabKey(event, true); + break; + + default: + break; } + } - this._filterValue = null; - this._filteredOptions = null; + onArrowLeftKey(event: KeyboardEvent, pressedInInputText: boolean = false) { + pressedInInputText && this.focusedOptionIndex.set(-1); } - close(event: Event) { - this.hide(); + onArrowDownKey(event) { + const optionIndex = this.focusedOptionIndex() !== -1 ? this.findNextOptionIndex(this.focusedOptionIndex()) : this.findFirstFocusedOptionIndex(); + + if (event.shiftKey) { + this.onOptionSelectRange(event, this.startRangeIndex(), optionIndex); + } + + this.changeFocusedOptionIndex(event, optionIndex); + !this.overlayVisible && this.show(); event.preventDefault(); event.stopPropagation(); } - clear(event: Event) { - this.value = null; - this.updateLabel(); - this.updateFilledState(); - this.checkSelectionLimit(); - this.onClear.emit(); - this.onModelChange(this.value); + onArrowUpKey(event, pressedInInputText = false) { + if (event.altKey && !pressedInInputText) { + if (this.focusedOptionIndex() !== -1) { + this.onOptionSelect(event, this.visibleOptions()[this.focusedOptionIndex()]); + } + + this.overlayVisible && this.hide(); + event.preventDefault(); + } else { + const optionIndex = this.focusedOptionIndex() !== -1 ? this.findPrevOptionIndex(this.focusedOptionIndex()) : this.findLastFocusedOptionIndex(); + + if (event.shiftKey) { + this.onOptionSelectRange(event, optionIndex, this.startRangeIndex()); + } + + this.changeFocusedOptionIndex(event, optionIndex); + + !this.overlayVisible && this.show(); + event.preventDefault(); + } event.stopPropagation(); } - onMouseclick(event: MouseEvent, input: HTMLInputElement) { - if (this.disabled || this.readonly || (event.target).isSameNode(this.accessibleViewChild?.nativeElement)) { - return; + onHomeKey(event, pressedInInputText = false) { + const { currentTarget } = event; + + if (pressedInInputText) { + const len = currentTarget.value.length; + + currentTarget.setSelectionRange(0, event.shiftKey ? len : 0); + this.focusedOptionIndex.set(-1); + } else { + let metaKey = event.metaKey || event.ctrlKey; + let optionIndex = this.findFirstOptionIndex(); + + if (event.shiftKey && metaKey) { + this.onOptionSelectRange(event, optionIndex, this.startRangeIndex()); + } + + this.changeFocusedOptionIndex(event, optionIndex); + + !this.overlayVisible && this.show(); } - this.onClick.emit(event); + event.preventDefault(); + } + + onEndKey(event, pressedInInputText = false) { + const { currentTarget } = event; + + if (pressedInInputText) { + const len = currentTarget.value.length; + currentTarget.setSelectionRange(event.shiftKey ? 0 : len, len); + this.focusedOptionIndex.set(-1); + } else { + let metaKey = event.metaKey || event.ctrlKey; + let optionIndex = this.findLastFocusedOptionIndex(); + + if (event.shiftKey && metaKey) { + this.onOptionSelectRange(event, this.startRangeIndex(), optionIndex); + } + + this.changeFocusedOptionIndex(event, optionIndex); + + !this.overlayVisible && this.show(); + } + + event.preventDefault(); + } - if (!this.overlayViewChild?.el?.nativeElement?.contains(event.target) && !DomHandler.hasClass(event.target, 'p-multiselect-token-icon')) { - if (this.overlayVisible) { - this.hide(); + onPageDownKey(event) { + this.scrollInView(this.visibleOptions().length - 1); + event.preventDefault(); + } + + onPageUpKey(event) { + this.scrollInView(0); + event.preventDefault(); + } + + onEnterKey(event) { + if (!this.overlayVisible) { + this.onArrowDownKey(event); + } else { + if (this.focusedOptionIndex() !== -1) { + if (event.shiftKey) { + this.onOptionSelectRange(event, this.focusedOptionIndex()); + } else { + this.onOptionSelect({ originalEvent: event, option: this.visibleOptions()[this.focusedOptionIndex()] }); + } + } + } + + event.preventDefault(); + } + + onEscapeKey(event) { + this.overlayVisible && this.hide(true); + event.preventDefault(); + } + + onDeleteKey(event: KeyboardEvent) { + if (this.showClear) { + this.clear(event); + event.preventDefault(); + } + } + + onTabKey(event, pressedInInputText = false) { + if (!pressedInInputText) { + if (this.overlayVisible && this.hasFocusableElements()) { + DomHandler.focus(event.shiftKey ? this.lastHiddenFocusableElementOnOverlay.nativeElement : this.firstHiddenFocusableElementOnOverlay.nativeElement); + + event.preventDefault(); } else { - this.show(); + if (this.focusedOptionIndex() !== -1) { + this.onOptionSelect({ originalEvent: event, option: this.visibleOptions()[this.focusedOptionIndex()] }); + } + + this.overlayVisible && this.hide(this.filter); } + } + } + + onShiftKey() { + this.startRangeIndex.set(this.focusedOptionIndex()); + } - input.focus(); + onContainerClick(event: any) { + if (this.disabled || this.readonly || (event.target).isSameNode(this.focusInputViewChild?.nativeElement)) { + return; + } + + if (event.target.tagName === 'INPUT' || event.target.getAttribute('data-pc-section') === 'clearicon' || event.target.closest('[data-pc-section="clearicon"]')) { + event.preventDefault(); + return; + } else if (!this.overlayViewChild || !this.overlayViewChild.el.nativeElement.contains(event.target)) { + this.overlayVisible ? this.hide(true) : this.show(true); } + this.focusInputViewChild?.nativeElement.focus({ preventScroll: true }); + this.onClick.emit(event); + this.cd.detectChanges(); } - removeChip(chip: MultiSelectItem, event: MouseEvent) { - this.value = (this.value).filter((val) => !ObjectUtils.equals(val, chip, this.dataKey)); - this.onModelChange(this.value); - this.checkSelectionLimit(); - this.onChange.emit({ originalEvent: event, value: this.value, itemValue: chip }); - this.updateLabel(); - this.updateFilledState(); + onFirstHiddenFocus(event) { + const focusableEl = + event.relatedTarget === this.focusInputViewChild?.nativeElement + ? DomHandler.getFirstFocusableElement(this.overlayViewChild?.overlayViewChild?.nativeElement, ':not([data-p-hidden-focusable="true"])') + : this.focusInputViewChild?.nativeElement; + + DomHandler.focus(focusableEl); } onInputFocus(event: Event) { - this.focus = true; + this.focused = true; + const focusedOptionIndex = this.focusedOptionIndex() !== -1 ? this.focusedOptionIndex() : this.overlayVisible && this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1; + this.focusedOptionIndex.set(focusedOptionIndex); + this.overlayVisible && this.scrollInView(this.focusedOptionIndex()); this.onFocus.emit({ originalEvent: event }); } onInputBlur(event: Event) { - this.focus = false; + this.focused = false; this.onBlur.emit({ originalEvent: event }); if (!this.preventModelTouched) { @@ -1257,233 +1725,341 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft this.preventModelTouched = false; } - onOptionKeydown(event: { originalEvent: Event; option: any }) { - if (this.readonly) { - return; - } + onFilterInputChange(event: KeyboardEvent) { + let value: string = (event.target as HTMLInputElement).value?.trim(); + this._filterValue.set(value); + this.focusedOptionIndex.set(-1); + this.onFilter.emit({ originalEvent: event, filter: this._filterValue() }); - switch ((event.originalEvent).which) { - //down - case 40: - var nextItem = this.findNextItem((event.originalEvent.target as any).parentElement); - if (nextItem) { - nextItem.focus(); - } + !this.virtualScrollerDisabled && this.scroller.scrollToIndex(0); + } - event.originalEvent.preventDefault(); - break; + onLastHiddenFocus(event) { + const focusableEl = + event.relatedTarget === this.focusInputViewChild?.nativeElement + ? DomHandler.getLastFocusableElement(this.overlayViewChild?.overlayViewChild?.nativeElement, ':not([data-p-hidden-focusable="true"])') + : this.focusInputViewChild?.nativeElement; - //up - case 38: - var prevItem = this.findPrevItem((event.originalEvent.target as any).parentElement); - if (prevItem) { - prevItem.focus(); - } + DomHandler.focus(focusableEl); + } - event.originalEvent.preventDefault(); - break; + onOptionMouseEnter(event, index) { + if (this.focusOnHover) { + this.changeFocusedOptionIndex(event, index); + } + } - //enter - case 13: - this.onOptionClick(event); - event.originalEvent.preventDefault(); - break; + onHeaderCheckboxKeyDown(event) { + if (this.disabled) { + event.preventDefault(); + + return; + } - case 27: - case 9: - this.hide(); + switch (event.code) { + case 'Space': + this.onToggleAll(event); + break; + case 'Enter': + this.onToggleAll(event); + break; + default: break; } } - findNextItem(item: any): HTMLElement | null { - let nextItem = item.nextElementSibling; - - if (nextItem) return DomHandler.hasClass(nextItem.children[0], 'p-disabled') || DomHandler.isHidden(nextItem.children[0]) || DomHandler.hasClass(nextItem, 'p-multiselect-item-group') ? this.findNextItem(nextItem) : nextItem.children[0]; - else return null; + onFilterBlur(event) { + this.focusedOptionIndex.set(-1); } - findPrevItem(item: any): HTMLElement | null { - let prevItem = item.previousElementSibling; + onHeaderCheckboxFocus() { + this.headerCheckboxFocus = true; + } - if (prevItem) return DomHandler.hasClass(prevItem.children[0], 'p-disabled') || DomHandler.isHidden(prevItem.children[0]) || DomHandler.hasClass(prevItem, 'p-multiselect-item-group') ? this.findPrevItem(prevItem) : prevItem.children[0]; - else return null; + onHeaderCheckboxBlur() { + this.headerCheckboxFocus = false; } - onKeydown(event: KeyboardEvent) { - switch (event.which) { - //down - case 40: - if (!this.overlayVisible && event.altKey) { - this.show(); - event.preventDefault(); - } - break; + onToggleAll(event) { + if (this.disabled || this.readonly) { + return; + } - //space - case 32: - if (!this.overlayVisible) { - this.show(); - event.preventDefault(); - } - break; + if (this.selectAll !== null) { + this.onSelectAllChange.emit({ + originalEvent: event, + checked: !this.allSelected() + }); + } else { + const value = this.allSelected() + ? [] + : this.visibleOptions() + .filter((option) => this.isValidOption(option)) + .map((option) => this.getOptionValue(option)); - //escape - case 27: - this.hide(); - break; + this.updateModel(value, event); + } + + DomHandler.focus(this.headerCheckboxViewChild.nativeElement); + this.headerCheckboxFocus = true; + + event.preventDefault(); + event.stopPropagation(); + } + + changeFocusedOptionIndex(event, index) { + if (this.focusedOptionIndex() !== index) { + this.focusedOptionIndex.set(index); + this.scrollInView(); } } - updateLabel() { - if (this.value && this.options && this.value.length && this.displaySelectedLabel) { - let label = ''; - for (let i = 0; i < this.value.length; i++) { - let itemLabel = this.findLabelByValue(this.value[i]); - if (itemLabel) { - if (label.length > 0) { - label = label + ', '; - } - label = label + itemLabel; - } - } + get virtualScrollerDisabled() { + return !this.virtualScroll; + } - if (this.value.length <= this.maxSelectedLabels || this.selectedItemsLabel === 'ellipsis') { - this.valuesAsString = label; - } else { - let pattern = /{(.*?)}/; - if (pattern.test(this.selectedItemsLabel)) { - this.valuesAsString = this.selectedItemsLabel.replace((this.selectedItemsLabel as any).match(pattern)[0], this.value.length + ''); - } else { - this.valuesAsString = this.selectedItemsLabel; - } + scrollInView(index = -1) { + const id = index !== -1 ? `${this.id}_${index}` : this.focusedOptionId; + if (this.itemsViewChild && this.itemsViewChild.nativeElement) { + const element = DomHandler.findSingle(this.itemsViewChild.nativeElement, `li[id="${id}"]`); + if (element) { + element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest' }); + } else if (!this.virtualScrollerDisabled) { + setTimeout(() => { + this.virtualScroll && this.scroller?.scrollToIndex(index !== -1 ? index : this.focusedOptionIndex()); + }, 0); } + } + } + + get focusedOptionId() { + return this.focusedOptionIndex() !== -1 ? `${this.id}_${this.focusedOptionIndex()}` : null; + } + + checkSelectionLimit() { + if (this.selectionLimit && this.value && this.value.length === this.selectionLimit) { + this.maxSelectionLimitReached = true; } else { - this.valuesAsString = this.placeholder || this.defaultLabel; + this.maxSelectionLimitReached = false; } } - findLabelByValue(val: any): string { - if (this.group) { - let label = null; + writeValue(value: any): void { + this.value = value; + this.modelValue.set(this.value); + this.checkSelectionLimit(); + this.cd.markForCheck(); + } - for (let i = 0; i < (this.options as any[]).length; i++) { - let subOptions = this.getOptionGroupChildren((this.options as any[])[i]); - if (subOptions) { - label = this.searchLabelByValue(val, subOptions); + public registerOnChange(fn: Function): void { + this.onModelChange = fn; + } - if (label) { - break; - } - } - } + public registerOnTouched(fn: Function): void { + this.onModelTouched = fn; + } - return label as string; - } else { - return this.searchLabelByValue(val, this.options as any[]); - } + setDisabledState(val: boolean): void { + this.disabled = val; + this.cd.markForCheck(); } - searchLabelByValue(val: any, options: any[]): string { - let label = null; + allSelected() { + return this.selectAll !== null ? this.selectAll : ObjectUtils.isNotEmpty(this.visibleOptions()) && this.visibleOptions().every((option) => this.isOptionGroup(option) || this.isOptionDisabled(option) || this.isSelected(option)); + } - for (let i = 0; i < options.length; i++) { - let option = options[i]; - let optionValue = this.getOptionValue(option); + /** + * Displays the panel. + * @group Method + */ + public show(isFocus?) { + this.overlayVisible = true; + const focusedOptionIndex = this.focusedOptionIndex() !== -1 ? this.focusedOptionIndex() : this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : -1; + this.focusedOptionIndex.set(focusedOptionIndex); - if ((val == null && optionValue == null) || ObjectUtils.equals(val, optionValue, this.dataKey)) { - label = this.getOptionLabel(option); - break; - } + if (isFocus) { + DomHandler.focus(this.focusInputViewChild?.nativeElement); } - return label; + this.cd.markForCheck(); } - get allChecked(): boolean { - let optionsToRender = this.optionsToRender; - if (!optionsToRender || optionsToRender.length === 0) { - return false; - } else { - let selectedDisabledItemsLength = 0; - let unselectedDisabledItemsLength = 0; - let selectedEnabledItemsLength = 0; - let visibleOptionsLength = this.group ? 0 : this.optionsToRender.length; - - for (let option of optionsToRender) { - if (!this.group) { - let disabled = this.isOptionDisabled(option); - let selected = this.isSelected(option); - - if (disabled) { - if (selected) selectedDisabledItemsLength++; - else unselectedDisabledItemsLength++; - } else { - if (selected) selectedEnabledItemsLength++; - else return false; - } - } else { - for (let opt of this.getOptionGroupChildren(option)) { - let disabled = this.isOptionDisabled(opt); - let selected = this.isSelected(opt); - - if (disabled) { - if (selected) selectedDisabledItemsLength++; - else unselectedDisabledItemsLength++; - } else { - if (selected) selectedEnabledItemsLength++; - else { - return false; - } + /** + * Hides the panel. + * @group Method + */ + public hide(isFocus?) { + this.overlayVisible = false; + this.focusedOptionIndex.set(-1); + + if (this.filter && this.resetFilterOnHide) { + this.resetFilter(); + } + + isFocus && DomHandler.focus(this.focusInputViewChild?.nativeElement); + this.onPanelHide.emit(); + this.cd.markForCheck(); + } + + onOverlayAnimationStart(event: AnimationEvent) { + switch (event.toState) { + case 'visible': + this.itemsWrapper = DomHandler.findSingle(this.overlayViewChild?.overlayViewChild?.nativeElement, this.virtualScroll ? '.p-scroller' : '.p-multiselect-items-wrapper'); + this.virtualScroll && this.scroller?.setContentEl(this.itemsViewChild?.nativeElement); + + if (this._options() && this._options().length) { + if (this.virtualScroll) { + const selectedIndex = ObjectUtils.isNotEmpty(this.modelValue()) ? this.focusedOptionIndex() : -1; + if (selectedIndex !== -1) { + this.scroller?.scrollToIndex(selectedIndex); } + } else { + let selectedListItem = DomHandler.findSingle(this.itemsWrapper, '.p-multiselect-item.p-highlight'); - visibleOptionsLength++; + if (selectedListItem) { + selectedListItem.scrollIntoView({ block: 'nearest', inline: 'center' }); + } } } - } + this.onPanelShow.emit(); + case 'void': + this.itemsWrapper = null; + this.onModelTouched(); + break; + } + } - return (visibleOptionsLength === selectedDisabledItemsLength || - visibleOptionsLength === selectedEnabledItemsLength || - (selectedEnabledItemsLength && visibleOptionsLength === selectedEnabledItemsLength + unselectedDisabledItemsLength + selectedDisabledItemsLength)) as boolean; + resetFilter() { + if (this.filterInputChild && this.filterInputChild.nativeElement) { + this.filterInputChild.nativeElement.value = ''; } + + this._filterValue.set(null); + this._filteredOptions = null; } - get optionsToRender(): any[] { - return (this._filteredOptions || this.options) as any[]; + close(event: Event) { + this.hide(); + event.preventDefault(); + event.stopPropagation(); } - get emptyMessageLabel(): string { - return this.emptyMessage || this.config.getTranslation(TranslationKeys.EMPTY_MESSAGE); + clear(event: Event) { + this.value = null; + this.checkSelectionLimit(); + this.updateModel(null, event); + this.selectedOptions = null; + this.onClear.emit(); + + event.stopPropagation(); } - get emptyFilterMessageLabel(): string { - return this.emptyFilterMessage || this.config.getTranslation(TranslationKeys.EMPTY_FILTER_MESSAGE); + removeOption(optionValue, event) { + let value = this.modelValue().filter((val) => !ObjectUtils.equals(val, optionValue, this.equalityKey())); + + this.updateModel(value, event); + this.onChange.emit({ + originalEvent: event, + value: value, + itemValue: optionValue + }); + event && event.stopPropagation(); } - hasFilter() { - return this._filterValue && this._filterValue.trim().length > 0; + findNextItem(item: any): HTMLElement | null { + let nextItem = item.nextElementSibling; + + if (nextItem) return DomHandler.hasClass(nextItem.children[0], 'p-disabled') || DomHandler.isHidden(nextItem.children[0]) || DomHandler.hasClass(nextItem, 'p-multiselect-item-group') ? this.findNextItem(nextItem) : nextItem.children[0]; + else return null; } - isEmpty() { - return !this.optionsToRender || (this.optionsToRender && this.optionsToRender.length === 0); + findPrevItem(item: any): HTMLElement | null { + let prevItem = item.previousElementSibling; + + if (prevItem) return DomHandler.hasClass(prevItem.children[0], 'p-disabled') || DomHandler.isHidden(prevItem.children[0]) || DomHandler.hasClass(prevItem, 'p-multiselect-item-group') ? this.findPrevItem(prevItem) : prevItem.children[0]; + else return null; } - onFilterInputChange(event: KeyboardEvent) { - this._filterValue = (event.target).value; - this.activateFilter(); - this.filtered = true; - this.onFilter.emit({ originalEvent: event, filter: this._filterValue }); - this.cd.detectChanges(); + findNextOptionIndex(index) { + const matchedOptionIndex = + index < this.visibleOptions().length - 1 + ? this.visibleOptions() + .slice(index + 1) + .findIndex((option) => this.isValidOption(option)) + : -1; + return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : index; + } + + findPrevOptionIndex(index) { + const matchedOptionIndex = index > 0 ? ObjectUtils.findLastIndex(this.visibleOptions().slice(0, index), (option) => this.isValidOption(option)) : -1; + + return matchedOptionIndex > -1 ? matchedOptionIndex : index; + } + + findLastSelectedOptionIndex() { + return this.hasSelectedOption() ? ObjectUtils.findLastIndex(this.visibleOptions(), (option) => this.isValidSelectedOption(option)) : -1; + } + + findLastFocusedOptionIndex() { + const selectedIndex = this.findLastSelectedOptionIndex(); + + return selectedIndex < 0 ? this.findLastOptionIndex() : selectedIndex; + } + + findLastOptionIndex() { + return ObjectUtils.findLastIndex(this.visibleOptions(), (option) => this.isValidOption(option)); + } + + searchOptions(event, char) { + this.searchValue = (this.searchValue || '') + char; + + let optionIndex = -1; + let matched = false; + + if (this.focusedOptionIndex() !== -1) { + optionIndex = this.visibleOptions() + .slice(this.focusedOptionIndex()) + .findIndex((option) => this.isOptionMatched(option)); + optionIndex = + optionIndex === -1 + ? this.visibleOptions() + .slice(0, this.focusedOptionIndex()) + .findIndex((option) => this.isOptionMatched(option)) + : optionIndex + this.focusedOptionIndex(); + } else { + optionIndex = this.visibleOptions().findIndex((option) => this.isOptionMatched(option)); + } + + if (optionIndex !== -1) { + matched = true; + } + + if (optionIndex === -1 && this.focusedOptionIndex() === -1) { + optionIndex = this.findFirstFocusedOptionIndex(); + } + + if (optionIndex !== -1) { + this.changeFocusedOptionIndex(event, optionIndex); + } + + if (this.searchTimeout) { + clearTimeout(this.searchTimeout); + } + + this.searchTimeout = setTimeout(() => { + this.searchValue = ''; + this.searchTimeout = null; + }, 500); + + return matched; } activateFilter() { if (this.hasFilter() && this._options) { - let searchFields: string[] = (this.filterBy || this.optionLabel || 'label').split(','); - if (this.group) { let filteredGroups = []; for (let optgroup of this.options as any[]) { - let filteredSubOptions = this.filterService.filter(this.getOptionGroupChildren(optgroup), searchFields, this.filterValue, this.filterMatchMode, this.filterLocale); + let filteredSubOptions = this.filterService.filter(this.getOptionGroupChildren(optgroup), this.searchFields(), this.filterValue, this.filterMatchMode, this.filterLocale); if (filteredSubOptions && filteredSubOptions.length) { filteredGroups.push({ ...optgroup, ...{ [this.optionGroupChildren]: filteredSubOptions } }); } @@ -1491,19 +2067,19 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft this._filteredOptions = filteredGroups; } else { - this._filteredOptions = this.filterService.filter(this.options as any[], searchFields, this._filterValue, this.filterMatchMode, this.filterLocale); + this._filteredOptions = this.filterService.filter(this.options as any[], this.searchFields(), this.filterValue, this.filterMatchMode, this.filterLocale); } } else { this._filteredOptions = null; } } - onHeaderCheckboxFocus() { - this.headerCheckboxFocus = true; + hasFocusableElements() { + return DomHandler.getFocusableElements(this.overlayViewChild.overlayViewChild.nativeElement, ':not([data-p-hidden-focusable="true"])').length > 0; } - onHeaderCheckboxBlur() { - this.headerCheckboxFocus = false; + hasFilter() { + return this._filterValue() && this._filterValue().trim().length > 0; } } diff --git a/src/app/components/orderlist/orderlist.ts b/src/app/components/orderlist/orderlist.ts index e2d074d091a..93f2cf3598b 100755 --- a/src/app/components/orderlist/orderlist.ts +++ b/src/app/components/orderlist/orderlist.ts @@ -1,36 +1,36 @@ +import { CdkDragDrop, DragDropModule, moveItemInArray } from '@angular/cdk/drag-drop'; +import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common'; import { - NgModule, + AfterContentInit, + AfterViewChecked, + ChangeDetectionStrategy, + ChangeDetectorRef, Component, + ContentChildren, ElementRef, - AfterViewChecked, - AfterContentInit, + EventEmitter, + Inject, Input, + NgModule, Output, - ContentChildren, + PLATFORM_ID, QueryList, + Renderer2, TemplateRef, - EventEmitter, ViewChild, - ChangeDetectionStrategy, - ViewEncapsulation, - ChangeDetectorRef, - Inject, - Renderer2, - PLATFORM_ID + ViewEncapsulation } from '@angular/core'; -import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common'; +import { FilterService, PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api'; import { ButtonModule } from 'primeng/button'; -import { SharedModule, PrimeTemplate, FilterService } from 'primeng/api'; import { DomHandler } from 'primeng/dom'; -import { ObjectUtils, UniqueComponentId } from 'primeng/utils'; -import { RippleModule } from 'primeng/ripple'; -import { CdkDragDrop, DragDropModule, moveItemInArray } from '@angular/cdk/drag-drop'; import { AngleDoubleDownIcon } from 'primeng/icons/angledoubledown'; import { AngleDoubleUpIcon } from 'primeng/icons/angledoubleup'; -import { AngleUpIcon } from 'primeng/icons/angleup'; import { AngleDownIcon } from 'primeng/icons/angledown'; +import { AngleUpIcon } from 'primeng/icons/angleup'; import { SearchIcon } from 'primeng/icons/search'; +import { RippleModule } from 'primeng/ripple'; import { Nullable } from 'primeng/ts-helpers'; +import { ObjectUtils, UniqueComponentId } from 'primeng/utils'; import { OrderListFilterEvent, OrderListFilterOptions, OrderListSelectionChangeEvent } from './orderlist.interface'; /** * OrderList is used to managed the order of a collection. @@ -43,36 +43,37 @@ import { OrderListFilterEvent, OrderListFilterOptions, OrderListSelectionChangeE [ngClass]="{ 'p-orderlist p-component': true, 'p-orderlist-striped': stripedRows, 'p-orderlist-controls-left': controlsPosition === 'left', 'p-orderlist-controls-right': controlsPosition === 'right' }" [ngStyle]="style" [class]="styleClass" + [attr.data-pc-section]="'root'" > -
            - - - -
            -
            -
            +
            +
            {{ header }}
            -
            +
            -
            +
            - - + +
            -
              +
                • -
              • +
                • -
              • +
                • @@ -135,96 +156,132 @@ export class OrderList implements AfterViewChecked, AfterContentInit { * @group Props */ @Input() header: string | undefined; + /** * Inline style of the component. * @group Props */ @Input() style: { [klass: string]: any } | null | undefined; + /** * Style class of the component. * @group Props */ @Input() styleClass: string | undefined; + + /** + * Index of the element in tabbing order. + * @group Props + */ + @Input() tabindex: number | undefined; + + /** + * Defines a string that labels the input for accessibility. + * @group Props + */ + @Input() ariaLabel: string | undefined; + + /** + * Specifies one or more IDs in the DOM that labels the input field. + * @group Props + */ + @Input() ariaLabelledBy: string | undefined; + /** * Inline style of the list element. * @group Props */ @Input() listStyle: { [klass: string]: any } | null | undefined; + /** * A boolean value that indicates whether the component should be responsive. * @group Props */ @Input() responsive: boolean | undefined; + /** * When specified displays an input field to filter the items on keyup and decides which fields to search against. * @group Props */ @Input() filterBy: string | undefined; + /** * Placeholder of the filter input. * @group Props */ @Input() filterPlaceholder: string | undefined; + /** * Locale to use in filtering. The default locale is the host environment's current locale. * @group Props */ @Input() filterLocale: string | undefined; + /** * When true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically. * @group Props */ @Input() metaKeySelection: boolean = true; + /** * Whether to enable dragdrop based reordering. * @group Props */ @Input() dragdrop: boolean = false; + /** * Defines the location of the buttons with respect to the list. * @group Props */ @Input() controlsPosition: 'left' | 'right' = 'left'; + /** * Defines a string that labels the filter input. * @group Props */ @Input() ariaFilterLabel: string | undefined; + /** * Defines how the items are filtered. * @group Props */ @Input() filterMatchMode: 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'notEquals' | 'in' | 'lt' | 'lte' | 'gt' | 'gte' = 'contains'; + /** * Indicates the width of the screen at which the component should change its behavior. * @group Props */ @Input() breakpoint: string = '960px'; + /** * Whether to displays rows with alternating colors. * @group Props */ @Input() stripedRows: boolean | undefined; + /** * When present, it specifies that the component should be disabled. * @group Props */ @Input() disabled: boolean = false; + /** * Function to optimize the dom operations by delegating to ngForTrackBy, default algorithm checks for object identity. * @group Props */ @Input() trackBy: Function = (index: number, item: any) => item; + /** * A list of values that are currently selected. * @group Props */ @Input() set selection(val: any[]) { - this._selection = val; + this.d_selection = val; } get selection(): any[] { - return this._selection; + return this.d_selection; } + /** * Array of values to be displayed in the component. * It represents the data source for the list of items. @@ -239,24 +296,28 @@ export class OrderList implements AfterViewChecked, AfterContentInit { get value(): any[] | undefined { return this._value; } + /** * Callback to invoke on selection change. * @param {*} any - selection instance. * @group Emits */ @Output() selectionChange: EventEmitter = new EventEmitter(); + /** * Callback to invoke when list is reordered. * @param {*} any - list instance. * @group Emits */ @Output() onReorder: EventEmitter = new EventEmitter(); + /** * Callback to invoke when selection changes. * @param {OrderListSelectionChangeEvent} event - Custom change event. * @group Emits */ @Output() onSelectionChange: EventEmitter = new EventEmitter(); + /** * Callback to invoke when filtering occurs. * @param {OrderListFilterEvent} event - Custom filter event. @@ -264,6 +325,20 @@ export class OrderList implements AfterViewChecked, AfterContentInit { */ @Output() onFilterEvent: EventEmitter = new EventEmitter(); + /** + * Callback to invoke when the list is focused + * @param {Event} event - Browser event. + * @group Emits + */ + @Output() onFocus: EventEmitter = new EventEmitter(); + + /** + * Callback to invoke when the list is blurred + * @param {Event} event - Browser event. + * @group Emits + */ + @Output() onBlur: EventEmitter = new EventEmitter(); + @ViewChild('listelement') listViewChild: Nullable; @ViewChild('filter') filterViewChild: Nullable; @@ -280,6 +355,22 @@ export class OrderList implements AfterViewChecked, AfterContentInit { public filterTemplate: Nullable>; + get moveUpAriaLabel() { + return this.config.translation.aria ? this.config.translation.aria.moveUp : undefined; + } + + get moveTopAriaLabel() { + return this.config.translation.aria ? this.config.translation.aria.moveTop : undefined; + } + + get moveDownAriaLabel() { + return this.config.translation.aria ? this.config.translation.aria.moveDown : undefined; + } + + get moveBottomAriaLabel() { + return this.config.translation.aria ? this.config.translation.aria.moveBottom : undefined; + } + moveUpIconTemplate: Nullable>; moveTopIconTemplate: Nullable>; @@ -292,7 +383,7 @@ export class OrderList implements AfterViewChecked, AfterContentInit { filterOptions: Nullable; - _selection: any[] = []; + d_selection: any[] = []; movedUp: Nullable; @@ -304,13 +395,27 @@ export class OrderList implements AfterViewChecked, AfterContentInit { id: string = UniqueComponentId(); + focused: boolean = false; + + focusedOptionIndex: any = -1; + + focusedOption: any | undefined; + public filterValue: Nullable; public visibleOptions: Nullable; public _value: any[] | undefined; - constructor(@Inject(DOCUMENT) private document: Document, @Inject(PLATFORM_ID) private platformId: any, private renderer: Renderer2, public el: ElementRef, public cd: ChangeDetectorRef, public filterService: FilterService) {} + constructor( + @Inject(DOCUMENT) private document: Document, + @Inject(PLATFORM_ID) private platformId: any, + private renderer: Renderer2, + public el: ElementRef, + public cd: ChangeDetectorRef, + public filterService: FilterService, + public config: PrimeNGConfig + ) {} ngOnInit() { if (this.responsive) { @@ -391,29 +496,40 @@ export class OrderList implements AfterViewChecked, AfterContentInit { } } - onItemClick(event: Event, item: any, index: number) { + onItemClick(event, item: any, index?: number, selectedId?: string) { this.itemTouched = false; - let selectedIndex = ObjectUtils.findIndexInList(item, this.selection); + let focusedIndex = index ? index : ObjectUtils.findIndexInList(this.focusedOption, this.value); + let selectedIndex = ObjectUtils.findIndexInList(item, this.d_selection); let selected = selectedIndex !== -1; let metaSelection = this.itemTouched ? false : this.metaKeySelection; - if (metaSelection && event instanceof MouseEvent) { - let metaKey = event.metaKey || event.ctrlKey || event.shiftKey; + if (selectedId) { + this.focusedOptionIndex = selectedId; + } + + if (metaSelection) { + let metaKey = event.metaKey || event.ctrlKey; if (selected && metaKey) { - this._selection = this._selection.filter((val) => val !== item); + this.d_selection = this.d_selection.filter((val, focusedIndex) => focusedIndex !== selectedIndex); } else { - this._selection = metaKey ? [...this._selection, item] : [item]; + this.d_selection = metaKey ? (this.d_selection ? [...this.d_selection] : []) : []; + ObjectUtils.insertIntoOrderedArray(item, focusedIndex, this.d_selection, this.value); } } else { - this._selection = [item]; + if (selected) { + this.d_selection = this.d_selection.filter((val, focusedIndex) => focusedIndex !== selectedIndex); + } else { + this.d_selection = this.d_selection ? [...this.d_selection] : []; + ObjectUtils.insertIntoOrderedArray(item, focusedIndex, this.d_selection, this.value); + } } //binding - this.selectionChange.emit(this._selection); + this.selectionChange.emit(this.d_selection); //event - this.onSelectionChange.emit({ originalEvent: event, value: this._selection }); + this.onSelectionChange.emit({ originalEvent: event, value: this.d_selection }); } onFilterKeyup(event: KeyboardEvent) { @@ -457,7 +573,7 @@ export class OrderList implements AfterViewChecked, AfterContentInit { } isSelected(item: any) { - return ObjectUtils.findIndexInList(item, this.selection) !== -1; + return ObjectUtils.findIndexInList(item, this.d_selection) !== -1; } isEmpty() { @@ -567,42 +683,198 @@ export class OrderList implements AfterViewChecked, AfterContentInit { } moveItemInArray(this.value as any[], previousIndex, currentIndex); + this.changeFocusedOptionIndex(currentIndex); this.onReorder.emit([event.item.data]); } } - onItemKeydown(event: KeyboardEvent, item: any, index: number) { - let listItem = event.currentTarget; + onListFocus(event) { + const focusableEl = DomHandler.findSingle(this.listViewChild.nativeElement, '[data-p-highlight="true"]') || DomHandler.findSingle(this.listViewChild.nativeElement, '[data-pc-section="item"]'); - switch (event.which) { - //down - case 40: - var nextItem = this.findNextItem(listItem); - if (nextItem) { - nextItem.focus(); - } + if (focusableEl) { + const findIndex = ObjectUtils.findIndexInList(focusableEl, this.listViewChild.nativeElement.children); + this.focused = true; + const index = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : focusableEl ? findIndex : -1; + + this.changeFocusedOptionIndex(index); + } + + this.onFocus.emit(event); + } - event.preventDefault(); + onListBlur(event) { + this.focused = false; + this.focusedOption = null; + this.focusedOptionIndex = -1; + this.onBlur.emit(event); + } + + onItemKeydown(event: KeyboardEvent) { + switch (event.code) { + case 'ArrowDown': + this.onArrowDownKey(event); break; - //up - case 38: - var prevItem = this.findPrevItem(listItem); - if (prevItem) { - prevItem.focus(); - } + case 'ArrowUp': + this.onArrowUpKey(event); + break; + + case 'Home': + this.onHomeKey(event); + break; - event.preventDefault(); + case 'End': + this.onEndKey(event); break; - //enter - case 13: - this.onItemClick(event, item, index); - event.preventDefault(); + case 'Enter': + this.onEnterKey(event); + break; + + case 'Space': + this.onSpaceKey(event); + break; + + case 'KeyA': + if (event.ctrlKey) { + this.d_selection = [...this.value]; + this.selectionChange.emit(this.d_selection); + } + + default: break; } } + onOptionMouseDown(index) { + this.focused = true; + this.focusedOptionIndex = index; + } + + onArrowDownKey(event) { + const optionIndex = this.findNextOptionIndex(this.focusedOptionIndex); + + this.changeFocusedOptionIndex(optionIndex); + + if (event.shiftKey) { + this.onEnterKey(event); + } + + event.preventDefault(); + } + onArrowUpKey(event) { + const optionIndex = this.findPrevOptionIndex(this.focusedOptionIndex); + + this.changeFocusedOptionIndex(optionIndex); + + if (event.shiftKey) { + this.onEnterKey(event); + } + + event.preventDefault(); + } + + onHomeKey(event) { + if (event.ctrlKey && event.shiftKey) { + let visibleOptions = this.getVisibleOptions(); + let focusedIndex = ObjectUtils.findIndexInList(this.focusedOption, visibleOptions); + this.d_selection = [...this.value].slice(0, focusedIndex + 1); + this.selectionChange.emit(this.d_selection); + } else { + this.changeFocusedOptionIndex(0); + } + + event.preventDefault(); + } + + onEndKey(event) { + if (event.ctrlKey && event.shiftKey) { + let visibleOptions = this.getVisibleOptions(); + let focusedIndex = ObjectUtils.findIndexInList(this.focusedOption, visibleOptions); + this.d_selection = [...this.value].slice(focusedIndex, visibleOptions.length - 1); + this.selectionChange.emit(this.d_selection); + } else { + this.changeFocusedOptionIndex(DomHandler.find(this.listViewChild.nativeElement, '[data-pc-section="item"]').length - 1); + } + + event.preventDefault(); + } + + onEnterKey(event) { + this.onItemClick(event, this.focusedOption); + + event.preventDefault(); + } + + onSpaceKey(event) { + event.preventDefault(); + + if (event.shiftKey && this.selection && this.selection.length > 0) { + let visibleOptions = this.getVisibleOptions(); + let lastSelectedIndex = this.getLatestSelectedVisibleOptionIndex(visibleOptions); + + if (lastSelectedIndex !== -1) { + let focusedIndex = ObjectUtils.findIndexInList(this.focusedOption, visibleOptions); + this.d_selection = [...visibleOptions.slice(Math.min(lastSelectedIndex, focusedIndex), Math.max(lastSelectedIndex, focusedIndex) + 1)]; + this.selectionChange.emit(this.d_selection); + this.onSelectionChange.emit({ originalEvent: event, value: this.d_selection }); + + return; + } + } + + this.onEnterKey(event); + } + + findNextOptionIndex(index) { + const items = DomHandler.find(this.listViewChild.nativeElement, '[data-pc-section="item"]'); + const matchedOptionIndex = [...items].findIndex((link) => link.id === index); + + return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0; + } + + findPrevOptionIndex(index) { + const items = DomHandler.find(this.listViewChild.nativeElement, '[data-pc-section="item"]'); + const matchedOptionIndex = [...items].findIndex((link) => link.id === index); + + return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0; + } + + getLatestSelectedVisibleOptionIndex(visibleOptions: any[]): number { + const latestSelectedItem = [...this.d_selection].reverse().find((item) => visibleOptions.includes(item)); + + return latestSelectedItem !== undefined ? visibleOptions.indexOf(latestSelectedItem) : -1; + } + + getVisibleOptions() { + return this.visibleOptions && this.visibleOptions.length > 0 ? this.visibleOptions : this.value && this.value.length > 0 ? this.value : null; + } + + getFocusedOption(index: number) { + if (index === -1) return null; + + return this.visibleOptions && this.visibleOptions.length ? this.visibleOptions[index] : this.value && this.value.length ? this.value[index] : null; + } + + changeFocusedOptionIndex(index) { + const items = DomHandler.find(this.listViewChild.nativeElement, '[data-pc-section="item"]'); + + let order = index >= items.length ? items.length - 1 : index < 0 ? 0 : index; + + this.focusedOptionIndex = items[order] ? items[order].getAttribute('id') : -1; + this.focusedOption = this.getFocusedOption(order); + + this.scrollInView(this.focusedOptionIndex); + } + + scrollInView(id) { + const element = DomHandler.findSingle(this.listViewChild.nativeElement, `[data-pc-section="item"][id="${id}"]`); + + if (element) { + element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest' }); + } + } + findNextItem(item: any): HTMLElement | null { let nextItem = item.nextElementSibling; @@ -623,6 +895,10 @@ export class OrderList implements AfterViewChecked, AfterContentInit { } } + focusedOptionId() { + return this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : null; + } + createStyle() { if (isPlatformBrowser(this.platformId)) { if (!this.styleElement) { @@ -636,17 +912,17 @@ export class OrderList implements AfterViewChecked, AfterContentInit { .p-orderlist[${this.id}] { flex-direction: column; } - + .p-orderlist[${this.id}] .p-orderlist-controls { padding: var(--content-padding); flex-direction: row; } - + .p-orderlist[${this.id}] .p-orderlist-controls .p-button { margin-right: var(--inline-spacing); margin-bottom: 0; } - + .p-orderlist[${this.id}] .p-orderlist-controls .p-button:last-child { margin-right: 0; } diff --git a/src/app/components/organizationchart/organizationchart.ts b/src/app/components/organizationchart/organizationchart.ts index 042b9af3307..4709714e1e7 100755 --- a/src/app/components/organizationchart/organizationchart.ts +++ b/src/app/components/organizationchart/organizationchart.ts @@ -1,62 +1,61 @@ -import { NgModule, Component, ElementRef, Input, Output, AfterContentInit, EventEmitter, TemplateRef, Inject, forwardRef, ContentChildren, QueryList, ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef, OnDestroy } from '@angular/core'; -import { trigger, state, style, transition, animate } from '@angular/animations'; +import { animate, state, style, transition, trigger } from '@angular/animations'; import { CommonModule } from '@angular/common'; -import { SharedModule } from 'primeng/api'; -import { TreeNode } from 'primeng/api'; -import { PrimeTemplate } from 'primeng/api'; -import { Subject, Subscription } from 'rxjs'; +import { AfterContentInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, EventEmitter, Inject, Input, NgModule, OnDestroy, Output, QueryList, TemplateRef, ViewEncapsulation, forwardRef } from '@angular/core'; +import { PrimeTemplate, SharedModule, TreeNode } from 'primeng/api'; +import { DomHandler } from 'primeng/dom'; import { ChevronDownIcon } from 'primeng/icons/chevrondown'; import { ChevronUpIcon } from 'primeng/icons/chevronup'; -import { DomHandler } from 'primeng/dom'; -import { OrganizationChartNodeCollapseEvent, OrganizationChartNodeExpandEvent, OrganizationChartNodeSelectEvent, OrganizationChartNodeUnSelectEvent } from './organizationchart.interface'; import { Nullable } from 'primeng/ts-helpers'; +import { Subject, Subscription } from 'rxjs'; +import { OrganizationChartNodeCollapseEvent, OrganizationChartNodeExpandEvent, OrganizationChartNodeSelectEvent, OrganizationChartNodeUnSelectEvent } from './organizationchart.interface'; @Component({ selector: '[pOrganizationChartNode]', template: ` -
    - - + + - - + - + - - - + + - - + @@ -129,7 +128,7 @@ export class OrganizationChartNode implements OnDestroy { @Component({ selector: 'p-organizationChart', template: ` -
    +
    @@ -170,7 +209,7 @@ export const CALENDAR_VALUE_ACCESSOR: any = { {{ month.weekNumbers[j] }} - + +
    + {{ date.day }} +
    +
    {{ node.label }}
    - + - - + + - +
    -
    +
    +
    -
    +     		+
    		    
    +
    `, diff --git a/src/app/components/overlay/overlay.ts b/src/app/components/overlay/overlay.ts index 1b7d7047a87..32eee0082b2 100644 --- a/src/app/components/overlay/overlay.ts +++ b/src/app/components/overlay/overlay.ts @@ -3,6 +3,7 @@ import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common'; import { AfterContentInit, ChangeDetectionStrategy, + ChangeDetectorRef, Component, ContentChildren, ElementRef, @@ -65,7 +66,7 @@ const hideOverlayContentAnimation = animation([animate('{{hideTransitionParams}} 'p-overlay-right-start': modal && overlayResponsiveDirection === 'right-start', 'p-overlay-right-end': modal && overlayResponsiveDirection === 'right-end' }" - (click)="onOverlayClick($event)" + (click)="onOverlayClick()" >
    { this.documentKeyboardListener = this.renderer.listen(this.window, 'keydown', (event) => { - if (!this.overlayOptions.hideOnEscape || event.keyCode !== 27) { + if (this.overlayOptions.hideOnEscape === false || event.code !== 'Escape') { return; } diff --git a/src/app/components/overlaypanel/overlaypanel.ts b/src/app/components/overlaypanel/overlaypanel.ts index dc54dc80eac..c1e28583eb1 100755 --- a/src/app/components/overlaypanel/overlaypanel.ts +++ b/src/app/components/overlaypanel/overlaypanel.ts @@ -8,6 +8,7 @@ import { ContentChildren, ElementRef, EventEmitter, + HostListener, Inject, Input, NgModule, @@ -229,7 +230,7 @@ export class OverlayPanel implements AfterContentInit, OnDestroy { const documentTarget: any = this.el ? this.el.nativeElement.ownerDocument : this.document; this.documentClickListener = this.renderer.listen(documentTarget, documentEvent, (event) => { - if (!this.container?.contains(event.target) && !this.target.contains(event.target)) { + if (!this.container?.contains(event.target) && this.target !== event.target && !this.target.contains(event.target)) { this.hide(); } @@ -423,6 +424,11 @@ export class OverlayPanel implements AfterContentInit, OnDestroy { event.preventDefault(); } + @HostListener('document:keydown.escape', ['$event']) + onEscapeKeydown(event: KeyboardEvent) { + this.hide(); + } + onWindowResize() { if (this.overlayVisible && !DomHandler.isTouchDevice()) { this.hide(); diff --git a/src/app/components/package.json b/src/app/components/package.json index c934066f8f6..2446e0c6369 100644 --- a/src/app/components/package.json +++ b/src/app/components/package.json @@ -1,6 +1,6 @@ { "name": "primeng", - "version": "16.4.1", + "version": "17.0.0-rc.1", "repository": { "type": "git", "url": "https://github.com/primefaces/primeng" @@ -18,10 +18,10 @@ "module": "primeng.js", "typings": "primeng.d.ts", "peerDependencies": { - "@angular/core": "^16.2.0", - "@angular/common": "^16.2.0", - "@angular/forms": "^16.2.0", + "@angular/core": "^17.0.0", + "@angular/common": "^17.0.0", + "@angular/forms": "^17.0.0", "rxjs": "^6.0.0 || ^7.8.1", - "zone.js": "~0.13.0" + "zone.js": "~0.14.0" } -} +} \ No newline at end of file diff --git a/src/app/components/paginator/paginator.ts b/src/app/components/paginator/paginator.ts index d6c07db80a7..b3f39578822 100755 --- a/src/app/components/paginator/paginator.ts +++ b/src/app/components/paginator/paginator.ts @@ -1,18 +1,16 @@ -import { NgModule, Component, OnInit, Input, Output, ChangeDetectorRef, EventEmitter, TemplateRef, OnChanges, SimpleChanges, ChangeDetectionStrategy, ViewEncapsulation, AfterContentInit, ContentChildren, QueryList, ElementRef } from '@angular/core'; import { CommonModule } from '@angular/common'; +import { AfterContentInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, EventEmitter, Input, NgModule, OnChanges, OnInit, Output, QueryList, SimpleChanges, TemplateRef, ViewEncapsulation } from '@angular/core'; import { FormsModule } from '@angular/forms'; -import { DropdownModule } from 'primeng/dropdown'; -import { PrimeTemplate, SelectItem } from 'primeng/api'; -import { RippleModule } from 'primeng/ripple'; -import { SharedModule } from 'primeng/api'; -import { InputNumberModule } from 'primeng/inputnumber'; +import { PrimeNGConfig, PrimeTemplate, SelectItem, SharedModule } from 'primeng/api'; +import { DropdownChangeEvent, DropdownModule } from 'primeng/dropdown'; import { AngleDoubleLeftIcon } from 'primeng/icons/angledoubleleft'; import { AngleDoubleRightIcon } from 'primeng/icons/angledoubleright'; import { AngleLeftIcon } from 'primeng/icons/angleleft'; import { AngleRightIcon } from 'primeng/icons/angleright'; -import { PaginatorState } from './paginator.interface'; +import { InputNumberModule } from 'primeng/inputnumber'; +import { RippleModule } from 'primeng/ripple'; import { Nullable } from 'primeng/ts-helpers'; -import { DropdownChangeEvent } from 'primeng/dropdown'; +import { PaginatorState } from './paginator.interface'; /** * Paginator is a generic component to display content in paged format. * @group Components @@ -20,25 +18,50 @@ import { DropdownChangeEvent } from 'primeng/dropdown'; @Component({ selector: 'p-paginator', template: ` -
    -
    +
    +
    {{ currentPageReport }} - - - @@ -47,6 +70,7 @@ import { DropdownChangeEvent } from 'primeng/dropdown'; [ngModel]="getPage()" *ngIf="showJumpToPageDropdown" [disabled]="empty()" + [attr.aria-label]="getAriaLabel('jumpToPageDropdownLabel')" styleClass="p-paginator-page-options" (onChange)="onPageDropdownChange($event)" [appendTo]="dropdownAppendTo" @@ -54,13 +78,30 @@ import { DropdownChangeEvent } from 'primeng/dropdown'; > {{ currentPageReport }} - - - - -
    -
    -
    +
    +
    {{ sourceHeader }}
    -
    +
    -
    +
    - - + +
    -
      +
        • -
      • +
        • -
      • +
    -
    - - - -
    -
    -
    +
    +
    {{ targetHeader }}
    -
    +
    -
    +
    - - + +
    -
      +
        • -
      • +
        • -
      • +
    -
    - - - -
    @@ -265,6 +377,11 @@ export class PickList implements AfterViewChecked, AfterContentInit { * @group Props */ @Input() sourceHeader: string | undefined; + /** + * Index of the element in tabbing order. + * @group Props + */ + @Input() tabindex: number | undefined = 0; /** * Defines a string that labels the move to right button for accessibility. * @group Props @@ -507,6 +624,20 @@ export class PickList implements AfterViewChecked, AfterContentInit { */ @Output() onTargetFilter: EventEmitter = new EventEmitter(); + /** + * Callback to invoke when the list is focused + * @param {Event} event - Browser event. + * @group Emits + */ + @Output() onFocus: EventEmitter = new EventEmitter(); + + /** + * Callback to invoke when the list is blurred + * @param {Event} event - Browser event. + * @group Emits + */ + @Output() onBlur: EventEmitter = new EventEmitter(); + @ViewChild('sourcelist') listViewSourceChild: Nullable; @ViewChild('targetlist') listViewTargetChild: Nullable; @@ -517,6 +648,50 @@ export class PickList implements AfterViewChecked, AfterContentInit { @ContentChildren(PrimeTemplate) templates: Nullable>; + get moveUpAriaLabel() { + return this.upButtonAriaLabel ? this.upButtonAriaLabel : this.config.translation.aria ? this.config.translation.aria.moveUp : undefined; + } + + get moveTopAriaLabel() { + return this.topButtonAriaLabel ? this.topButtonAriaLabel : this.config.translation.aria ? this.config.translation.aria.moveTop : undefined; + } + + get moveDownAriaLabel() { + return this.downButtonAriaLabel ? this.downButtonAriaLabel : this.config.translation.aria ? this.config.translation.aria.moveDown : undefined; + } + + get moveBottomAriaLabel() { + return this.bottomButtonAriaLabel ? this.bottomButtonAriaLabel : this.config.translation.aria ? this.config.translation.aria.moveDown : undefined; + } + + get moveToTargetAriaLabel() { + return this.rightButtonAriaLabel ? this.rightButtonAriaLabel : this.config.translation.aria ? this.config.translation.aria.moveToTarget : undefined; + } + + get moveAllToTargetAriaLabel() { + return this.allRightButtonAriaLabel ? this.allRightButtonAriaLabel : this.config.translation.aria ? this.config.translation.aria.moveAllToTarget : undefined; + } + + get moveToSourceAriaLabel() { + return this.allLeftButtonAriaLabel ? this.allLeftButtonAriaLabel : this.config.translation.aria ? this.config.translation.aria.moveToSource : undefined; + } + + get moveAllToSourceAriaLabel() { + return this.allLeftButtonAriaLabel ? this.allLeftButtonAriaLabel : this.config.translation.aria ? this.config.translation.aria.moveAllToSource : undefined; + } + + get idSource() { + return this.id + '_source'; + } + + get idTarget() { + return this.id + '_target'; + } + + get focusedOptionId() { + return this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : null; + } + _breakpoint: string = '960px'; public itemTemplate: TemplateRef | undefined; @@ -597,9 +772,26 @@ export class PickList implements AfterViewChecked, AfterContentInit { viewChanged: boolean | undefined; + focusedOptionIndex: any = -1; + + focusedOption: any | undefined; + + focused: any = { + sourceList: false, + targetList: false + }; + mediaChangeListener: VoidListener; - constructor(@Inject(DOCUMENT) private document: Document, @Inject(PLATFORM_ID) private platformId: any, private renderer: Renderer2, public el: ElementRef, public cd: ChangeDetectorRef, public filterService: FilterService) { + constructor( + @Inject(DOCUMENT) private document: Document, + @Inject(PLATFORM_ID) private platformId: any, + private renderer: Renderer2, + public el: ElementRef, + public cd: ChangeDetectorRef, + public filterService: FilterService, + public config: PrimeNGConfig + ) { this.window = this.document.defaultView as Window; } @@ -723,12 +915,13 @@ export class PickList implements AfterViewChecked, AfterContentInit { } } - onItemClick(event: Event | any, item: any, selectedItems: any[], callback: EventEmitter) { + onItemClick(event: Event | any, item: any, selectedItems: any[], callback: EventEmitter, itemId?: string) { if (this.disabled) { return; } - let index = this.findIndexInSelection(item, selectedItems); + let index = this.findIndexInList(item, selectedItems); + if (itemId) this.focusedOptionIndex = itemId; let selected = index != -1; let metaSelection = this.itemTouched ? false : this.metaKeySelection; @@ -753,6 +946,11 @@ export class PickList implements AfterViewChecked, AfterContentInit { this.itemTouched = false; } + onOptionMouseDown(index, listType: number) { + this.focused[listType === this.SOURCE_LIST ? 'sourceList' : 'targetList'] = true; + this.focusedOptionIndex = index; + } + onSourceItemDblClick() { if (this.disabled) { return; @@ -1042,10 +1240,18 @@ export class PickList implements AfterViewChecked, AfterContentInit { } isSelected(item: any, selectedItems: any[]) { - return this.findIndexInSelection(item, selectedItems) != -1; + return this.findIndexInList(item, selectedItems) != -1; + } + + itemClass(item, id, selectedItems) { + return { + 'p-picklist-item': true, + 'p-highlight': this.isSelected(item, selectedItems), + 'p-focus': id === this.focusedOptionId + }; } - findIndexInSelection(item: any, selectedItems: any[]): number { + findIndexInList(item: any, selectedItems: any[]): number { return ObjectUtils.findIndexInList(item, selectedItems); } @@ -1105,6 +1311,220 @@ export class PickList implements AfterViewChecked, AfterContentInit { } } + onListFocus(event, listType) { + let listElement = this.getListElement(listType); + const selectedFirstItem = DomHandler.findSingle(listElement, 'li.p-picklist-item.p-highlight') || DomHandler.findSingle(listElement, 'li.p-picklist-item'); + const findIndex = ObjectUtils.findIndexInList(selectedFirstItem, listElement.children); + + this.focused[listType === this.SOURCE_LIST ? 'sourceList' : 'targetList'] = true; + const index = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : selectedFirstItem ? findIndex : -1; + + this.changeFocusedOptionIndex(index, listType); + this.onFocus.emit(event); + } + + onListBlur(event, listType) { + this.focused[listType === this.SOURCE_LIST ? 'sourceList' : 'targetList'] = false; + this.focusedOptionIndex = -1; + this.focusedOption = null; + this.onBlur.emit(event); + } + + getListElement(listType: number) { + return listType === this.SOURCE_LIST ? this.listViewSourceChild?.nativeElement : this.listViewTargetChild?.nativeElement; + } + + getListItems(listType: number) { + let listElemet = this.getListElement(listType); + + return DomHandler.find(listElemet, 'li.p-picklist-item'); + } + + getLatestSelectedVisibleOptionIndex(visibleList: any[], selectedItems: any[]): number { + const latestSelectedItem = [...selectedItems].reverse().find((item) => visibleList.includes(item)); + return latestSelectedItem !== undefined ? visibleList.indexOf(latestSelectedItem) : -1; + } + + getVisibleList(listType: number) { + if (listType === this.SOURCE_LIST) { + return this.visibleOptionsSource && this.visibleOptionsSource.length > 0 ? this.visibleOptionsSource : this.source && this.source.length > 0 ? this.source : null; + } + + return this.visibleOptionsTarget && this.visibleOptionsTarget.length > 0 ? this.visibleOptionsTarget : this.target && this.target.length > 0 ? this.target : null; + } + + setSelectionList(listType: number, selectedItems: any[]) { + if (listType === this.SOURCE_LIST) { + this.selectedItemsSource = selectedItems; + } else { + this.selectedItemsTarget = selectedItems; + } + } + + findNextOptionIndex(index: number, listType: number) { + const items = this.getListItems(listType); + + const matchedOptionIndex = [...items].findIndex((link) => link.id === index); + + return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0; + } + + findPrevOptionIndex(index: number, listType: number) { + const items = this.getListItems(listType); + const matchedOptionIndex = [...items].findIndex((link) => link.id === index); + + return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0; + } + + onItemKeyDown(event: Event | any, selectedItems: any[], callback: EventEmitter, listType: number) { + switch (event.code) { + case 'ArrowDown': + this.onArrowDownKey(event, selectedItems, callback, listType); + break; + + case 'ArrowUp': + this.onArrowUpKey(event, selectedItems, callback, listType); + break; + + case 'Home': + this.onHomeKey(event, selectedItems, callback, listType); + break; + + case 'End': + this.onEndKey(event, selectedItems, callback, listType); + break; + + case 'Enter': + this.onEnterKey(event, selectedItems, callback); + break; + + case 'Space': + this.onSpaceKey(event, selectedItems, callback, listType); + break; + + case 'KeyA': + if (event.ctrlKey) { + this.setSelectionList(listType, this.getVisibleList(listType)); + callback.emit({ items: selectedItems }); + event.preventDefault(); + } + + default: + break; + } + } + + getFocusedOption(index: number, listType: number) { + if (index === -1) return null; + + if (listType === this.SOURCE_LIST) { + return this.visibleOptionsSource && this.visibleOptionsSource.length ? this.visibleOptionsSource[index] : this.source && this.source.length ? this.source[index] : null; + } + + return this.visibleOptionsTarget && this.visibleOptionsTarget.length ? this.visibleOptionsTarget[index] : this.target && this.target.length ? this.target[index] : null; + } + + changeFocusedOptionIndex(index, listType) { + const items = this.getListItems(listType); + + let order = index >= items.length ? items.length - 1 : index < 0 ? 0 : index; + + this.focusedOptionIndex = items[order].getAttribute('id'); + this.focusedOption = this.getFocusedOption(order, listType); + this.scrollInView(items[order].getAttribute('id'), listType); + } + + scrollInView(id, listType) { + const element = DomHandler.findSingle(this.getListElement(listType), `li[id="${id}"]`); + + if (element) { + element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'start' }); + } + } + + onArrowDownKey(event: Event | any, selectedItems: any[], callback: EventEmitter, listType: number) { + const optionIndex = this.findNextOptionIndex(this.focusedOptionIndex, listType); + + this.changeFocusedOptionIndex(optionIndex, listType); + + if (event.shiftKey) { + this.onEnterKey(event, selectedItems, callback); + } + + event.preventDefault(); + } + + onArrowUpKey(event: Event | any, selectedItems: any[], callback: EventEmitter, listType: number) { + const optionIndex = this.findPrevOptionIndex(this.focusedOptionIndex, listType); + + this.changeFocusedOptionIndex(optionIndex, listType); + + if (event.shiftKey) { + this.onEnterKey(event, selectedItems, callback); + } + + event.preventDefault(); + } + + onEnterKey(event: Event | any, selectedItems: any[], callback: EventEmitter) { + this.onItemClick(event, this.focusedOption, selectedItems, callback); + event.preventDefault(); + } + + onSpaceKey(event: Event | any, selectedItems: any[], callback: EventEmitter, listType: number) { + event.preventDefault(); + + if (event.shiftKey && selectedItems && selectedItems.length > 0) { + let visibleList = this.getVisibleList(listType); + let lastSelectedIndex = this.getLatestSelectedVisibleOptionIndex(visibleList, selectedItems); + + if (lastSelectedIndex !== -1) { + let focusedIndex = ObjectUtils.findIndexInList(this.focusedOption, visibleList); + + selectedItems = [...visibleList.slice(Math.min(lastSelectedIndex, focusedIndex), Math.max(lastSelectedIndex, focusedIndex) + 1)]; + this.setSelectionList(listType, selectedItems); + + callback.emit({ items: selectedItems }); + return; + } + } + + this.onEnterKey(event, selectedItems, callback); + } + + onHomeKey(event: Event | any, selectedItems: any[], callback: EventEmitter, listType: number) { + if (event.ctrlKey && event.shiftKey) { + let visibleList = this.getVisibleList(listType); + let focusedIndex = ObjectUtils.findIndexInList(this.focusedOption, visibleList); + + selectedItems = [...visibleList.slice(0, focusedIndex + 1)]; + this.setSelectionList(listType, selectedItems); + callback.emit({ items: selectedItems }); + } else { + this.changeFocusedOptionIndex(0, listType); + } + + event.preventDefault(); + } + + onEndKey(event: Event | any, selectedItems: any[], callback: EventEmitter, listType: number) { + let visibleList = this.getVisibleList(listType); + let lastIndex = visibleList && visibleList.length > 0 ? visibleList.length - 1 : null; + if (lastIndex === null) return; + + if (event.ctrlKey && event.shiftKey) { + let focusedIndex = ObjectUtils.findIndexInList(this.focusedOption, visibleList); + selectedItems = [...visibleList.slice(focusedIndex, lastIndex)]; + + this.setSelectionList(listType, selectedItems); + callback.emit({ items: selectedItems }); + } else { + this.changeFocusedOptionIndex(lastIndex, listType); + } + + event.preventDefault(); + } + getDropIndexes(fromIndex: number, toIndex: number, droppedList: number, isTransfer: boolean, data: any[] | any) { let previousIndex, currentIndex; @@ -1233,17 +1653,17 @@ export class PickList implements AfterViewChecked, AfterContentInit { .p-picklist[${this.id}] { flex-direction: column; } - + .p-picklist[${this.id}] .p-picklist-buttons { padding: var(--content-padding); flex-direction: row; } - + .p-picklist[${this.id}] .p-picklist-buttons .p-button { margin-right: var(--inline-spacing); margin-bottom: 0; } - + .p-picklist[${this.id}] .p-picklist-buttons .p-button:last-child { margin-right: 0; } diff --git a/src/app/components/radiobutton/radiobutton.ts b/src/app/components/radiobutton/radiobutton.ts index fc4b5a054a4..47bc7dd6c46 100755 --- a/src/app/components/radiobutton/radiobutton.ts +++ b/src/app/components/radiobutton/radiobutton.ts @@ -1,6 +1,6 @@ -import { NgModule, Component, Input, Output, ElementRef, EventEmitter, forwardRef, ViewChild, ChangeDetectorRef, ChangeDetectionStrategy, Injectable, Injector, OnInit, OnDestroy } from '@angular/core'; import { CommonModule } from '@angular/common'; -import { NG_VALUE_ACCESSOR, ControlValueAccessor, NgControl } from '@angular/forms'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Injectable, Injector, Input, NgModule, OnDestroy, OnInit, Output, ViewChild, forwardRef } from '@angular/core'; +import { ControlValueAccessor, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms'; import { Nullable } from 'primeng/ts-helpers'; import { RadioButtonClickEvent } from './radiobutton.interface'; @@ -49,35 +49,43 @@ export class RadioControlRegistry { @Component({ selector: 'p-radioButton', template: ` -
    -
    +
    +
    -
    - +
    +
    `, @@ -167,7 +175,7 @@ export class RadioButton implements ControlValueAccessor, OnInit, OnDestroy { */ @Output() onBlur: EventEmitter = new EventEmitter(); - @ViewChild('rb') inputViewChild!: ElementRef; + @ViewChild('input') inputViewChild!: ElementRef; public onModelChange: Function = () => {}; @@ -245,9 +253,6 @@ export class RadioButton implements ControlValueAccessor, OnInit, OnDestroy { this.onBlur.emit(event); } - onChange(event: Event) { - this.select(event); - } /** * Applies focus to input field. * @group Method diff --git a/src/app/components/rating/rating.ts b/src/app/components/rating/rating.ts index 0b7cfec72eb..9dae42eeafb 100755 --- a/src/app/components/rating/rating.ts +++ b/src/app/components/rating/rating.ts @@ -1,12 +1,14 @@ import { CommonModule } from '@angular/common'; -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, EventEmitter, forwardRef, Input, NgModule, OnInit, Output, QueryList, TemplateRef, ViewEncapsulation } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, EventEmitter, forwardRef, Input, NgModule, OnInit, Output, QueryList, signal, TemplateRef, ViewEncapsulation } from '@angular/core'; import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'; -import { PrimeTemplate, SharedModule } from 'primeng/api'; -import { StarFillIcon } from 'primeng/icons/starfill'; -import { StarIcon } from 'primeng/icons/star'; +import { PrimeNGConfig, PrimeTemplate, SharedModule } from 'primeng/api'; import { BanIcon } from 'primeng/icons/ban'; -import { RatingRateEvent } from './rating.interface'; +import { StarIcon } from 'primeng/icons/star'; +import { StarFillIcon } from 'primeng/icons/starfill'; import { Nullable } from 'primeng/ts-helpers'; +import { RatingRateEvent } from './rating.interface'; +import { DomHandler } from 'primeng/dom'; +import { UniqueComponentId } from 'primeng/utils'; export const RATING_VALUE_ACCESSOR: any = { provide: NG_VALUE_ACCESSOR, @@ -14,42 +16,64 @@ export const RATING_VALUE_ACCESSOR: any = { multi: true }; /** - * RadioButton is an extension to standard radio button element with theming. + * Rating is an extension to standard radio button element with theming. * @group Components */ @Component({ selector: 'p-rating', template: ` -
    +
    - - - - - - - - - - - - - - +
    + + + + + +
    + +
    + + + + + + + + + + + +
    +     - + - + @@ -126,6 +150,18 @@ export class Rating implements OnInit, ControlValueAccessor { * @group Emits */ @Output() onCancel: EventEmitter = new EventEmitter(); + /** + * Emitted when the rating receives focus. + * @param {Event} value - Browser event. + * @group Emits + */ + @Output() onFocus: EventEmitter = new EventEmitter(); + /** + * Emitted when the rating loses focus. + * @param {Event} value - Browser event. + * @group Emits + */ + @Output() onBlur: EventEmitter = new EventEmitter(); @ContentChildren(PrimeTemplate) templates!: QueryList; @@ -135,8 +171,6 @@ export class Rating implements OnInit, ControlValueAccessor { cancelIconTemplate: Nullable>; - constructor(private cd: ChangeDetectorRef) {} - value: Nullable; onModelChange: Function = () => {}; @@ -145,12 +179,22 @@ export class Rating implements OnInit, ControlValueAccessor { public starsArray: Nullable; + isFocusVisibleItem: boolean = true; + + focusedOptionIndex = signal(-1); + + name: string | undefined; + + constructor(private cd: ChangeDetectorRef, private config: PrimeNGConfig) {} + ngOnInit() { + this.name = this.name || UniqueComponentId(); this.starsArray = []; for (let i = 0; i < this.stars; i++) { this.starsArray[i] = i; } } + ngAfterContentInit() { this.templates.forEach((item) => { switch (item.getType()) { @@ -169,31 +213,61 @@ export class Rating implements OnInit, ControlValueAccessor { }); } - getIconTemplate(i: number): Nullable> { - return !this.value || i >= this.value ? this.offIconTemplate : this.onIconTemplate; + onOptionClick(event, value) { + if (!this.readonly && !this.disabled) { + this.onOptionSelect(event, value); + this.isFocusVisibleItem = false; + const firstFocusableEl = DomHandler.getFirstFocusableElement(event.currentTarget, ''); + + firstFocusableEl && DomHandler.focus(firstFocusableEl); + } } - rate(event: Event, i: number): void { - if (!this.readonly && !this.disabled) { - this.value = i + 1; - this.onModelChange(this.value); - this.onModelTouched(); + onOptionSelect(event, value) { + this.focusedOptionIndex.set(value); + this.updateModel(event, value || null); + } + + onChange(event, value) { + this.onOptionSelect(event, value); + this.isFocusVisibleItem = true; + } + + onInputBlur(event) { + this.focusedOptionIndex.set(-1); + this.onBlur.emit(event); + } + + onInputFocus(event, value) { + this.focusedOptionIndex.set(value); + this.onFocus.emit(event); + } + + updateModel(event, value) { + this.value = value; + this.onModelChange(this.value); + this.onModelTouched(); + + if (!value) { + this.onCancel.emit(); + } else { this.onRate.emit({ originalEvent: event, - value: i + 1 + value }); } - event.preventDefault(); } - clear(event: Event): void { - if (!this.readonly && !this.disabled) { - this.value = null; - this.onModelChange(this.value); - this.onModelTouched(); - this.onCancel.emit(event); - } - event.preventDefault(); + cancelAriaLabel() { + return this.config.translation.clear; + } + + starAriaLabel(value) { + return value === 1 ? this.config.translation.aria.star : this.config.translation.aria.stars.replace(/{star}/g, value); + } + + getIconTemplate(i: number): Nullable> { + return !this.value || i >= this.value ? this.offIconTemplate : this.onIconTemplate; } writeValue(value: any): void { diff --git a/src/app/components/scroller/scroller.ts b/src/app/components/scroller/scroller.ts index 4bf66b44772..8501e1f9b1a 100644 --- a/src/app/components/scroller/scroller.ts +++ b/src/app/components/scroller/scroller.ts @@ -23,12 +23,11 @@ import { ViewChild, ViewEncapsulation } from '@angular/core'; -import { PrimeTemplate, SharedModule } from 'primeng/api'; +import { PrimeTemplate, ScrollerOptions, SharedModule } from 'primeng/api'; import { DomHandler } from 'primeng/dom'; import { SpinnerIcon } from 'primeng/icons/spinner'; -import { ScrollerLazyLoadEvent, ScrollerScrollEvent, ScrollerScrollIndexChangeEvent, ScrollerToType } from './scroller.interface'; -import { ScrollerOptions } from 'primeng/api'; import { Nullable, VoidListener } from 'primeng/ts-helpers'; +import { ScrollerLazyLoadEvent, ScrollerScrollEvent, ScrollerScrollIndexChangeEvent, ScrollerToType } from './scroller.interface'; /** * Scroller is a performance-approach to handle huge data efficiently. * @group Components @@ -45,19 +44,21 @@ import { Nullable, VoidListener } from 'primeng/ts-helpers'; [class]="_styleClass" [ngClass]="{ 'p-scroller': true, 'p-scroller-inline': inline, 'p-both-scroll': both, 'p-horizontal-scroll': horizontal }" (scroll)="onContainerScroll($event)" + [attr.data-pc-name]="'scroller'" + [attr.data-pc-section]="'root'" > -
    +
    -
    -
    +
    +
    @@ -68,7 +69,7 @@ import { Nullable, VoidListener } from 'primeng/ts-helpers'; - +
    diff --git a/src/app/components/scrolltop/scrolltop.ts b/src/app/components/scrolltop/scrolltop.ts index ef5b3afb3b8..6af7e45c115 100755 --- a/src/app/components/scrolltop/scrolltop.ts +++ b/src/app/components/scrolltop/scrolltop.ts @@ -17,7 +17,7 @@ import { ZIndexUtils } from 'primeng/utils'; [@animation]="{ value: 'open', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }" (@animation.start)="onEnter($event)" (@animation.done)="onLeave($event)" - [attr.aria-label]="scrollTopAriaLabel" + [attr.aria-label]="buttonAriaLabel" [ngClass]="containerClass()" (click)="onClick()" [class]="styleClass" diff --git a/src/app/components/selectbutton/selectbutton.ts b/src/app/components/selectbutton/selectbutton.ts index 7cc1439944e..8852954fb87 100755 --- a/src/app/components/selectbutton/selectbutton.ts +++ b/src/app/components/selectbutton/selectbutton.ts @@ -1,8 +1,9 @@ import { CommonModule } from '@angular/common'; -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, EventEmitter, Input, NgModule, Output, TemplateRef, ViewEncapsulation, forwardRef } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ElementRef, EventEmitter, Input, NgModule, Output, TemplateRef, ViewChild, ViewEncapsulation, forwardRef } from '@angular/core'; import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'; import { PrimeTemplate, SharedModule } from 'primeng/api'; import { RippleModule } from 'primeng/ripple'; +import { Nullable } from 'primeng/ts-helpers'; import { ObjectUtils } from 'primeng/utils'; import { SelectButtonChangeEvent, SelectButtonOptionClickEvent } from './selectbutton.interface'; @@ -18,27 +19,30 @@ export const SELECTBUTTON_VALUE_ACCESSOR: any = { @Component({ selector: 'p-selectButton', template: ` -
    +
    - - {{ getOptionLabel(option) }} + + {{ getOptionLabel(option) }} @@ -75,6 +79,11 @@ export class SelectButton implements ControlValueAccessor { * @group Props */ @Input() optionDisabled: string | undefined; + /** + * Whether selection can be cleared. + * @group Props + */ + @Input() unselectable: boolean = false; /** * Index of the element in tabbing order. * @group Props @@ -85,6 +94,11 @@ export class SelectButton implements ControlValueAccessor { * @group Props */ @Input() multiple: boolean | undefined; + /** + * Whether selection can not be cleared. + * @group Props + */ + @Input() allowEmpty: boolean = true; /** * Inline style of the component. * @group Props @@ -123,18 +137,26 @@ export class SelectButton implements ControlValueAccessor { */ @Output() onChange: EventEmitter = new EventEmitter(); + @ViewChild('container') container: Nullable; + @ContentChild(PrimeTemplate) itemTemplate!: PrimeTemplate; public get selectButtonTemplate(): TemplateRef { return this.itemTemplate?.template; } + get equalityKey() { + return this.optionValue ? null : this.dataKey; + } + value: any; onModelChange: Function = () => {}; onModelTouched: Function = () => {}; + focusedIndex: number = 0; + constructor(public cd: ChangeDetectorRef) {} getOptionLabel(option: any) { @@ -167,33 +189,39 @@ export class SelectButton implements ControlValueAccessor { this.cd.markForCheck(); } - onItemClick(event: Event, option: any, index: number) { + onOptionSelect(event, option, index) { if (this.disabled || this.isOptionDisabled(option)) { return; } - const optionValue = this.getOptionValue(option); + let selected = this.isSelected(option); + + if (selected && this.unselectable) { + return; + } + + let optionValue = this.getOptionValue(option); + let newValue; if (this.multiple) { - if (this.isSelected(option)) this.removeOption(option); - else this.value = [...(this.value || []), optionValue]; - - this.onModelChange(this.value); - - this.onChange.emit({ - originalEvent: event, - value: this.value - }); - } else if (this.value !== optionValue) { - this.value = optionValue; - this.onModelChange(this.value); - - this.onChange.emit({ - originalEvent: event, - value: this.value - }); + if (selected) newValue = this.value.filter((val) => !ObjectUtils.equals(val, optionValue, this.equalityKey)); + else newValue = this.value ? [...this.value, optionValue] : [optionValue]; + } else { + if (selected && !this.allowEmpty) { + return; + } + newValue = selected ? null : optionValue; } + this.focusedIndex = index; + this.value = newValue; + this.onModelChange(this.value); + + this.onChange.emit({ + originalEvent: event, + value: this.value + }); + this.onOptionClick.emit({ originalEvent: event, option: option, @@ -201,6 +229,59 @@ export class SelectButton implements ControlValueAccessor { }); } + onKeyDown(event, option, index) { + switch (event.code) { + case 'Space': { + this.onOptionSelect(event, option, index); + event.preventDefault(); + break; + } + + case 'ArrowDown': + + case 'ArrowRight': { + this.changeTabIndexes(event, 'next'); + event.preventDefault(); + break; + } + + case 'ArrowUp': + + case 'ArrowLeft': { + this.changeTabIndexes(event, 'prev'); + event.preventDefault(); + break; + } + + default: + //no op + break; + } + } + + changeTabIndexes(event, direction) { + let firstTabableChild, index; + + for (let i = 0; i <= this.container.nativeElement.children.length - 1; i++) { + if (this.container.nativeElement.children[i].getAttribute('tabindex') === '0') firstTabableChild = { elem: this.container.nativeElement.children[i], index: i }; + } + + if (direction === 'prev') { + if (firstTabableChild.index === 0) index = this.container.nativeElement.children.length - 1; + else index = firstTabableChild.index - 1; + } else { + if (firstTabableChild.index === this.container.nativeElement.children.length - 1) index = 0; + else index = firstTabableChild.index + 1; + } + + this.focusedIndex = index; + this.container.nativeElement.children[index].focus(); + } + + onFocus(event: Event, index: number) { + this.focusedIndex = index; + } + onBlur() { this.onModelTouched(); } @@ -223,7 +304,7 @@ export class SelectButton implements ControlValueAccessor { } } } else { - selected = ObjectUtils.equals(optionValue, this.value, this.dataKey); + selected = ObjectUtils.equals(this.getOptionValue(option), this.value, this.equalityKey); } return selected; diff --git a/src/app/components/sidebar/sidebar.ts b/src/app/components/sidebar/sidebar.ts index f38be8aa564..fb7581f8d27 100755 --- a/src/app/components/sidebar/sidebar.ts +++ b/src/app/components/sidebar/sidebar.ts @@ -82,9 +82,11 @@ const hideAnimation = animation([animate('{{transition}}', style({ transform: '{
    -
    - -
    + +
    + +
    +
    `, animations: [trigger('panelState', [transition('void => visible', [useAnimation(showAnimation)]), transition('visible => void', [useAnimation(hideAnimation)])])], @@ -281,7 +283,7 @@ export class Sidebar implements AfterViewInit, AfterContentInit, OnDestroy { onKeyDown(event: KeyboardEvent) { if (event.code === 'Escape') { - this.hide(); + this.hide(false); } } @@ -309,7 +311,7 @@ export class Sidebar implements AfterViewInit, AfterContentInit, OnDestroy { } close(event: Event) { - this.hide(); + this.hide(false); this.visibleChange.emit(false); event.preventDefault(); } @@ -330,8 +332,7 @@ export class Sidebar implements AfterViewInit, AfterContentInit, OnDestroy { this.renderer.appendChild(this.document.body, this.mask); if (this.blockScroll) { - DomHandler.addClass(document.body, 'p-overflow-hidden'); - this.document.body.style.setProperty('--scrollbar-width', DomHandler.calculateScrollbarWidth() + 'px'); + DomHandler.blockBodyScroll(); } } } @@ -351,8 +352,7 @@ export class Sidebar implements AfterViewInit, AfterContentInit, OnDestroy { } if (this.blockScroll) { - DomHandler.removeClass(document.body, 'p-overflow-hidden'); - this.document.body.style.removeProperty('--scrollbar-width'); + DomHandler.unblockBodyScroll(); } this.unbindAnimationEndListener(); @@ -376,7 +376,8 @@ export class Sidebar implements AfterViewInit, AfterContentInit, OnDestroy { onAnimationEnd(event: any) { switch (event.toState) { case 'void': - this.hide(false); + this.hide(); + ZIndexUtils.clear(this.container); this.unbindGlobalListeners(); break; diff --git a/src/app/components/slidemenu/slidemenu.ts b/src/app/components/slidemenu/slidemenu.ts index f9444b4be06..a32bc02b83a 100755 --- a/src/app/components/slidemenu/slidemenu.ts +++ b/src/app/components/slidemenu/slidemenu.ts @@ -709,14 +709,10 @@ export class SlideMenu implements OnInit, AfterContentInit, OnDestroy { } const { originalEvent, processedItem } = event; const grouped = this.isProcessedItemGroup(processedItem); + const focusedItemInfo = this.focusedItemInfo(); if (grouped) { - this.focusedItemInfo.mutate((value) => { - value.index = -1; - value.level = value.level + 1; - value.parentKey = processedItem.key; - value.item = processedItem.item; - }); + this.focusedItemInfo.set({ ...focusedItemInfo, index: -1, level: focusedItemInfo.level + 1, parentKey: processedItem.key, item: processedItem.item }); this.animate('right'); } else { this.onItemChange(event); @@ -796,9 +792,11 @@ export class SlideMenu implements OnInit, AfterContentInit, OnDestroy { case 'Enter': case 'Space': this.onArrowLeftKey(event); - this.focusedItemInfo.mutate((value) => { - value.index = -1; - value.item = null; + const focusedItemInfo = this.focusedItemInfo(); + this.focusedItemInfo.set({ + ...focusedItemInfo, + index: -1, + item: null }); break; default: @@ -909,9 +907,11 @@ export class SlideMenu implements OnInit, AfterContentInit, OnDestroy { onEscapeKey(event: KeyboardEvent) { if (this.popup) { this.hide(event, true); - this.focusedItemInfo.mutate((value) => { - value.index = this.findLastFocusedItemIndex(); - value.item = null; + const focusedItemInfo = this.focusedItemInfo(); + this.focusedItemInfo.set({ + ...focusedItemInfo, + index: this.findLastFocusedItemIndex(), + item: null }); event.preventDefault(); @@ -941,9 +941,12 @@ export class SlideMenu implements OnInit, AfterContentInit, OnDestroy { const anchorElement = element && DomHandler.findSingle(element, 'a[data-pc-section="action"]'); anchorElement ? anchorElement.click() : element && element.click(); - this.focusedItemInfo.mutate((value) => { - value.index = processedItem.index; - value.item = processedItem.item; + + const focusedItemInfo = this.focusedItemInfo(); + this.focusedItemInfo.set({ + ...focusedItemInfo, + index: processedItem.index, + item: processedItem.item }); } } @@ -976,7 +979,7 @@ export class SlideMenu implements OnInit, AfterContentInit, OnDestroy { } if (this.focusedItemInfo().index === -1 && this.left < 0) { - this.focusedItemInfo.mutate((value) => (value.index = 0)); + this.focusedItemInfo.set({ ...this.focusedItemInfo(), index: 0 }); } if (this.focusedItemInfo().index === -1 && !this.left) { @@ -988,9 +991,10 @@ export class SlideMenu implements OnInit, AfterContentInit, OnDestroy { this.focused = false; this.popup && this.focusedItemInfo.set({ index: -1, level: 0, parentKey: '', item: null }); if (!this.popup) { - this.focusedItemInfo.mutate((value) => { - value.index = -1; - value.item = null; + this.focusedItemInfo.set({ + ...this.focusedItemInfo(), + index: -1, + item: null }); } this.searchValue = ''; @@ -1217,9 +1221,7 @@ export class SlideMenu implements OnInit, AfterContentInit, OnDestroy { changeFocusedItemIndex(event: any, index: number) { if (this.focusedItemInfo().index !== index) { - this.focusedItemInfo.mutate((value) => { - value.index = index; - }); + this.focusedItemInfo.set({ ...this.focusedItemInfo(), index }); this.scrollInView(); } } diff --git a/src/app/components/slider/slider.ts b/src/app/components/slider/slider.ts index a21e03d21a3..81237831acc 100755 --- a/src/app/components/slider/slider.ts +++ b/src/app/components/slider/slider.ts @@ -22,71 +22,86 @@ export const SLIDER_VALUE_ACCESSOR: any = { [class]="styleClass" [ngClass]="{ 'p-slider p-component': true, 'p-disabled': disabled, 'p-slider-horizontal': orientation == 'horizontal', 'p-slider-vertical': orientation == 'vertical', 'p-slider-animate': animate }" (click)="onBarClick($event)" + [attr.data-pc-name]="'slider'" + [attr.data-pc-section]="'root'" > - - + +
    `, @@ -144,6 +159,11 @@ export class Slider implements OnDestroy, ControlValueAccessor { * @group Props */ @Input() styleClass: string | undefined; + /** + * Defines a string that labels the input for accessibility. + * @group Props + */ + @Input() ariaLabel: string | undefined; /** * Establishes relationships between the component and label(s) where its value should be one or more element IDs. * @group Props @@ -240,7 +260,7 @@ export class Slider implements OnDestroy, ControlValueAccessor { } } - onTouchStart(event: TouchEvent, index?: number) { + onDragStart(event: TouchEvent, index?: number) { if (this.disabled) { return; } @@ -269,7 +289,7 @@ export class Slider implements OnDestroy, ControlValueAccessor { event.preventDefault(); } - onTouchMove(event: TouchEvent) { + onDrag(event: TouchEvent) { if (this.disabled) { return; } @@ -288,7 +308,7 @@ export class Slider implements OnDestroy, ControlValueAccessor { event.preventDefault(); } - onTouchEnd(event: TouchEvent) { + onDragEnd(event: TouchEvent) { if (this.disabled) { return; } @@ -321,29 +341,76 @@ export class Slider implements OnDestroy, ControlValueAccessor { this.sliderHandleClick = false; } - onHandleKeydown(event: KeyboardEvent, handleIndex?: number) { - if (this.disabled) { - return; + onKeyDown(event, index) { + this.handleIndex = index; + + switch (event.code) { + case 'ArrowDown': + case 'ArrowLeft': + this.decrementValue(event, index); + event.preventDefault(); + break; + + case 'ArrowUp': + case 'ArrowRight': + this.incrementValue(event, index); + event.preventDefault(); + break; + + case 'PageDown': + this.decrementValue(event, index, true); + event.preventDefault(); + break; + + case 'PageUp': + this.incrementValue(event, index, true); + event.preventDefault(); + break; + + case 'Home': + this.updateValue(this.min, event); + event.preventDefault(); + break; + + case 'End': + this.updateValue(this.max, event); + event.preventDefault(); + break; + + default: + break; } - if (event.which == 38 || event.which == 39) { - this.spin(event, 1, handleIndex); - } else if (event.which == 37 || event.which == 40) { - this.spin(event, -1, handleIndex); + } + + decrementValue(event, index, pageKey = false) { + let newValue; + + if (this.range) { + if (this.step) newValue = this.values[index] - this.step; + else newValue = this.values[index] - 1; + } else { + if (this.step) newValue = this.value - this.step; + else if (!this.step && pageKey) newValue = this.value - 10; + else newValue = this.value - 1; } + + this.updateValue(newValue, event); + event.preventDefault(); } - spin(event: Event, dir: number, handleIndex?: number) { - let step = (this.step || 1) * dir; + incrementValue(event, index, pageKey = false) { + let newValue; if (this.range) { - this.handleIndex = handleIndex as number; - this.updateValue((this.values as number[])[this.handleIndex] + step); - this.updateHandleValue(); + if (this.step) newValue = this.values[index] + this.step; + else newValue = this.values[index] + 1; } else { - this.updateValue((this.value as number) + step); - this.updateHandleValue(); + if (this.step) newValue = this.value + this.step; + else if (!this.step && pageKey) newValue = this.value + 10; + else newValue = this.value + 1; } + this.updateValue(newValue, event); event.preventDefault(); } @@ -573,6 +640,7 @@ export class Slider implements OnDestroy, ControlValueAccessor { this.onChange.emit({ event: event as Event, value: this.value }); this.sliderHandle?.nativeElement.focus(); } + this.updateHandleValue(); } getValueFromHandle(handleValue: number): number { diff --git a/src/app/components/splitbutton/splitbutton.interface.ts b/src/app/components/splitbutton/splitbutton.interface.ts index d52a937c6db..bcd53aded3d 100644 --- a/src/app/components/splitbutton/splitbutton.interface.ts +++ b/src/app/components/splitbutton/splitbutton.interface.ts @@ -14,3 +14,18 @@ export interface SplitButtonTemplates { */ dropdownicon(): TemplateRef; } +/** + * Defines ButtonProps interface. + */ +export interface ButtonProps { + ariaLabel?: string; +} +/** + * Defines MenuButtonProps interface. + */ +export interface MenuButtonProps { + ariaLabel?: string; + ariaHasPopup?: boolean; + ariaExpanded?: boolean; + ariaControls?: string; +} diff --git a/src/app/components/splitbutton/splitbutton.ts b/src/app/components/splitbutton/splitbutton.ts index e0b41b14499..08d7bd86ce6 100755 --- a/src/app/components/splitbutton/splitbutton.ts +++ b/src/app/components/splitbutton/splitbutton.ts @@ -5,6 +5,7 @@ import { ButtonModule } from 'primeng/button'; import { ChevronDownIcon } from 'primeng/icons/chevrondown'; import { TieredMenu, TieredMenuModule } from 'primeng/tieredmenu'; import { UniqueComponentId } from 'primeng/utils'; +import { ButtonProps, MenuButtonProps } from './splitbutton.interface'; type SplitButtonIconPosition = 'left' | 'right'; /** @@ -16,12 +17,34 @@ type SplitButtonIconPosition = 'left' | 'right'; template: `
    - - + +
    @@ -4932,6 +5086,8 @@ export class ColumnFilter implements AfterContentInit { @ViewChild('icon') icon: Nullable; + @ViewChild('clearBtn') clearButtonViewChild: Nullable; + @ContentChildren(PrimeTemplate) templates: Nullable>; overlaySubscription: Subscription | undefined; @@ -4972,11 +5128,14 @@ export class ColumnFilter implements AfterContentInit { private window: Window; + overlayId: any; + constructor(@Inject(DOCUMENT) private document: Document, public el: ElementRef, public dt: Table, public renderer: Renderer2, public config: PrimeNGConfig, public overlayService: OverlayService, private cd: ChangeDetectorRef) { this.window = this.document.defaultView as Window; } ngOnInit() { + this.overlayId = UniqueComponentId(); if (!this.dt.filters[this.field]) { this.initFieldFilterConstraint(); } @@ -5097,11 +5256,13 @@ export class ColumnFilter implements AfterContentInit { addConstraint() { (this.dt.filters[this.field]).push({ value: null, matchMode: this.getDefaultMatchMode(), operator: this.getDefaultOperator() }); + DomHandler.focus(this.clearButtonViewChild.nativeElement); } removeConstraint(filterMeta: FilterMetadata) { this.dt.filters[this.field] = (this.dt.filters[this.field]).filter((meta) => meta !== filterMeta); this.dt._filter(); + DomHandler.focus(this.clearButtonViewChild.nativeElement); } onOperatorChange(value: any) { @@ -5196,12 +5357,21 @@ export class ColumnFilter implements AfterContentInit { onOverlayAnimationEnd(event: AnimationEvent) { switch (event.toState) { + case 'visible': + this.focusOnFirstElement(); + break; case 'void': ZIndexUtils.clear(event.element); break; } } + focusOnFirstElement() { + if (this.overlay) { + DomHandler.focus(DomHandler.getFirstFocusableElement(this.overlay, '')); + } + } + getDefaultMatchMode(): string { if (this.matchMode) { return this.matchMode; @@ -5491,7 +5661,7 @@ export class ColumnFilterFormElement implements OnInit { onModelChange(value: any) { (this.filterConstraint).value = value; - if (this.type === 'boolean' || value === '') { + if (this.type === 'date' || this.type === 'boolean' || value === '') { this.dt._filter(); } } diff --git a/src/app/components/tabmenu/tabmenu.ts b/src/app/components/tabmenu/tabmenu.ts index 0d073f5c84a..c8f167150cb 100644 --- a/src/app/components/tabmenu/tabmenu.ts +++ b/src/app/components/tabmenu/tabmenu.ts @@ -20,8 +20,6 @@ import { ViewChild, ViewChildren, ViewEncapsulation, - computed, - effect, signal } from '@angular/core'; import { ActivatedRoute, Router, RouterModule } from '@angular/router'; @@ -57,13 +55,16 @@ import { ObjectUtils } from 'primeng/utils'; [class]="item.styleClass" [attr.data-p-disabled]="disabled(item)" [attr.data-p-highlight]="focusedItemInfo() === item" + (click)="itemClick($event, item)" + (keydown)="onKeydownItem($event, i, item)" + (focus)="onMenuItemFocus(item)" [ngClass]="{ 'p-tabmenuitem': true, 'p-disabled': getItemProp(item, 'disabled'), 'p-highlight': isActive(item), 'p-hidden': item.visible === false }" pTooltip [tooltipOptions]="item.tooltipOptions" > - + {{ getItemProp(item, 'label') }} {{ getItemProp(item, 'badge') }} - - + {{ getItemProp(item, 'label') }} {{ getItemProp(item, 'badge') }} - +
@@ -223,7 +217,7 @@ export class TabMenu implements AfterContentInit, AfterViewInit, AfterViewChecke private timerIdForInitialAutoScroll: any = null; - _focusableItems: MenuItem[] | undefined; + _focusableItems: MenuItem[] | undefined | any; _model: MenuItem[] | undefined; diff --git a/src/app/components/tabview/tabview.ts b/src/app/components/tabview/tabview.ts index e086676642c..8b5696562f5 100755 --- a/src/app/components/tabview/tabview.ts +++ b/src/app/components/tabview/tabview.ts @@ -35,6 +35,7 @@ import { Subscription } from 'rxjs'; import { TabViewChangeEvent, TabViewCloseEvent } from './tabview.interface'; import { UniqueComponentId } from 'primeng/utils'; import { Nullable } from 'primeng/ts-helpers'; +import { AnimationStyleMetadata } from '@angular/animations'; /** * TabPanel is a helper component for TabView component. @@ -271,12 +272,21 @@ export class TabPanel implements AfterContentInit, OnDestroy { template: `
- -
-
    +
    +
    -
    -
    +
    @@ -68,7 +70,7 @@ export const TREESELECT_VALUE_ACCESSOR: any = {
    -
    +
    @@ -88,8 +90,19 @@ export const TREESELECT_VALUE_ACCESSOR: any = { >
    + + -
    +
    +
    @@ -161,7 +184,7 @@ export const TREESELECT_VALUE_ACCESSOR: any = { host: { class: 'p-element p-inputwrapper', '[class.p-inputwrapper-filled]': '!emptyValue', - '[class.p-inputwrapper-focus]': 'focused || overlayVisible', + '[class.p-inputwrapper-focus]': 'focused', '[class.p-treeselect-clearable]': 'showClear && !disabled' }, changeDetection: ChangeDetectionStrategy.OnPush, @@ -203,7 +226,12 @@ export class TreeSelect implements AfterContentInit { * Index of the element in tabbing order. * @group Props */ - @Input() tabindex: string | undefined; + @Input() tabindex: string | undefined = '0'; + /** + * Defines a string that labels the input for accessibility. + * @group Props + */ + @Input() ariaLabel: string | undefined; /** * Establishes relationships between the component and label(s) where its value should be one or more element IDs. * @group Props @@ -415,6 +443,10 @@ export class TreeSelect implements AfterContentInit { @ViewChild('overlay') overlayViewChild: Nullable; + @ViewChild('firstHiddenFocusableEl') firstHiddenFocusableElementOnOverlay: Nullable; + + @ViewChild('lastHiddenFocusableEl') lastHiddenFocusableElementOnOverlay: Nullable; + public filteredNodes: TreeNode[] | undefined | null; filterValue: Nullable = null; @@ -461,9 +493,12 @@ export class TreeSelect implements AfterContentInit { onModelTouched: Function = () => {}; + listId: string = ''; + constructor(public config: PrimeNGConfig, public cd: ChangeDetectorRef, public el: ElementRef, public overlayService: OverlayService) {} ngOnInit() { + this.listId = UniqueComponentId() + '_list'; this.updateTreeState(); } @@ -532,8 +567,13 @@ export class TreeSelect implements AfterContentInit { if (this.filter) { ObjectUtils.isNotEmpty(this.filterValue) && this.treeViewChild?._filter(this.filterValue); this.filterInputAutoFocus && this.filterViewChild?.nativeElement.focus(); - } + } else { + let focusableElements = DomHandler.getFocusableElements(this.panelEl.nativeElement); + if (focusableElements && focusableElements.length > 0) { + focusableElements[0].focus(); + } + } break; } } @@ -561,43 +601,38 @@ export class TreeSelect implements AfterContentInit { } onKeyDown(event: KeyboardEvent) { - switch (event.which) { + switch (event.code) { //down - case 40: - if (!this.overlayVisible && event.altKey) { + case 'ArrowDown': + if (!this.overlayVisible) { this.show(); - event.preventDefault(); - } else if (this.overlayVisible && this.panelEl?.nativeElement) { - let focusableElements = DomHandler.getFocusableElements(this.panelEl.nativeElement); - - if (focusableElements && focusableElements.length > 0) { - focusableElements[0].focus(); - } - event.preventDefault(); } + this.onArrowDown(event); + event.preventDefault(); break; //space - case 32: + case 'Space': + case 'Enter': if (!this.overlayVisible) { this.show(); event.preventDefault(); } break; - //enter and escape - case 13: - case 27: + //escape + case 'Escape': if (this.overlayVisible) { this.hide(); + this.focusInput?.nativeElement.focus(); event.preventDefault(); } break; //tab - case 9: - this.hide(); + case 'Tab': + this.onTabKey(event); break; default: @@ -614,6 +649,32 @@ export class TreeSelect implements AfterContentInit { }); } + onArrowDown(event: KeyboardEvent) { + if (this.overlayVisible && this.panelEl?.nativeElement) { + let focusableElements = DomHandler.getFocusableElements(this.panelEl.nativeElement, '.p-treenode'); + + if (focusableElements && focusableElements.length > 0) { + focusableElements[0].focus(); + } + + event.preventDefault(); + } + } + + onFirstHiddenFocus(event) { + const focusableEl = + event.relatedTarget === this.focusInput?.nativeElement ? DomHandler.getFirstFocusableElement(this.overlayViewChild?.overlayViewChild?.nativeElement, ':not([data-p-hidden-focusable="true"])') : this.focusInput?.nativeElement; + + DomHandler.focus(focusableEl); + } + + onLastHiddenFocus(event) { + const focusableEl = + event.relatedTarget === this.focusInput?.nativeElement ? DomHandler.getLastFocusableElement(this.overlayViewChild?.overlayViewChild?.nativeElement, ':not([data-p-hidden-focusable="true"])') : this.focusInput?.nativeElement; + + DomHandler.focus(focusableEl); + } + show() { this.overlayVisible = true; } @@ -640,6 +701,22 @@ export class TreeSelect implements AfterContentInit { return this.value !== null && ObjectUtils.isNotEmpty(this.value); } + onTabKey(event, pressedInInputText = false) { + if (!pressedInInputText) { + if (this.overlayVisible && this.hasFocusableElements()) { + DomHandler.focus(event.shiftKey ? this.lastHiddenFocusableElementOnOverlay.nativeElement : this.firstHiddenFocusableElementOnOverlay.nativeElement); + + event.preventDefault(); + } else { + this.overlayVisible && this.hide(this.filter); + } + } + } + + hasFocusableElements() { + return DomHandler.getFocusableElements(this.overlayViewChild.overlayViewChild.nativeElement, ':not([data-p-hidden-focusable="true"])').length > 0; + } + resetFilter() { if (this.filter && !this.resetFilterOnHide) { this.filteredNodes = this.treeViewChild?.filteredNodes; @@ -769,6 +846,7 @@ export class TreeSelect implements AfterContentInit { if (this.selectionMode === 'single') { this.hide(); + this.focusInput?.nativeElement.focus(); } } diff --git a/src/app/components/treetable/treetable.ts b/src/app/components/treetable/treetable.ts index abfd3739360..e738eb92a5c 100755 --- a/src/app/components/treetable/treetable.ts +++ b/src/app/components/treetable/treetable.ts @@ -27,27 +27,27 @@ import { ViewChild, ViewEncapsulation } from '@angular/core'; -import { BlockableUI, FilterMetadata, FilterService, PrimeTemplate, SharedModule, SortMeta, TreeNode } from 'primeng/api'; +import { BlockableUI, FilterMetadata, FilterService, PrimeTemplate, ScrollerOptions, SharedModule, SortMeta, TreeNode, TreeTableNode } from 'primeng/api'; import { DomHandler } from 'primeng/dom'; -import { PaginatorModule } from 'primeng/paginator'; -import { RippleModule } from 'primeng/ripple'; -import { Scroller, ScrollerModule } from 'primeng/scroller'; -import { ScrollerOptions, TreeTableNode } from 'primeng/api'; -import { ObjectUtils } from 'primeng/utils'; -import { Subject, Subscription } from 'rxjs'; -import { SortAmountDownIcon } from 'primeng/icons/sortamountdown'; -import { ChevronRightIcon } from 'primeng/icons/chevronright'; import { ArrowDownIcon } from 'primeng/icons/arrowdown'; import { ArrowUpIcon } from 'primeng/icons/arrowup'; import { CheckIcon } from 'primeng/icons/check'; import { ChevronDownIcon } from 'primeng/icons/chevrondown'; +import { ChevronRightIcon } from 'primeng/icons/chevronright'; import { MinusIcon } from 'primeng/icons/minus'; import { SortAltIcon } from 'primeng/icons/sortalt'; +import { SortAmountDownIcon } from 'primeng/icons/sortamountdown'; import { SortAmountUpAltIcon } from 'primeng/icons/sortamountupalt'; import { SpinnerIcon } from 'primeng/icons/spinner'; +import { PaginatorModule } from 'primeng/paginator'; +import { RippleModule } from 'primeng/ripple'; +import { Scroller, ScrollerModule } from 'primeng/scroller'; import { Nullable, VoidListener } from 'primeng/ts-helpers'; +import { ObjectUtils } from 'primeng/utils'; +import { Subject, Subscription } from 'rxjs'; import { TreeTableColResizeEvent, + TreeTableColumnReorderEvent, TreeTableContextMenuSelectEvent, TreeTableEditEvent, TreeTableFilterEvent, @@ -55,13 +55,11 @@ import { TreeTableHeaderCheckboxToggleEvent, TreeTableLazyLoadEvent, TreeTableNodeCollapseEvent, + TreeTableNodeExpandEvent, TreeTableNodeUnSelectEvent, TreeTablePaginatorState, - TreeTableSortEvent, - TreeTableColumnReorderEvent, - TreeTableNodeExpandEvent + TreeTableSortEvent } from './treetable.interface'; -import { TreeNodeExpandEvent } from 'primeng/tree'; @Injectable() export class TreeTableService { @@ -172,13 +170,13 @@ export class TreeTableService {
    - +
    - + - - + +
    @@ -412,7 +410,7 @@ export class TreeTable implements AfterContentInit, OnInit, OnDestroy, Blockable * Defines whether metaKey is should be considered for the selection. On touch enabled devices, metaKeySelection is turned off automatically. * @group Props */ - @Input() metaKeySelection: boolean | undefined; + @Input() metaKeySelection: boolean | undefined = true; /** * Algorithm to define if a row is selected, valid values are "equals" that compares by reference and "deepEquals" that compares all fields. * @group Props @@ -617,7 +615,7 @@ export class TreeTable implements AfterContentInit, OnInit, OnDestroy, Blockable * @param {TreeTableNode} object - Node instance. * @group Emits */ - @Output() selectionChange: EventEmitter[] | null> = new EventEmitter[] | null>(); + @Output() selectionChange: EventEmitter | TreeTableNode[] | null> = new EventEmitter | TreeTableNode[] | null>(); /** * Callback to invoke on context menu selection change. * @param {TreeTableNode} object - Node instance. @@ -1935,20 +1933,18 @@ export class TreeTable implements AfterContentInit, OnInit, OnDestroy, Blockable } if (this.filters['global'] && !globalMatch && globalFilterFieldsArray) { - for (let j = 0; j < globalFilterFieldsArray.length; j++) { - let copyNodeForGlobal = { ...copyNode }; - let filterField = globalFilterFieldsArray[j].field || globalFilterFieldsArray[j]; - let filterValue = this.filters['global'].value; - let filterConstraint = (this.filterService).filters[(this.filters)['global'].matchMode]; - paramsWithoutNode = { filterField, filterValue, filterConstraint, isStrictMode }; - - if ( - (isStrictMode && (this.findFilteredNodes(copyNodeForGlobal, paramsWithoutNode) || this.isFilterMatched(copyNodeForGlobal, paramsWithoutNode))) || - (!isStrictMode && (this.isFilterMatched(copyNodeForGlobal, paramsWithoutNode) || this.findFilteredNodes(copyNodeForGlobal, paramsWithoutNode))) - ) { - globalMatch = true; - copyNode = copyNodeForGlobal; - } + let copyNodeForGlobal = { ...copyNode }; + let filterField = undefined; + let filterValue = this.filters['global'].value; + let filterConstraint = (this.filterService).filters[(this.filters)['global'].matchMode]; + paramsWithoutNode = { filterField, filterValue, filterConstraint, isStrictMode, globalFilterFieldsArray }; + + if ( + (isStrictMode && (this.findFilteredNodes(copyNodeForGlobal, paramsWithoutNode) || this.isFilterMatched(copyNodeForGlobal, paramsWithoutNode))) || + (!isStrictMode && (this.isFilterMatched(copyNodeForGlobal, paramsWithoutNode) || this.findFilteredNodes(copyNodeForGlobal, paramsWithoutNode))) + ) { + globalMatch = true; + copyNode = copyNodeForGlobal; } } @@ -2013,15 +2009,14 @@ export class TreeTable implements AfterContentInit, OnInit, OnDestroy, Blockable } isFilterMatched(node: TreeTableNode, filterOptions: TreeTableFilterOptions) { - let { filterField, filterValue, filterConstraint, isStrictMode } = filterOptions; + let { filterField, filterValue, filterConstraint, isStrictMode, globalFilterFieldsArray } = filterOptions; let matched = false; - let dataFieldValue = ObjectUtils.resolveFieldData(node.data, filterField); - if (filterConstraint(dataFieldValue, filterValue, this.filterLocale)) { - matched = true; - } + const isMatched = (field: string) => filterConstraint(ObjectUtils.resolveFieldData(node.data, field), filterValue, this.filterLocale); + + matched = globalFilterFieldsArray?.length ? globalFilterFieldsArray.some((globalFilterField) => isMatched(globalFilterField.field || globalFilterField)) : isMatched(filterField); if (!matched || (isStrictMode && !this.isNodeLeaf(node))) { - matched = this.findFilteredNodes(node, { filterField, filterValue, filterConstraint, isStrictMode }) || matched; + matched = this.findFilteredNodes(node, { filterField, filterValue, filterConstraint, isStrictMode, globalFilterFieldsArray }) || matched; } return matched; @@ -2174,7 +2169,7 @@ export class TTBody {
    - +
    @@ -2209,9 +2204,9 @@ export class TTBody { - +
    - +
    @@ -2220,7 +2215,7 @@ export class TTBody {
    - +
    @@ -2282,30 +2277,32 @@ export class TTScrollableView implements AfterViewInit, OnDestroy { constructor(@Inject(PLATFORM_ID) private platformId: any, private renderer: Renderer2, public tt: TreeTable, public el: ElementRef, public zone: NgZone) {} ngAfterViewInit() { - if (!this.frozen) { - if (this.tt.frozenColumns || this.tt.frozenBodyTemplate) { - DomHandler.addClass(this.el.nativeElement, 'p-treetable-unfrozen-view'); - } + if (isPlatformBrowser(this.platformId)) { + if (!this.frozen) { + if (this.tt.frozenColumns || this.tt.frozenBodyTemplate) { + DomHandler.addClass(this.el.nativeElement, 'p-treetable-unfrozen-view'); + } - let frozenView = this.el.nativeElement.previousElementSibling; - if (frozenView) { - if (this.tt.virtualScroll) this.frozenSiblingBody = DomHandler.findSingle(frozenView, '.p-scroller-viewport'); - else this.frozenSiblingBody = DomHandler.findSingle(frozenView, '.p-treetable-scrollable-body'); - } + let frozenView = this.el.nativeElement.previousElementSibling; + if (frozenView) { + if (this.tt.virtualScroll) this.frozenSiblingBody = DomHandler.findSingle(frozenView, '.p-scroller-viewport'); + else this.frozenSiblingBody = DomHandler.findSingle(frozenView, '.p-treetable-scrollable-body'); + } - let scrollBarWidth = DomHandler.calculateScrollbarWidth(); - (this.scrollHeaderBoxViewChild as ElementRef).nativeElement.style.paddingRight = scrollBarWidth + 'px'; + let scrollBarWidth = DomHandler.calculateScrollbarWidth(); + (this.scrollHeaderBoxViewChild as ElementRef).nativeElement.style.paddingRight = scrollBarWidth + 'px'; - if (this.scrollFooterBoxViewChild && this.scrollFooterBoxViewChild.nativeElement) { - this.scrollFooterBoxViewChild.nativeElement.style.paddingRight = scrollBarWidth + 'px'; - } - } else { - if (this.scrollableAlignerViewChild && this.scrollableAlignerViewChild.nativeElement) { - this.scrollableAlignerViewChild.nativeElement.style.height = DomHandler.calculateScrollbarHeight() + 'px'; + if (this.scrollFooterBoxViewChild && this.scrollFooterBoxViewChild.nativeElement) { + this.scrollFooterBoxViewChild.nativeElement.style.paddingRight = scrollBarWidth + 'px'; + } + } else { + if (this.scrollableAlignerViewChild && this.scrollableAlignerViewChild.nativeElement) { + this.scrollableAlignerViewChild.nativeElement.style.height = DomHandler.calculateScrollbarHeight() + 'px'; + } } - } - this.bindEvents(); + this.bindEvents(); + } } bindEvents() { @@ -2437,7 +2434,8 @@ export class TTScrollableView implements AfterViewInit, OnDestroy { '[class.p-sortable-column]': 'isEnabled()', '[class.p-highlight]': 'sorted', '[attr.tabindex]': 'isEnabled() ? "0" : null', - '[attr.role]': '"columnheader"' + '[attr.role]': '"columnheader"', + '[attr.aria-sort]': 'ariaSorted' } }) export class TTSortableColumn implements OnInit, OnDestroy { @@ -2449,6 +2447,12 @@ export class TTSortableColumn implements OnInit, OnDestroy { subscription: Subscription | undefined; + get ariaSorted() { + if (this.sorted && this.tt.sortOrder < 0) return 'descending'; + else if (this.sorted && this.tt.sortOrder > 0) return 'ascending'; + else return 'none'; + } + constructor(public tt: TreeTable) { if (this.isEnabled()) { this.subscription = this.tt.tableService.sortSource$.subscribe((sortMeta) => { @@ -2739,7 +2743,9 @@ export class TTReorderableColumn implements AfterViewInit, OnDestroy { selector: '[ttSelectableRow]', host: { class: 'p-element', - '[class.p-highlight]': 'selected' + '[class.p-highlight]': 'selected', + '[attr.data-p-highlight]': 'selected', + '[attr.aria-checked]': 'selected' } }) export class TTSelectableRow implements OnInit, OnDestroy { @@ -2776,9 +2782,15 @@ export class TTSelectableRow implements OnInit, OnDestroy { } @HostListener('keydown', ['$event']) - onEnterKey(event: KeyboardEvent) { - if (event.which === 13) { - this.onClick(event); + onKeyDown(event: KeyboardEvent) { + switch (event.code) { + case 'Enter': + case 'Space': + this.onEnterKey(event); + break; + + default: + break; } } @@ -2789,6 +2801,18 @@ export class TTSelectableRow implements OnInit, OnDestroy { } } + onEnterKey(event) { + if (this.tt.selectionMode === 'checkbox') { + this.tt.toggleNodeWithCheckbox({ + originalEvent: event, + rowNode: this.rowNode + }); + } else { + this.onClick(event); + } + event.preventDefault(); + } + isEnabled() { return this.ttSelectableRowDisabled !== true; } @@ -2906,7 +2930,7 @@ export class TTContextMenuRow { template: `
    - +
    @@ -3286,78 +3310,186 @@ export class TreeTableCellEditor implements AfterContentInit { selector: '[ttRow]', host: { class: 'p-element', - '[attr.tabindex]': '"0"' + '[attr.tabindex]': "'0'", + '[attr.aria-expanded]': 'expanded', + '[attr.aria-level]': 'level', + '[attr.data-pc-section]': 'row', + '[attr.role]': 'row' } }) export class TTRow { + get level() { + return this.rowNode?.['level'] + 1; + } + + get expanded() { + return this.rowNode?.node['expanded']; + } + @Input('ttRow') rowNode: any; constructor(public tt: TreeTable, public el: ElementRef, public zone: NgZone) {} @HostListener('keydown', ['$event']) onKeyDown(event: KeyboardEvent) { - switch (event.which) { - //down arrow - case 40: - let nextRow = this.el.nativeElement.nextElementSibling; - if (nextRow) { - nextRow.focus(); - } + switch (event.code) { + case 'ArrowDown': + this.onArrowDownKey(event); + break; - event.preventDefault(); + case 'ArrowUp': + this.onArrowUpKey(event); break; - //down arrow - case 38: - let prevRow = this.el.nativeElement.previousElementSibling; - if (prevRow) { - prevRow.focus(); - } + case 'ArrowRight': + this.onArrowRightKey(event); + break; - event.preventDefault(); + case 'ArrowLeft': + this.onArrowLeftKey(event); break; - //left arrow - case 37: - if (this.rowNode.node.expanded) { - this.tt.toggleRowIndex = DomHandler.index(this.el.nativeElement); - this.rowNode.node.expanded = false; + case 'Tab': + this.onTabKey(event); + break; - this.tt.onNodeCollapse.emit({ - originalEvent: event, - node: this.rowNode.node - }); + case 'Home': + this.onHomeKey(event); + break; - this.tt.updateSerializedValue(); - this.tt.tableService.onUIUpdate(this.tt.value); - this.restoreFocus(); - } + case 'End': + this.onEndKey(event); break; - //right arrow - case 39: - if (!this.rowNode.node.expanded) { - this.tt.toggleRowIndex = DomHandler.index(this.el.nativeElement); - this.rowNode.node.expanded = true; + default: + break; + } + } - this.tt.onNodeExpand.emit({ - originalEvent: event, - node: this.rowNode.node - }); + onArrowDownKey(event: KeyboardEvent) { + let nextRow = this.el?.nativeElement?.nextElementSibling; + if (nextRow) { + this.focusRowChange(event.currentTarget, nextRow); + } - this.tt.updateSerializedValue(); - this.tt.tableService.onUIUpdate(this.tt.value); - this.restoreFocus(); - } - break; + event.preventDefault(); + } + + onArrowUpKey(event: KeyboardEvent) { + let prevRow = this.el?.nativeElement?.previousElementSibling; + if (prevRow) { + this.focusRowChange(event.currentTarget, prevRow); + } + + event.preventDefault(); + } + + onArrowRightKey(event: KeyboardEvent) { + const currentTarget = event.currentTarget; + const isHiddenIcon = DomHandler.findSingle(currentTarget, 'button').style.visibility === 'hidden'; + + if (!isHiddenIcon && !this.expanded && this.rowNode.node['children']) { + this.expand(event); + + currentTarget.tabIndex = -1; + } + event.preventDefault(); + } + + onArrowLeftKey(event: KeyboardEvent) { + const container = this.tt.containerViewChild?.nativeElement; + const expandedRows = DomHandler.find(container, '[aria-expanded="true"]'); + const lastExpandedRow = expandedRows[expandedRows.length - 1]; + + if (this.expanded) { + this.collapse(event); } + if (lastExpandedRow) { + this.tt.toggleRowIndex = DomHandler.index(lastExpandedRow); + } + this.restoreFocus(); + event.preventDefault(); } - restoreFocus() { + onHomeKey(event: KeyboardEvent) { + const firstElement = DomHandler.findSingle(this.tt.containerViewChild?.nativeElement, `tr[aria-level="${this.level}"]`); + firstElement && DomHandler.focus(firstElement); + event.preventDefault(); + } + + onEndKey(event: KeyboardEvent) { + const nodes = DomHandler.find(this.tt.containerViewChild?.nativeElement, `tr[aria-level="${this.level}"]`); + const lastElement = nodes[nodes.length - 1]; + DomHandler.focus(lastElement); + event.preventDefault(); + } + + onTabKey(event: KeyboardEvent) { + const rows = this.el.nativeElement ? [...DomHandler.find(this.el.nativeElement.parentNode, 'tr')] : undefined; + + if (rows && ObjectUtils.isNotEmpty(rows)) { + const hasSelectedRow = rows.some((row) => DomHandler.getAttribute(row, 'data-p-highlight') || row.getAttribute('aria-checked') === 'true'); + rows.forEach((row) => { + row.tabIndex = -1; + }); + + if (hasSelectedRow) { + const selectedNodes = rows.filter((node) => DomHandler.getAttribute(node, 'data-p-highlight') || node.getAttribute('aria-checked') === 'true'); + selectedNodes[0].tabIndex = 0; + + return; + } + + rows[0].tabIndex = 0; + } + } + + expand(event: Event) { + this.tt.toggleRowIndex = DomHandler.index(this.el.nativeElement); + this.rowNode.node['expanded'] = true; + + this.tt.updateSerializedValue(); + this.tt.tableService.onUIUpdate(this.tt.value); + this.rowNode.node['children'] ? this.restoreFocus(this.tt.toggleRowIndex + 1) : this.restoreFocus(); + + this.tt.onNodeExpand.emit({ + originalEvent: event, + node: this.rowNode.node + }); + } + + collapse(event: Event) { + this.rowNode.node['expanded'] = false; + + this.tt.updateSerializedValue(); + this.tt.tableService.onUIUpdate(this.tt.value); + + this.tt.onNodeCollapse.emit({ originalEvent: event, node: this.rowNode.node }); + } + + focusRowChange(firstFocusableRow, currentFocusedRow, lastVisibleDescendant?) { + firstFocusableRow.tabIndex = '-1'; + currentFocusedRow.tabIndex = '0'; + + DomHandler.focus(currentFocusedRow); + } + + restoreFocus(index?) { this.zone.runOutsideAngular(() => { setTimeout(() => { - let row = DomHandler.findSingle(this.tt.containerViewChild?.nativeElement, '.p-treetable-tbody').children[this.tt.toggleRowIndex]; + const container = this.tt.containerViewChild?.nativeElement; + const row = DomHandler.findSingle(container, '.p-treetable-tbody').children[index || this.tt.toggleRowIndex]; + const rows = [...DomHandler.find(container, 'tr')]; + + rows && + rows.forEach((r) => { + if (!row.isSameNode(r)) { + r.tabIndex = -1; + } + }); + if (row) { + row.tabIndex = 0; row.focus(); } }, 25); @@ -3376,10 +3508,12 @@ export class TTRow { pRipple [style.visibility]="rowNode.node.leaf === false || (rowNode.node.children && rowNode.node.children.length) ? 'visible' : 'hidden'" [style.marginLeft]="rowNode.level * 16 + 'px'" + [attr.data-pc-section]="'rowtoggler'" + [attr.data-pc-group-section]="'rowactionbutton'" > - - + + diff --git a/src/app/components/tristatecheckbox/tristatecheckbox.css b/src/app/components/tristatecheckbox/tristatecheckbox.css new file mode 100644 index 00000000000..11d05e8bd90 --- /dev/null +++ b/src/app/components/tristatecheckbox/tristatecheckbox.css @@ -0,0 +1,5 @@ +@layer primeng { + .p-tristatecheckbox-label { + cursor: pointer; + } +} diff --git a/src/app/components/tristatecheckbox/tristatecheckbox.ts b/src/app/components/tristatecheckbox/tristatecheckbox.ts index 26d1e0cb2e4..f1c1c171eba 100755 --- a/src/app/components/tristatecheckbox/tristatecheckbox.ts +++ b/src/app/components/tristatecheckbox/tristatecheckbox.ts @@ -1,9 +1,9 @@ -import { NgModule, Component, Input, Output, EventEmitter, forwardRef, ChangeDetectorRef, ChangeDetectionStrategy, ViewEncapsulation, TemplateRef, ContentChildren, QueryList } from '@angular/core'; import { CommonModule } from '@angular/common'; -import { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewEncapsulation, forwardRef } from '@angular/core'; +import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'; +import { PrimeTemplate, SharedModule } from 'primeng/api'; import { CheckIcon } from 'primeng/icons/check'; import { TimesIcon } from 'primeng/icons/times'; -import { PrimeTemplate, SharedModule } from 'primeng/api'; import { Nullable } from 'primeng/ts-helpers'; import { TriStateCheckboxChangeEvent } from './tristatecheckbox.interface'; @@ -19,46 +19,54 @@ export const TRISTATECHECKBOX_VALUE_ACCESSOR: any = { @Component({ selector: 'p-triStateCheckbox', template: ` -
    +
    - - + `, providers: [TRISTATECHECKBOX_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, @@ -79,6 +87,11 @@ export class TriStateCheckbox implements ControlValueAccessor { * @group Props */ @Input() name: string | undefined; + /** + * Defines a string that labels the input for accessibility. + * @group Props + */ + @Input() ariaLabel: string | undefined; /** * Establishes relationships between the component and label(s) where its value should be one or more element IDs. * @group Props @@ -153,14 +166,8 @@ export class TriStateCheckbox implements ControlValueAccessor { } } - onKeydown(event: KeyboardEvent) { - if (event.keyCode == 32) { - event.preventDefault(); - } - } - - onKeyup(event: KeyboardEvent) { - if (event.keyCode == 32 && !this.readonly) { + onKeyDown(event: KeyboardEvent) { + if (event.key === 'Enter') { this.toggle(event); event.preventDefault(); } diff --git a/src/app/components/utils/objectutils.ts b/src/app/components/utils/objectutils.ts index ae5dbf6bf09..87f7f7307c9 100644 --- a/src/app/components/utils/objectutils.ts +++ b/src/app/components/utils/objectutils.ts @@ -190,8 +190,12 @@ export class ObjectUtils { public static sort(value1, value2, order = 1, locale, nullSortOrder = 1) { const result = ObjectUtils.compare(value1, value2, locale, order); + let finalSortOrder = order; + // nullSortOrder == 1 means Excel like sort nulls at bottom - const finalSortOrder = nullSortOrder === 1 ? order : nullSortOrder; + if (ObjectUtils.isEmpty(value1) || ObjectUtils.isEmpty(value2)) { + finalSortOrder = nullSortOrder === 1 ? order : nullSortOrder; + } return finalSortOrder * result; } diff --git a/src/app/components/virtualscroller/virtualscroller.ts b/src/app/components/virtualscroller/virtualscroller.ts index deeff546fc2..3980427daa3 100755 --- a/src/app/components/virtualscroller/virtualscroller.ts +++ b/src/app/components/virtualscroller/virtualscroller.ts @@ -1,8 +1,7 @@ import { CommonModule } from '@angular/common'; import { AfterContentInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ContentChildren, ElementRef, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core'; -import { BlockableUI, Footer, Header, PrimeTemplate, SharedModule } from 'primeng/api'; +import { BlockableUI, Footer, Header, PrimeTemplate, ScrollerOptions, SharedModule } from 'primeng/api'; import { Scroller, ScrollerModule } from 'primeng/scroller'; -import { ScrollerOptions } from 'primeng/api'; import { Nullable } from 'primeng/ts-helpers'; import { VirtualScrollerLazyLoadEvent } from './virtualscroller.interface'; /** @@ -12,12 +11,12 @@ import { VirtualScrollerLazyLoadEvent } from './virtualscroller.interface'; @Component({ selector: 'p-virtualScroller', template: ` -
    +
    -
    +
    @@ -26,7 +25,7 @@ import { VirtualScrollerLazyLoadEvent } from './virtualscroller.interface';
    -
    +
    diff --git a/src/app/showcase/data/news.json b/src/app/showcase/data/news.json index c815bb169a9..c2e701aaf0e 100644 --- a/src/app/showcase/data/news.json +++ b/src/app/showcase/data/news.json @@ -1,11 +1,6 @@ { - "id": 58, + "id": 60, "content": "Sakai Free Admin Template", - "linkText": "Learn More", - "linkHref": "https://primefaces.org/sakai-ng", - "backgroundStyle": "background-color:#3B82F6", - "textStyle": "color:#ffffff;font-weight:500", - "linkStyle": "color:#ffffff;font-weight:700", - "linkHoverStyle": "text-decoration: underline" + "linkText": "View Demo", + "linkHref": "https://primefaces.org/sakai-ng" } - diff --git a/src/app/showcase/data/versions.json b/src/app/showcase/data/versions.json index 78848d75002..ad0f8b83d84 100644 --- a/src/app/showcase/data/versions.json +++ b/src/app/showcase/data/versions.json @@ -1,52 +1,57 @@ [ { - "version": "v16.4.1", - "name": "v16", + "version": "v17.0.0-rc.1", + "name": "v17", "url": "https://primeng.org" }, { - "version": "v15.4.9-lts", + "version": "v16.9.1", + "name": "v16", + "url": "https://www.primefaces.org/primeng-v16/" + }, + { + "version": "v15.4.13-lts", "name": "v15", "url": "https://www.primefaces.org/primeng-v15-lts/#/" }, { - "version": "v14.2.12-lts", + "version": "v14.2.16-lts", "name": "v14", "url": "https://www.primefaces.org/primeng-v14-lts" }, { - "version": "v13.4.5-lts", + "version": "13.4.5-lts", "name": "v13", "url": "https://www.primefaces.org/primeng-v13-lts" }, { - "version": "v12.2.5-lts", + "version": "12.2.5-lts", "name": "v12", "url": "https://www.primefaces.org/primeng-v12-lts" }, { - "version": "v11.4.10-lts", + "version": "11.4.10-lts", "name": "v11", "url": "https://www.primefaces.org/primeng-v11-lts" }, { - "version": "v10.1.5-lts", + "version": "10.1.5-lts", "name": "v10", "url": "https://www.primefaces.org/primeng-v10-lts" }, { - "version": "v9.2.8-lts", + "version": "9.2.8-lts", "name": "v9", "url": "https://www.primefaces.org/primeng-v9-lts" }, { - "version": "v8.2.9-lts", + "version": "8.2.9-lts", "name": "v8", "url": "https://www.primefaces.org/primeng-v8-lts" }, { - "version": "v7.2.6-lts", + "version": "7.2.6-lts", "name": "v7", "url": "https://www.primefaces.org/primeng-v7-lts" } -] +] \ No newline at end of file diff --git a/src/app/showcase/doc/Image/accessibilitydoc.ts b/src/app/showcase/doc/Image/accessibilitydoc.ts index 99761dd1c56..729f8871be9 100644 --- a/src/app/showcase/doc/Image/accessibilitydoc.ts +++ b/src/app/showcase/doc/Image/accessibilitydoc.ts @@ -1,13 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` + template: `

    Screen Reader

    -

    - The preview button is a native button element with an aria-label that refers to the aria.zoomImage property of the locale API by default, with previewButtonPropsyou may use - your own aria roles and attributes as any valid attribute is passed to the button element implicitly. -

    +

    The preview button is a native button element with an aria-label that refers to the aria.zoomImage property of the locale API by default.

    When preview is active, dialog role with aria-modal is applied to the overlay image container.

    Button controls use aria.rotateRight, aria.rotateLeft, aria.zoomIn, aria.zoomOut and aria.close from the locale API as aria-label.

    ButtonBar Keyboard Support

    @@ -42,8 +39,4 @@ import { Component, Input } from '@angular/core';
    ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/Image/basicdoc.ts b/src/app/showcase/doc/Image/basicdoc.ts index 8f96f260f87..436feffc5ec 100644 --- a/src/app/showcase/doc/Image/basicdoc.ts +++ b/src/app/showcase/doc/Image/basicdoc.ts @@ -1,26 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
    - + template: ` +

    Image is used as the native img element and supports all properties that the native element has. For multiple image, see Galleria.
    -
    ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/Image/imagedoc.module.ts b/src/app/showcase/doc/Image/imagedoc.module.ts index 2a69882dc03..5abb87d99ea 100644 --- a/src/app/showcase/doc/Image/imagedoc.module.ts +++ b/src/app/showcase/doc/Image/imagedoc.module.ts @@ -3,7 +3,7 @@ import { RouterModule } from '@angular/router'; import { NgModule } from '@angular/core'; import { ImageModule } from 'primeng/image'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { BasicDoc } from './basicdoc'; import { TemplateDoc } from './templatedoc'; import { PreviewDoc } from './previewdoc'; diff --git a/src/app/showcase/doc/Image/importdoc.ts b/src/app/showcase/doc/Image/importdoc.ts index 31a5cd02c06..ad7216832cd 100644 --- a/src/app/showcase/doc/Image/importdoc.ts +++ b/src/app/showcase/doc/Image/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { ImageModule } from 'primeng/image';` }; diff --git a/src/app/showcase/doc/Image/previewdoc.ts b/src/app/showcase/doc/Image/previewdoc.ts index 1e218686ee8..72b32e138b4 100644 --- a/src/app/showcase/doc/Image/previewdoc.ts +++ b/src/app/showcase/doc/Image/previewdoc.ts @@ -1,26 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'image-preview-demo', - template: `
    - + template: ` +

    Preview mode displays a modal layer when the image is clicked that provides transformation options such as rotating and zooming.
    -
    ` + ` }) export class PreviewDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/Image/previewimagesourcedoc.ts b/src/app/showcase/doc/Image/previewimagesourcedoc.ts index 148d2fea8b9..c25a9b85488 100644 --- a/src/app/showcase/doc/Image/previewimagesourcedoc.ts +++ b/src/app/showcase/doc/Image/previewimagesourcedoc.ts @@ -1,26 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'image-preview-source-demo', - template: `
    - + template: ` +

    In case that you want to show different image on preview, you can set previewImageSrc attribute. It could come handy when wanted to use smaller image version at first and bigger one on preview.
    -
    ` + ` }) export class PreviewImageSourceDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/Image/styledoc.ts b/src/app/showcase/doc/Image/styledoc.ts index ea828eafa1d..6531aa89800 100644 --- a/src/app/showcase/doc/Image/styledoc.ts +++ b/src/app/showcase/doc/Image/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -50,10 +50,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/Image/templatedoc.ts b/src/app/showcase/doc/Image/templatedoc.ts index c85be30d5ac..94386dbdab7 100644 --- a/src/app/showcase/doc/Image/templatedoc.ts +++ b/src/app/showcase/doc/Image/templatedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'template-doc', - template: `
    - + template: ` +

    An eye icon is displayed by default when the image is hovered in preview mode. Use the indicator template for custom content.
    @@ -15,16 +15,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/accessibility/accessibilitydoc.module.ts b/src/app/showcase/doc/accessibility/accessibilitydoc.module.ts index 49c06ca7a87..10dd54b86ce 100644 --- a/src/app/showcase/doc/accessibility/accessibilitydoc.module.ts +++ b/src/app/showcase/doc/accessibility/accessibilitydoc.module.ts @@ -4,7 +4,7 @@ import { FormsModule } from '@angular/forms'; import { RouterModule } from '@angular/router'; import { CheckboxModule } from 'primeng/checkbox'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { ColorsDoc } from './colorsdoc'; import { FormControlsDoc } from './formcontrolsdoc'; import { IntroductionDoc } from './introductiondoc'; diff --git a/src/app/showcase/doc/accessibility/colorsdoc.ts b/src/app/showcase/doc/accessibility/colorsdoc.ts index 9c062d5cc62..360c1f9fa88 100644 --- a/src/app/showcase/doc/accessibility/colorsdoc.ts +++ b/src/app/showcase/doc/accessibility/colorsdoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'colors-doc', - template: `
    - + template: ` +

    Colors on a web page should aim a contrast ratio of at least 4.5:1 and consider a selection of colors that do not cause vibration.

    Good Contrast

    Color contrast between the background and the foreground content should be sufficient enough to ensure readability. Example below displays two cases with good and bad samples.

    @@ -40,10 +40,6 @@ import { Component, Input } from '@angular/core';
    - ` + ` }) -export class ColorsDoc { - @Input() id: string; - - @Input() title: string; -} +export class ColorsDoc {} diff --git a/src/app/showcase/doc/accessibility/formcontrolsdoc.ts b/src/app/showcase/doc/accessibility/formcontrolsdoc.ts index 2cb96accff4..c0d76840339 100644 --- a/src/app/showcase/doc/accessibility/formcontrolsdoc.ts +++ b/src/app/showcase/doc/accessibility/formcontrolsdoc.ts @@ -1,18 +1,18 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'form-controls-doc', - template: `
    - + template: ` +

    Native form elements should be preferred instead of elements that are meant for other purposes like presentation. As an example, button below is rendered as a form control by the browser, can receive focus via tabbing and can be used with space key as well to trigger.

    -

    On the other hand, a fancy css based button using a div has no keyboard or screen reader support.

    +

    On the other hand, a fancy css based button using a div has no keyboard or screen reader support.

    -

    +

    tabindex is required to make a div element accessible in addition to use a keydown to bring the keyboard support back. To avoid the overload and implementing functionality that is already provided by the browser, native form controls should be preferred.

    @@ -21,13 +21,9 @@ import { Code } from '../../domain/code';

    Form components must be related to another element that describes what the form element is used for. This is usually achieved with the label element.

     -
    ` + ` }) export class FormControlsDoc { - @Input() id: string; - - @Input() title: string; - code1: Code = { html: `` }; @@ -41,7 +37,7 @@ export class FormControlsDoc { }; code4: Code = { - html: ` + html: ` ` }; } diff --git a/src/app/showcase/doc/accessibility/introductiondoc.ts b/src/app/showcase/doc/accessibility/introductiondoc.ts index edee7e8318f..2f5f7ec840e 100644 --- a/src/app/showcase/doc/accessibility/introductiondoc.ts +++ b/src/app/showcase/doc/accessibility/introductiondoc.ts @@ -1,15 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'introduction-doc', - template: `
    - -

    - Accessibility is a major concern of the Prime UI libraries and PrimeNG is no exception. PrimeTek teams have initiated a significant process to review and enhance the - accessibility features of the components. This guide documents the foundation of the general guidelines that PrimeNG will follow and each component documentation will have a separate Accessibility section that states the - keyboard support, screen reader compatibility, the implementation details along with tips to achieve WCAG compliancy. This work has been completed for - PrimeVue as the reference implementation and it will be ported to PrimeNG in Q2 2023. -

    + template: ` +

    According to the World Health Organization, 15% of the world population has a disability to some degree. As a result, accessibility features in any context such as a ramp for wheelchair users or a multimedia with captions are crucial to ensure content can be consumed by anyone. @@ -43,10 +37,6 @@ import { Component, Input } from '@angular/core'; impairments result in better design for any user.

    -
    ` + ` }) -export class IntroductionDoc { - @Input() id: string; - - @Input() title: string; -} +export class IntroductionDoc {} diff --git a/src/app/showcase/doc/accessibility/semantichtmldoc.ts b/src/app/showcase/doc/accessibility/semantichtmldoc.ts index 624a2ebe928..105f5f55c26 100644 --- a/src/app/showcase/doc/accessibility/semantichtmldoc.ts +++ b/src/app/showcase/doc/accessibility/semantichtmldoc.ts @@ -1,25 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'semantic-html-doc', - template: `
    - + template: ` +

    HTML offers various element to organize content on a web page that screen readers are aware of. Preferring Semantic HTML for good semantics provide out of the box support for reader which is not possible when regular div elements with classes are used. Consider the following example that do not mean too much for readers.

    -

    Same layout can be achieved using the semantic elements with screen reader support built-in.

    +

    Same layout can be achieved using the semantic elements with screen reader support built-in.

     -
    ` + ` }) export class SemanticHTMLDoc { - @Input() id: string; - - @Input() title: string; - code1: Code = { html: `
    Header>
    diff --git a/src/app/showcase/doc/accessibility/waiariadoc.ts b/src/app/showcase/doc/accessibility/waiariadoc.ts index a66e36f04d8..2707f81eb60 100644 --- a/src/app/showcase/doc/accessibility/waiariadoc.ts +++ b/src/app/showcase/doc/accessibility/waiariadoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'wai-aria-doc', - template: `
    - + template: ` +

    ARIA refers to "Accessible Rich Internet Applications" is a suite to fill the gap where semantic HTML is inadequate. These cases are mainly related to rich UI components/widgets. Although browser support for rich UI components such as a datepicker or colorpicker has been improved over the past years many web developers still utilize UI components derived from standard HTML elements created by them or by other projects like PrimeNG. These types of components must @@ -16,33 +16,29 @@ import { Code } from '../../domain/code';

    Consider the following case of a native checkbox. It has built-in keyboard and screen reader support.

    -

    +

    A fancy checkbox with css animations might look more appealing but accessibility might be lacking. Checkbox below may display a checked font icon with animations however it is not tabbable, cannot be checked with space key and cannot be read by a reader.

    -

    One alternative is using ARIA roles for readers and use javascript for keyboard support. Notice the usage of aria-labelledby as a replacement of the label tag with htmlFor.

    +

    One alternative is using ARIA roles for readers and use javascript for keyboard support. Notice the usage of aria-labelledby as a replacement of the label tag with for.

    -

    +

    However the best practice is combining semantic HTML for accessibility while keeping the design for UX. This approach involves hiding a native checkbox for accessibility and using javascript events to update its state. Notice the usage of p-sr-only that hides the elements from the user but not from the screen reader.

    -

    A working sample is the PrimeNG checkbox that is tabbable, keyboard accessible and is compliant with a screen reader. Instead of ARIA roles it relies on a hidden native checkbox.

    +

    A working sample is the PrimeNG checkbox that is tabbable, keyboard accessible and is compliant with a screen reader. Instead of ARIA roles it relies on a hidden native checkbox.

    - +
    -
    ` + ` }) export class WAIARIADoc { - @Input() id: string; - - @Input() title: string; - code1: Code = { basic: `` }; diff --git a/src/app/showcase/doc/accessibility/wcagdoc.ts b/src/app/showcase/doc/accessibility/wcagdoc.ts index 3e4d96e3705..836cbfe1148 100644 --- a/src/app/showcase/doc/accessibility/wcagdoc.ts +++ b/src/app/showcase/doc/accessibility/wcagdoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'wcag-doc', - template: `
    - + template: ` +

    WCAG refers to Web Content Accessibility Guideline, a standard managed by the WAI (Web Accessibility Initiative) of W3C (World Wide Web Consortium). WCAG consists of recommendations for making the web content more accessible. PrimeNG components aim high level of WCAG compliancy in the near future. @@ -13,10 +13,6 @@ import { Component, Input } from '@angular/core'; Web Accessibility Directive of the European Union.

    -
    ` + ` }) -export class WCAGDoc { - @Input() id: string; - - @Input() title: string; -} +export class WCAGDoc {} diff --git a/src/app/showcase/doc/accordion/accessibilitydoc.ts b/src/app/showcase/doc/accordion/accessibilitydoc.ts index 8e82c41f021..9d976399ffd 100644 --- a/src/app/showcase/doc/accordion/accessibilitydoc.ts +++ b/src/app/showcase/doc/accordion/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
    - +

    Screen Reader

    Accordion header elements have a button role and use aria-controls to define the id of the content section along with aria-expanded for the visibility state. The value to read a header element defaults to the @@ -73,8 +73,4 @@ import { Component, Input } from '@angular/core';

    ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/accordion/accordiondoc.module.ts b/src/app/showcase/doc/accordion/accordiondoc.module.ts index 6063f5de70b..5a61dfe7051 100644 --- a/src/app/showcase/doc/accordion/accordiondoc.module.ts +++ b/src/app/showcase/doc/accordion/accordiondoc.module.ts @@ -4,7 +4,7 @@ import { RouterModule } from '@angular/router'; import { AccordionModule } from 'primeng/accordion'; import { ButtonModule } from 'primeng/button'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { ControlledDoc } from './controlleddoc'; diff --git a/src/app/showcase/doc/accordion/basicdoc.ts b/src/app/showcase/doc/accordion/basicdoc.ts index e4a8687ce45..c4f6269ed5e 100644 --- a/src/app/showcase/doc/accordion/basicdoc.ts +++ b/src/app/showcase/doc/accordion/basicdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
    - + template: ` +

    Accordion consists of one or more AccordionTab elements which are collapsed by default. Tab to expand initially can be defined with the activeIndex property.
    @@ -30,16 +30,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo diff --git a/src/app/showcase/doc/accordion/controlleddoc.ts b/src/app/showcase/doc/accordion/controlleddoc.ts index 9f2fc7a4865..1da0a9cc1ff 100644 --- a/src/app/showcase/doc/accordion/controlleddoc.ts +++ b/src/app/showcase/doc/accordion/controlleddoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'controlled-doc', - template: `

    - + template: ` +

    Tabs can be controlled programmatically using the activeIndex property of the accordion in general or the selected property of p-accordionTab individually.
    @@ -35,18 +35,13 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class ControlledDoc { - @Input() id: string; - - @Input() title: string; - activeIndex: number | undefined; code: Code = { - basic: ` -
    + basic: `
    diff --git a/src/app/showcase/doc/accordion/disableddoc.ts b/src/app/showcase/doc/accordion/disableddoc.ts index d79f6cb5835..6a4e90e05e8 100644 --- a/src/app/showcase/doc/accordion/disableddoc.ts +++ b/src/app/showcase/doc/accordion/disableddoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'disabled-doc', - template: `
    - + template: ` +

    Enabling disabled property of an AccordionTab prevents user interaction.
    @@ -30,16 +30,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class DisabledDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo diff --git a/src/app/showcase/doc/accordion/importdoc.ts b/src/app/showcase/doc/accordion/importdoc.ts index ad8ff5cca23..64d433e69c0 100644 --- a/src/app/showcase/doc/accordion/importdoc.ts +++ b/src/app/showcase/doc/accordion/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `

    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { AccordionModule } from 'primeng/accordion';` }; diff --git a/src/app/showcase/doc/accordion/multipledoc.ts b/src/app/showcase/doc/accordion/multipledoc.ts index 70bc40b21d1..e1217546c65 100644 --- a/src/app/showcase/doc/accordion/multipledoc.ts +++ b/src/app/showcase/doc/accordion/multipledoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'multiple-doc', - template: `
    - + template: ` +

    Only one tab at a time can be active by default, enabling multiple property changes this behavior to allow multiple tabs. In this case activeIndex needs to be an array.
    @@ -30,16 +30,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class MultipleDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo diff --git a/src/app/showcase/doc/accordion/styledoc.ts b/src/app/showcase/doc/accordion/styledoc.ts index 76cdd38a1d6..bf3ad41e402 100644 --- a/src/app/showcase/doc/accordion/styledoc.ts +++ b/src/app/showcase/doc/accordion/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `

    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -30,10 +30,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/accordion/templatedoc.ts b/src/app/showcase/doc/accordion/templatedoc.ts index 857bfe1b9b2..ea6be4bbef1 100644 --- a/src/app/showcase/doc/accordion/templatedoc.ts +++ b/src/app/showcase/doc/accordion/templatedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'template-doc', - template: `
    - + template: ` +

    AccordionTab is customized header and content templates.
    @@ -57,16 +57,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `
    diff --git a/src/app/showcase/doc/animate/basicdoc.ts b/src/app/showcase/doc/animate/basicdoc.ts deleted file mode 100644 index c0ec19716b6..00000000000 --- a/src/app/showcase/doc/animate/basicdoc.ts +++ /dev/null @@ -1,54 +0,0 @@ -import { Component, Input } from '@angular/core'; -import { Code } from '../../domain/code'; - -@Component({ - selector: 'basic-doc', - template: `
    - -

    - Animate uses PrimeFlex animations, however it can perform animations with custom CSS classes too. Takes enterClass and leaveClass properties to simply add animation class during scroll or page load to manage elements - animation if the element is entering or leaving the viewport. -

    -     -
    -
    - flip -
    -
    -
    - flip up -
    -
    - -
    ` -}) -export class BasicDoc { - @Input() id: string; - - @Input() title: string; - - code: Code = { - basic: ` -
    - flip -
    `, - html: ` -
    -
    - flip -
    -
    -
    - flipup -
    -
    `, - typescript: ` -import { Component } from '@angular/core'; - -@Component({ - selector: 'animate-basic-demo', - templateUrl: './animate-basic-demo.html' -}) -export class AnimateBasicDemo {}` - }; -} diff --git a/src/app/showcase/doc/animate/importdoc.ts b/src/app/showcase/doc/animate/importdoc.ts deleted file mode 100644 index ea16ff77eb3..00000000000 --- a/src/app/showcase/doc/animate/importdoc.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { Component, Input } from '@angular/core'; -import { Code } from '../../domain/code'; - -@Component({ - selector: 'import-doc', - template: `
    - - -
    ` -}) -export class ImportDoc { - @Input() id: string; - - @Input() title: string; - - code: Code = { - typescript: `import { AnimateModule } from 'primeng/animate';` - }; -} diff --git a/src/app/showcase/doc/animateonscroll/accessibilitydoc.ts b/src/app/showcase/doc/animateonscroll/accessibilitydoc.ts new file mode 100644 index 00000000000..cc2b689087a --- /dev/null +++ b/src/app/showcase/doc/animateonscroll/accessibilitydoc.ts @@ -0,0 +1,14 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'accessibility-doc', + template: `
    + +

    Screen Reader

    +

    AnimateOnScroll does not require any roles and attributes.

    +

    Keyboard Support

    +

    Component does not include any interactive elements.

    +     +
    ` +}) +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/animate/animatedoc.module.ts b/src/app/showcase/doc/animateonscroll/animateonscrolldoc.module.ts similarity index 54% rename from src/app/showcase/doc/animate/animatedoc.module.ts rename to src/app/showcase/doc/animateonscroll/animateonscrolldoc.module.ts index 2c3a4ec6dd4..7de6b528064 100644 --- a/src/app/showcase/doc/animate/animatedoc.module.ts +++ b/src/app/showcase/doc/animateonscroll/animateonscrolldoc.module.ts @@ -2,14 +2,15 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { ImportDoc } from './importdoc'; import { BasicDoc } from './basicdoc'; -import { AnimateModule } from 'primeng/animate'; +import { AccessibilityDoc } from './accessibilitydoc'; +import { AnimateOnScrollModule } from 'primeng/animateonscroll'; @NgModule({ - imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, AnimateModule], - declarations: [ImportDoc, BasicDoc], + imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, AnimateOnScrollModule], + declarations: [ImportDoc, BasicDoc, AccessibilityDoc], exports: [AppDocModule] }) -export class AnimateDocModule {} +export class AnimateOnScrollDocModule {} diff --git a/src/app/showcase/doc/animateonscroll/basicdoc.ts b/src/app/showcase/doc/animateonscroll/basicdoc.ts new file mode 100644 index 00000000000..a74f0bde2ce --- /dev/null +++ b/src/app/showcase/doc/animateonscroll/basicdoc.ts @@ -0,0 +1,193 @@ +import { Component } from '@angular/core'; +import { Code } from '../../domain/code'; + +@Component({ + selector: 'basic-doc', + template: ` + +

    Animation classes are defined with the enterClass and leaveClass properties. This example utilizes PrimeFlex animations however any valid CSS animation is supported.

    +     +
    +
    + Scroll Down + + + +
    +
    +
    + fade-in +
    +
    +
    + fade-left +
    +
    +
    + fade-right +
    +
    +
    + zoom +
    +
    +
    + flip-left +
    +
    +
    + flip-y +
    +
    +
    + scalein +
    +
    + + `, + styles: [ + ` + :host { + @keyframes slidedown-icon { + 0% { + transform: translateY(0); + } + + 50% { + transform: translateY(20px); + } + + 100% { + transform: translateY(0); + } + } + + .slidedown-icon { + animation: slidedown-icon; + animation-duration: 3s; + animation-iteration-count: infinite; + } + + .box { + background-image: radial-gradient(var(--primary-300), var(--primary-600)); + border-radius: 50% !important; + color: var(--primary-color-text); + } + } + ` + ] +}) +export class BasicDoc { + code: Code = { + basic: `
    + Scroll Down + + + +
    +
    +
    + fade-in +
    +
    +
    + fade-left +
    +
    +
    + fade-right +
    +
    +
    + zoom +
    +
    +
    + flip-left +
    +
    +
    + flip-y +
    +
    +
    + scalein +
    `, + html: ` +
    +
    + Scroll Down + + + +
    +
    +
    + fade-in +
    +
    +
    + fade-left +
    +
    +
    + fade-right +
    +
    +
    + zoom +
    +
    +
    + flip-left +
    +
    +
    + flip-y +
    +
    +
    + scalein +
    +
    `, + typescript: ` +import { Component } from '@angular/core'; + +@Component({ + selector: 'animate-on-scroll-basic-demo', + templateUrl: './animate-on-scroll-basic-demo.html', + styles: [ + \` + :host { + @keyframes slidedown-icon { + 0% { + transform: translateY(0); + } + + 50% { + transform: translateY(20px); + } + + 100% { + transform: translateY(0); + } + } + + .slidedown-icon { + animation: slidedown-icon; + animation-duration: 3s; + animation-iteration-count: infinite; + } + + .box { + background-image: radial-gradient(var(--primary-300), var(--primary-600)); + border-radius: 50% !important; + color: var(--primary-color-text); + } + } + \` + ] +}) +export class AnimateOnScrollBasicDemo {}` + }; +} diff --git a/src/app/showcase/doc/animateonscroll/importdoc.ts b/src/app/showcase/doc/animateonscroll/importdoc.ts new file mode 100644 index 00000000000..25316d5ce54 --- /dev/null +++ b/src/app/showcase/doc/animateonscroll/importdoc.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; +import { Code } from '../../domain/code'; + +@Component({ + selector: 'import-doc', + template: ` ` +}) +export class ImportDoc { + code: Code = { + typescript: `import { AnimateOnScrollModule } from 'primeng/animateonscroll';` + }; +} diff --git a/src/app/showcase/doc/apidoc/index.json b/src/app/showcase/doc/apidoc/index.json index 9f9dc332935..493cc824031 100644 --- a/src/app/showcase/doc/apidoc/index.json +++ b/src/app/showcase/doc/apidoc/index.json @@ -332,6 +332,61 @@ } } }, + "animateonscroll": { + "components": { + "AnimateOnScroll": { + "description": "AnimateOnScroll is used to apply animations to elements when entering or leaving the viewport during scrolling.", + "props": { + "description": "Defines the input properties of the component.", + "values": [ + { + "name": "enterClass", + "optional": false, + "readonly": false, + "type": "string", + "description": "Selector to define the CSS class for enter animation." + }, + { + "name": "leaveClass", + "optional": false, + "readonly": false, + "type": "string", + "description": "Selector to define the CSS class for leave animation." + }, + { + "name": "root", + "optional": false, + "readonly": false, + "type": "HTMLElement", + "description": "Specifies the root option of the IntersectionObserver API." + }, + { + "name": "rootMargin", + "optional": false, + "readonly": false, + "type": "string", + "description": "Specifies the rootMargin option of the IntersectionObserver API." + }, + { + "name": "threshold", + "optional": false, + "readonly": false, + "type": "number", + "description": "Specifies the threshold option of the IntersectionObserver API" + }, + { + "name": "once", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "true", + "description": "Whether the scroll event listener should be removed after initial run." + } + ] + } + } + } + }, "blockableui": { "components": {} }, @@ -2234,7 +2289,7 @@ "optional": true, "readonly": false, "type": "\"focus\" | \"hover\"", - "description": "Event to show tooltip." + "description": "Event to show the tooltip." }, { "name": "appendTo", @@ -2312,6 +2367,13 @@ "readonly": false, "type": "number", "description": "Time to wait in milliseconds to hide the tooltip even it is active." + }, + { + "name": "id", + "optional": true, + "readonly": false, + "type": "string", + "description": "When present, it adds a custom id to the tooltip." } ] } @@ -3602,6 +3664,22 @@ "default": "text", "description": "Type of the input, defaults to \"text\"." }, + { + "name": "autoZIndex", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "true", + "description": "Whether to automatically manage layering." + }, + { + "name": "baseZIndex", + "optional": false, + "readonly": false, + "type": "number", + "default": "0", + "description": "Base zIndex value to use in layering." + }, { "name": "ariaLabel", "optional": false, @@ -3667,7 +3745,8 @@ "optional": false, "readonly": false, "type": "string", - "description": "Field of a suggested object to resolve and display." + "description": "Field of a suggested object to resolve and display.", + "deprecated": "use optionLabel property instead" }, { "name": "dropdown", @@ -3759,6 +3838,7 @@ "optional": false, "readonly": false, "type": "string", + "default": "items", "description": "Name of the options field of an option group." }, { @@ -3766,6 +3846,7 @@ "optional": false, "readonly": false, "type": "string", + "default": "label", "description": "Name of the label field of an option group." }, { @@ -3789,6 +3870,80 @@ "type": "number", "description": "Element dimensions of option for virtual scrolling.", "deprecated": "use virtualScrollItemSize property instead." + }, + { + "name": "optionLabel", + "optional": false, + "readonly": false, + "type": "string", + "description": "Property name or getter function to use as the label of an option." + }, + { + "name": "id", + "optional": false, + "readonly": false, + "type": "string", + "description": "Unique identifier of the component." + }, + { + "name": "searchMessage", + "optional": false, + "readonly": false, + "type": "string", + "description": "Text to display when the search is active. Defaults to global value in i18n translation configuration." + }, + { + "name": "emptySelectionMessage", + "optional": false, + "readonly": false, + "type": "string", + "description": "Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration." + }, + { + "name": "selectionMessage", + "optional": false, + "readonly": false, + "type": "string", + "description": "Text to be displayed in hidden accessible field when options are selected. Defaults to global value in i18n translation configuration." + }, + { + "name": "autoOptionFocus", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "true", + "description": "Whether to focus on the first visible or selected element when the overlay panel is shown." + }, + { + "name": "selectOnFocus", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "When enabled, the focused option is selected." + }, + { + "name": "searchLocale", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "Locale to use in searching. The default locale is the host environment's current locale." + }, + { + "name": "optionDisabled", + "optional": false, + "readonly": false, + "type": "string", + "description": "Property name or getter function to use as the disabled flag of an option, defaults to false when not defined." + }, + { + "name": "focusOnHover", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "When enabled, the hovered option will be focused." } ] }, @@ -3809,8 +3964,8 @@ "name": "onSelect", "parameters": [ { - "name": "value", - "type": "any" + "name": "event", + "type": "AutoCompleteSelectEvent" } ], "description": "Callback to invoke when a suggestion is selected." @@ -3819,8 +3974,8 @@ "name": "onUnselect", "parameters": [ { - "name": "value", - "type": "any" + "name": "event", + "type": "AutoCompleteUnselectEvent" } ], "description": "Callback to invoke when a selected value is removed." @@ -3954,6 +4109,46 @@ } ] }, + { + "name": "AutoCompleteSelectEvent", + "description": "Custom select event.", + "props": [ + { + "name": "originalEvent", + "optional": false, + "readonly": false, + "type": "Event", + "description": "Browser event." + }, + { + "name": "value", + "optional": false, + "readonly": false, + "type": "any", + "description": "Selected value." + } + ] + }, + { + "name": "AutoCompleteUnselectEvent", + "description": "Custom unselect event.", + "props": [ + { + "name": "originalEvent", + "optional": false, + "readonly": false, + "type": "Event", + "description": "Browser event." + }, + { + "name": "value", + "optional": false, + "readonly": false, + "type": "any", + "description": "Removed value." + } + ] + }, { "name": "AutoCompleteLazyLoadEvent", "description": "Custom lazy load event.", @@ -4251,7 +4446,7 @@ "name": "severity", "optional": false, "readonly": false, - "type": "\"success\" | \"warning\" | \"danger\" | \"info\"", + "type": "\"success\" | \"warning\" | \"info\" | \"danger\"", "description": "Severity type of the badge." } ] @@ -4287,7 +4482,7 @@ "name": "severity", "optional": false, "readonly": false, - "type": "\"success\" | \"warning\" | \"danger\" | \"info\"", + "type": "\"success\" | \"warning\" | \"info\" | \"danger\"", "description": "Severity type of the badge." }, { @@ -4469,9 +4664,9 @@ "values": [ { "parent": "breadcrumb", - "name": "seperator", + "name": "separator", "parameters": [], - "description": "Custom template of seperator." + "description": "Custom template of separator." } ] } @@ -4588,6 +4783,68 @@ "type": "string", "description": "Icon to display in loading state." }, + { + "name": "raised", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "Add a shadow to indicate elevation." + }, + { + "name": "rounded", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "Add a circular border radius to the button." + }, + { + "name": "text", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "Add a textual class to the button without a background initially." + }, + { + "name": "plain", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "Add a plain textual class to the button without a background initially." + }, + { + "name": "severity", + "optional": false, + "readonly": false, + "type": "string", + "description": "Defines the style of the button." + }, + { + "name": "outlined", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "Add a border class without a background initially." + }, + { + "name": "link", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "Add a link style to the button." + }, + { + "name": "size", + "optional": false, + "readonly": false, + "type": "\"small\" | \"large\"", + "description": "Defines the size of the button." + }, { "name": "style", "optional": false, @@ -4745,6 +5002,13 @@ "type": "string", "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs." }, + { + "name": "ariaLabel", + "optional": false, + "readonly": false, + "type": "string", + "description": "Defines a string that labels the input for accessibility." + }, { "name": "iconAriaLabel", "optional": false, @@ -5920,45 +6184,117 @@ "description": "Defines the input properties of the component.", "values": [ { - "name": "styleClass", + "name": "id", "optional": false, "readonly": false, "type": "string", - "description": "Style class of the component." + "description": "Unique identifier of the component" }, { - "name": "style", + "name": "selectOnFocus", "optional": false, "readonly": false, - "type": "Object", - "description": "Inline style of the component." + "type": "boolean", + "default": "false", + "description": "Determines if the option will be selected on focus." }, { - "name": "options", + "name": "searchMessage", "optional": false, "readonly": false, - "type": "string | string[]", - "description": "An array of selectitems to display as the available options." + "type": "string", + "description": "Text to display when the search is active. Defaults to global value in i18n translation configuration." }, { - "name": "optionLabel", + "name": "emptyMessage", "optional": false, "readonly": false, "type": "string", - "description": "Property name or getter function to use as the label of an option." + "description": "Text to display when there is no data. Defaults to global value in i18n translation configuration." }, { - "name": "optionValue", + "name": "selectionMessage", "optional": false, "readonly": false, "type": "string", - "description": "Property name or getter function to use as the value of an option, defaults to the option itself when not defined." + "description": "Text to be displayed in hidden accessible field when options are selected. Defaults to global value in i18n translation configuration." }, { - "name": "optionGroupLabel", + "name": "emptySearchMessage", "optional": false, "readonly": false, - "type": "string | string[]", + "type": "string", + "description": "Text to display when filtering does not return any results. Defaults to value from PrimeVue locale configuration." + }, + { + "name": "emptySelectionMessage", + "optional": false, + "readonly": false, + "type": "string", + "description": "Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration." + }, + { + "name": "searchLocale", + "optional": false, + "readonly": false, + "type": "string", + "description": "Locale to use in searching. The default locale is the host environment's current locale." + }, + { + "name": "optionDisabled", + "optional": false, + "readonly": false, + "type": "any", + "description": "Name of the disabled field of an option." + }, + { + "name": "autoOptionFocus", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "true", + "description": "Whether to focus on the first visible or selected element when the overlay panel is shown." + }, + { + "name": "styleClass", + "optional": false, + "readonly": false, + "type": "string", + "description": "Style class of the component." + }, + { + "name": "style", + "optional": false, + "readonly": false, + "type": "Object", + "description": "Inline style of the component." + }, + { + "name": "options", + "optional": false, + "readonly": false, + "type": "string | string[]", + "description": "An array of selectitems to display as the available options." + }, + { + "name": "optionLabel", + "optional": false, + "readonly": false, + "type": "string", + "description": "Property name or getter function to use as the label of an option." + }, + { + "name": "optionValue", + "optional": false, + "readonly": false, + "type": "string", + "description": "Property name or getter function to use as the value of an option, defaults to the option itself when not defined." + }, + { + "name": "optionGroupLabel", + "optional": false, + "readonly": false, + "type": "string | string[]", "description": "Property name or getter function to use as the label of an option group." }, { @@ -6000,7 +6336,8 @@ "name": "tabindex", "optional": false, "readonly": false, - "type": "string", + "type": "number", + "default": "0", "description": "Index of the element in tabbing order." }, { @@ -6094,7 +6431,7 @@ "parameters": [ { "name": "event", - "type": "Event" + "type": "CascadeSelectChangeEvent" } ], "description": "Callback to invoke on value change." @@ -6158,6 +6495,26 @@ } ], "description": "Callback to invoke before overlay is hidden." + }, + { + "name": "onFocus", + "parameters": [ + { + "name": "event", + "type": "FocusEvent" + } + ], + "description": "Callback to invoke when input receives focus." + }, + { + "name": "onBlur", + "parameters": [ + { + "name": "event", + "type": "FocusEvent" + } + ], + "description": "Callback to invoke when input loses focus." } ] } @@ -6275,6 +6632,33 @@ "description": "Overlay mode." } ] + }, + { + "name": "CascadeSelectChangeEvent", + "description": "Custom panel change event emits when selection changed.", + "props": [ + { + "name": "originalEvent", + "optional": true, + "readonly": false, + "type": "Event", + "description": "Browser event." + }, + { + "name": "value", + "optional": true, + "readonly": false, + "type": "any", + "description": "Selected value." + }, + { + "name": "isFocus", + "optional": true, + "readonly": false, + "type": "boolean", + "description": "Focus state." + } + ] } ] }, @@ -6371,6 +6755,20 @@ "default": "true", "description": "Whether the chart is redrawn on screen size change." }, + { + "name": "ariaLabel", + "optional": false, + "readonly": false, + "type": "string", + "description": "Used to define a string that autocomplete attribute the current element." + }, + { + "name": "ariaLabelledBy", + "optional": false, + "readonly": false, + "type": "string", + "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs." + }, { "name": "data", "optional": false, @@ -6760,6 +7158,13 @@ "type": "number", "description": "Maximum number of entries allowed." }, + { + "name": "ariaLabel", + "optional": false, + "readonly": false, + "type": "string", + "description": "Defines a string that labels the input for accessibility." + }, { "name": "ariaLabelledBy", "optional": false, @@ -7385,7 +7790,7 @@ "name": "defaultFocus", "optional": false, "readonly": false, - "type": "\"close\" | \"reject\" | \"accept\"", + "type": "\"none\" | \"close\" | \"accept\" | \"reject\"", "default": "accept", "description": "Element to receive the focus when the dialog gets visible." }, @@ -8692,7 +9097,7 @@ "name": "type", "optional": false, "readonly": false, - "type": "\"solid\" | \"dashed\" | \"dotted\"", + "type": "\"dashed\" | \"dotted\" | \"solid\"", "default": "solid", "description": "Border style type." }, @@ -8948,6 +9353,13 @@ "props": { "description": "Defines the input properties of the component.", "values": [ + { + "name": "id", + "optional": false, + "readonly": false, + "type": "string", + "description": "Unique identifier of the component" + }, { "name": "scrollHeight", "optional": false, @@ -9035,6 +9447,7 @@ "optional": false, "readonly": false, "type": "number", + "default": "0", "description": "Index of the element in tabbing order." }, { @@ -9079,6 +9492,13 @@ "type": "string", "description": "When filtering is enabled, filterBy decides which field or fields (comma separated) to search against." }, + { + "name": "filterFields", + "optional": false, + "readonly": false, + "type": "any[]", + "description": "Fields used when filtering the options, defaults to optionLabel." + }, { "name": "autofocus", "optional": false, @@ -9128,6 +9548,7 @@ "optional": false, "readonly": false, "type": "string", + "default": "label", "description": "Name of the label field of an option group." }, { @@ -9227,7 +9648,7 @@ "optional": false, "readonly": false, "type": "string", - "description": "Used to define a string that autocomplete attribute the current element." + "description": "Used to define a aria label attribute the current element." }, { "name": "ariaLabelledBy", @@ -9282,6 +9703,30 @@ "type": "string", "description": "Style class of the tooltip." }, + { + "name": "focusOnHover", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "Fields used when filtering the options, defaults to optionLabel." + }, + { + "name": "selectOnFocus", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "Determines if the option will be selected on focus." + }, + { + "name": "autoOptionFocus", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "true", + "description": "Whether to focus on the first visible or selected element when the overlay panel is shown." + }, { "name": "autofocusFilter", "optional": false, @@ -9458,12 +9903,22 @@ }, { "name": "show", - "parameters": [], + "parameters": [ + { + "name": "isFocus", + "type": "any" + } + ], "description": "Displays the panel." }, { "name": "hide", - "parameters": [], + "parameters": [ + { + "name": "isFocus", + "type": "any" + } + ], "description": "Hides the panel." }, { @@ -11691,6 +12146,13 @@ "type": "string", "description": "Attribute of the image element." }, + { + "name": "loading", + "optional": false, + "readonly": false, + "type": "\"eager\" | \"lazy\"", + "description": "Attribute of the image element." + }, { "name": "appendTo", "optional": false, @@ -11956,6 +12418,20 @@ } } }, + "inputgroup": { + "components": { + "InputGroup": { + "description": "InputGroup displays text, icon, buttons and other content can be grouped next to an input." + } + } + }, + "inputgroupaddon": { + "components": { + "InputGroupAddon": { + "description": "InputGroupAddon displays text, icon, buttons and other content can be grouped next to an input." + } + } + }, "inputmask": { "components": { "InputMask": { @@ -12058,6 +12534,13 @@ "type": "string", "description": "Used to define a string that labels the input element." }, + { + "name": "ariaLabelledBy", + "optional": false, + "readonly": false, + "type": "string", + "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs." + }, { "name": "ariaRequired", "optional": false, @@ -12324,6 +12807,13 @@ "type": "string", "description": "Title text of the input text." }, + { + "name": "ariaLabelledBy", + "optional": false, + "readonly": false, + "type": "string", + "description": "Specifies one or more IDs in the DOM that labels the input field." + }, { "name": "ariaLabel", "optional": false, @@ -12744,7 +13234,7 @@ "parameters": [ { "name": "event", - "type": "InputSwitchOnChangeEvent" + "type": "InputSwitchChangeEvent" } ], "description": "Callback to invoke when the on value change." @@ -12759,7 +13249,7 @@ "description": "Defines the custom events used by the component's emitters.", "values": [ { - "name": "InputSwitchOnChangeEvent", + "name": "InputSwitchChangeEvent", "description": "Custom change event.", "props": [ { @@ -12885,6 +13375,28 @@ "type": "Object", "description": "Inline style of the component." }, + { + "name": "ariaLabel", + "optional": false, + "readonly": false, + "type": "string", + "description": "Defines a string that labels the input for accessibility." + }, + { + "name": "ariaLabelledBy", + "optional": false, + "readonly": false, + "type": "string", + "description": "Specifies one or more IDs in the DOM that labels the input field." + }, + { + "name": "tabindex", + "optional": false, + "readonly": false, + "type": "number", + "default": "0", + "description": "Index of the element in tabbing order." + }, { "name": "valueColor", "optional": false, @@ -13015,6 +13527,126 @@ "props": { "description": "Defines the input properties of the component.", "values": [ + { + "name": "id", + "optional": false, + "readonly": false, + "type": "string", + "description": "Unique identifier of the component." + }, + { + "name": "searchMessage", + "optional": false, + "readonly": false, + "type": "string", + "description": "Text to display when the search is active. Defaults to global value in i18n translation configuration." + }, + { + "name": "emptySelectionMessage", + "optional": false, + "readonly": false, + "type": "string", + "description": "Text to display when filtering does not return any results. Defaults to global value in i18n translation configuration." + }, + { + "name": "selectionMessage", + "optional": false, + "readonly": false, + "type": "string", + "description": "Text to be displayed in hidden accessible field when options are selected. Defaults to global value in i18n translation configuration." + }, + { + "name": "autoOptionFocus", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "true", + "description": "Whether to focus on the first visible or selected element when the overlay panel is shown." + }, + { + "name": "selectOnFocus", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "When enabled, the focused option is selected." + }, + { + "name": "searchLocale", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "Locale to use in searching. The default locale is the host environment's current locale." + }, + { + "name": "focusOnHover", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "When enabled, the hovered option will be focused." + }, + { + "name": "filterMessage", + "optional": false, + "readonly": false, + "type": "string", + "description": "Text to display when filtering." + }, + { + "name": "filterFields", + "optional": false, + "readonly": false, + "type": "any[]", + "description": "Fields used when filtering the options, defaults to optionLabel." + }, + { + "name": "lazy", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "Defines if data is loaded and interacted with in lazy manner." + }, + { + "name": "virtualScroll", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "Whether the data should be loaded on demand during scroll." + }, + { + "name": "virtualScrollItemSize", + "optional": false, + "readonly": false, + "type": "number", + "description": "Height of an item in the list for VirtualScrolling." + }, + { + "name": "virtualScrollOptions", + "optional": false, + "readonly": false, + "type": "ScrollerOptions", + "description": "Whether to use the scroller feature. The properties of scroller component can be used like an object in it." + }, + { + "name": "scrollHeight", + "optional": false, + "readonly": false, + "type": "string", + "default": "200px", + "description": "Height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value." + }, + { + "name": "tabindex", + "optional": false, + "readonly": false, + "type": "number", + "default": "0", + "description": "Index of the element in tabbing order." + }, { "name": "multiple", "optional": false, @@ -13155,6 +13787,7 @@ "optional": false, "readonly": false, "type": "string", + "default": "label", "description": "Name of the label field of an option group." }, { @@ -13213,6 +13846,13 @@ "readonly": false, "type": "string", "description": "When specified, filter displays with this value." + }, + { + "name": "selectAll", + "optional": false, + "readonly": false, + "type": "boolean", + "description": "Whether all data is selected." } ] }, @@ -13248,6 +13888,65 @@ } ], "description": "Callback to invoke when option is double clicked." + }, + { + "name": "onFilter", + "parameters": [ + { + "name": "event", + "type": "ListboxFilterEvent" + } + ], + "description": "Callback to invoke when data is filtered." + }, + { + "name": "onFocus", + "parameters": [ + { + "name": "event", + "type": "FocusEvent" + } + ], + "description": "Callback to invoke when component receives focus." + }, + { + "name": "onBlur", + "parameters": [ + { + "name": "event", + "type": "FocusEvent" + } + ], + "description": "Callback to invoke when component loses focus." + }, + { + "name": "onSelectAllChange", + "parameters": [ + { + "name": "event", + "type": "ListboxSelectAllChangeEvent" + } + ], + "description": "Callback to invoke when all data is selected." + } + ] + }, + "methods": { + "description": "Defines methods that can be accessed by the component's reference.", + "values": [ + { + "name": "updateModel", + "parameters": [ + { + "name": "value", + "type": "any" + }, + { + "name": "event", + "type": "any" + } + ], + "description": "Updates the model value." } ] } @@ -13278,6 +13977,46 @@ } ] }, + { + "name": "ListboxSelectAllChangeEvent", + "description": "Custom change event.", + "props": [ + { + "name": "originalEvent", + "optional": false, + "readonly": false, + "type": "Event", + "description": "Browser event." + }, + { + "name": "checked", + "optional": false, + "readonly": false, + "type": "boolean", + "description": "Boolean value indicates whether all data is selected." + } + ] + }, + { + "name": "ListboxFilterEvent", + "description": "Custom filter event.", + "props": [ + { + "name": "originalEvent", + "optional": false, + "readonly": false, + "type": "Event", + "description": "Browser event." + }, + { + "name": "filter", + "optional": false, + "readonly": false, + "type": "any", + "description": "Filter value." + } + ] + }, { "name": "ListboxClickEvent", "description": "Custom change event.", @@ -13294,11 +14033,11 @@ "optional": false, "readonly": false, "type": "any", - "description": "Selected option value" + "description": "Value of the component." }, { "name": "option", - "optional": false, + "optional": true, "readonly": false, "type": "any", "description": "Selected option" @@ -13321,11 +14060,11 @@ "optional": false, "readonly": false, "type": "any", - "description": "Selected option value" + "description": "Value of the component." }, { "name": "option", - "optional": false, + "optional": true, "readonly": false, "type": "any", "description": "Selected option" @@ -13997,6 +14736,20 @@ "props": { "description": "Defines the input properties of the component.", "values": [ + { + "name": "id", + "optional": false, + "readonly": false, + "type": "string", + "description": "Unique identifier of the component" + }, + { + "name": "ariaLabel", + "optional": false, + "readonly": false, + "type": "string", + "description": "Defines a string that labels the input for accessibility." + }, { "name": "style", "optional": false, @@ -14091,6 +14844,7 @@ "optional": false, "readonly": false, "type": "number", + "default": "0", "description": "Index of the element in tabbing order." }, { @@ -14115,33 +14869,29 @@ "description": "Name of the input element." }, { - "name": "label", + "name": "ariaLabelledBy", "optional": false, "readonly": false, "type": "string", - "description": "Label of the input for accessibility." + "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs." }, { - "name": "ariaLabelledBy", + "name": "displaySelectedLabel", "optional": false, "readonly": false, - "type": "string", - "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs." + "type": "boolean" }, { - "name": "displaySelectedLabel", + "name": "maxSelectedLabels", "optional": false, "readonly": false, - "type": "boolean", - "default": "true", - "description": "Whether to show labels of selected item labels or use default label." + "type": "number" }, { - "name": "maxSelectedLabels", + "name": "selectionLimit", "optional": false, "readonly": false, "type": "number", - "default": "3", "description": "Decides how many selected item labels to show at most." }, { @@ -14149,7 +14899,7 @@ "optional": false, "readonly": false, "type": "string", - "default": "ellipsis", + "default": "{0} items selected", "description": "Label to display after exceeding max selected labels e.g. ({0} items selected), defaults \"ellipsis\" keyword to indicate a text-overflow." }, { @@ -14217,6 +14967,7 @@ "optional": false, "readonly": false, "type": "string", + "default": "label", "description": "Name of the label field of an option group." }, { @@ -14354,7 +15105,7 @@ "optional": false, "readonly": false, "type": "string", - "default": "on", + "default": "off", "description": "Defines the autocomplete is active." }, { @@ -14432,11 +15183,42 @@ "deprecated": "use virtualScrollItemSize property instead." }, { - "name": "selectionLimit", + "name": "selectAll", "optional": false, "readonly": false, - "type": "number", - "description": "Number of maximum options that can be selected." + "type": "boolean", + "description": "Whether all data is selected." + }, + { + "name": "focusOnHover", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "Fields used when filtering the options, defaults to optionLabel." + }, + { + "name": "filterFields", + "optional": false, + "readonly": false, + "type": "any[]", + "description": "Fields used when filtering the options, defaults to optionLabel." + }, + { + "name": "selectOnFocus", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "Determines if the option will be selected on focus." + }, + { + "name": "autoOptionFocus", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "true", + "description": "Whether to focus on the first visible or selected element when the overlay panel is shown." } ] }, @@ -14542,6 +15324,55 @@ } ], "description": "Callback to invoke in lazy mode to load new data." + }, + { + "name": "onSelectAllChange", + "parameters": [ + { + "name": "event", + "type": "MultiSelectSelectAllChangeEvent" + } + ], + "description": "Callback to invoke when all data is selected." + } + ] + }, + "methods": { + "description": "Defines methods that can be accessed by the component's reference.", + "values": [ + { + "name": "updateModel", + "parameters": [ + { + "name": "value", + "type": "any" + }, + { + "name": "event", + "type": "any" + } + ], + "description": "Updates the model value." + }, + { + "name": "show", + "parameters": [ + { + "name": "isFocus", + "type": "any" + } + ], + "description": "Displays the panel." + }, + { + "name": "hide", + "parameters": [ + { + "name": "isFocus", + "type": "any" + } + ], + "description": "Hides the panel." } ] } @@ -14579,6 +15410,26 @@ } ] }, + { + "name": "MultiSelectSelectAllChangeEvent", + "description": "Custom change event.", + "props": [ + { + "name": "originalEvent", + "optional": false, + "readonly": false, + "type": "Event", + "description": "Browser event." + }, + { + "name": "checked", + "optional": false, + "readonly": false, + "type": "boolean", + "description": "Boolean value indicates whether all data is selected." + } + ] + }, { "name": "MultiSelectFilterEvent", "description": "Custom filter event.", @@ -14842,6 +15693,27 @@ "type": "string", "description": "Style class of the component." }, + { + "name": "tabindex", + "optional": false, + "readonly": false, + "type": "number", + "description": "Index of the element in tabbing order." + }, + { + "name": "ariaLabel", + "optional": false, + "readonly": false, + "type": "string", + "description": "Defines a string that labels the input for accessibility." + }, + { + "name": "ariaLabelledBy", + "optional": false, + "readonly": false, + "type": "string", + "description": "Specifies one or more IDs in the DOM that labels the input field." + }, { "name": "listStyle", "optional": false, @@ -15005,6 +15877,26 @@ } ], "description": "Callback to invoke when filtering occurs." + }, + { + "name": "onFocus", + "parameters": [ + { + "name": "event", + "type": "Event" + } + ], + "description": "Callback to invoke when the list is focused" + }, + { + "name": "onBlur", + "parameters": [ + { + "name": "event", + "type": "Event" + } + ], + "description": "Callback to invoke when the list is blurred" } ] }, @@ -16676,6 +17568,14 @@ "type": "string", "description": "Text for the source list caption" }, + { + "name": "tabindex", + "optional": false, + "readonly": false, + "type": "number", + "default": "0", + "description": "Index of the element in tabbing order." + }, { "name": "rightButtonAriaLabel", "optional": false, @@ -17030,6 +17930,26 @@ } ], "description": "Callback to invoke when the target list is filtered" + }, + { + "name": "onFocus", + "parameters": [ + { + "name": "event", + "type": "Event" + } + ], + "description": "Callback to invoke when the list is focused" + }, + { + "name": "onBlur", + "parameters": [ + { + "name": "event", + "type": "Event" + } + ], + "description": "Callback to invoke when the list is blurred" } ] } @@ -17666,7 +18586,7 @@ "rating": { "components": { "Rating": { - "description": "RadioButton is an extension to standard radio button element with theming.", + "description": "Rating is an extension to standard radio button element with theming.", "props": { "description": "Defines the input properties of the component.", "values": [ @@ -17768,6 +18688,26 @@ } ], "description": "Emitted when the rating is cancelled." + }, + { + "name": "onFocus", + "parameters": [ + { + "name": "event", + "type": "FocusEvent" + } + ], + "description": "Emitted when the rating receives focus." + }, + { + "name": "onBlur", + "parameters": [ + { + "name": "event", + "type": "FocusEvent" + } + ], + "description": "Emitted when the rating loses focus." } ] } @@ -18576,6 +19516,14 @@ "type": "string", "description": "Name of the disabled field of an option." }, + { + "name": "unselectable", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "false", + "description": "Whether selection can be cleared." + }, { "name": "tabindex", "optional": false, @@ -18592,6 +19540,14 @@ "default": "false", "description": "When specified, allows selecting multiple values." }, + { + "name": "allowEmpty", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "true", + "description": "Whether selection can not be cleared." + }, { "name": "style", "optional": false, @@ -19309,6 +20265,13 @@ "type": "string", "description": "Style class of the component." }, + { + "name": "ariaLabel", + "optional": false, + "readonly": false, + "type": "string", + "description": "Defines a string that labels the input for accessibility." + }, { "name": "ariaLabelledBy", "optional": false, @@ -20073,6 +21036,12 @@ "name": "enterClass", "optional": false, "readonly": false, + "type": "string" + }, + { + "name": "enterFromClass", + "optional": false, + "readonly": false, "type": "string", "description": "Style class to add when item begins to get displayed." }, @@ -20094,6 +21063,12 @@ "name": "leaveClass", "optional": false, "readonly": false, + "type": "string" + }, + { + "name": "leaveFromClass", + "optional": false, + "readonly": false, "type": "string", "description": "Style class to add when item begins to get hidden." }, @@ -20363,7 +21338,7 @@ "optional": false, "readonly": false, "type": "boolean", - "default": "false", + "default": "true", "description": "Defines whether metaKey should be considered for the selection. On touch enabled devices, metaKeySelection is turned off automatically." }, { @@ -22132,6 +23107,28 @@ "default": "false", "description": "When enabled, the focused tab is activated." }, + { + "name": "nextButtonAriaLabel", + "optional": false, + "readonly": false, + "type": "string", + "description": "Used to define a string aria label attribute the forward navigation button." + }, + { + "name": "prevButtonAriaLabel", + "optional": false, + "readonly": false, + "type": "string", + "description": "Used to define a string aria label attribute the backward navigation button." + }, + { + "name": "autoHideButtons", + "optional": false, + "readonly": false, + "type": "boolean", + "default": "true", + "description": "When activated, navigation buttons will automatically hide or show based on the available space within the container." + }, { "name": "tabindex", "optional": false, @@ -22745,8 +23742,7 @@ "name": "position", "optional": false, "readonly": false, - "type": "\"center\" | \"top-right\" | \"top-left\" | \"bottom-left\" | \"bottom-right\" | \"top-center\" | \"bottom-center\"", - "default": "top-right", + "type": "ToastPositionType", "description": "Position of the toast in viewport." }, { @@ -22896,6 +23892,13 @@ "type": "string", "description": "Icon for the off state." }, + { + "name": "ariaLabel", + "optional": false, + "readonly": false, + "type": "string", + "description": "Defines a string that labels the input for accessibility." + }, { "name": "ariaLabelledBy", "optional": false, @@ -23215,7 +24218,7 @@ "name": "selectionMode", "optional": false, "readonly": false, - "type": "\"multiple\" | \"single\" | \"checkbox\"", + "type": "\"multiple\" | \"checkbox\" | \"single\"", "description": "Defines the selection mode." }, { @@ -23967,7 +24970,7 @@ "name": "selectionMode", "optional": false, "readonly": false, - "type": "\"multiple\" | \"single\" | \"checkbox\"", + "type": "\"multiple\" | \"checkbox\" | \"single\"", "default": "single", "description": "Defines the selection mode." }, @@ -23976,8 +24979,16 @@ "optional": false, "readonly": false, "type": "string", + "default": "0", "description": "Index of the element in tabbing order." }, + { + "name": "ariaLabel", + "optional": false, + "readonly": false, + "type": "string", + "description": "Defines a string that labels the input for accessibility." + }, { "name": "ariaLabelledBy", "optional": false, @@ -24631,7 +25642,7 @@ "optional": false, "readonly": false, "type": "boolean", - "default": "false", + "default": "true", "description": "Defines whether metaKey is should be considered for the selection. On touch enabled devices, metaKeySelection is turned off automatically." }, { @@ -25906,6 +26917,13 @@ "type": "string", "description": "Name of the component." }, + { + "name": "ariaLabel", + "optional": false, + "readonly": false, + "type": "string", + "description": "Defines a string that labels the input for accessibility." + }, { "name": "ariaLabelledBy", "optional": false, diff --git a/src/app/showcase/doc/autocomplete/accessibilitydoc.ts b/src/app/showcase/doc/autocomplete/accessibilitydoc.ts index d8d91b49869..1c696407ce0 100644 --- a/src/app/showcase/doc/autocomplete/accessibilitydoc.ts +++ b/src/app/showcase/doc/autocomplete/accessibilitydoc.ts @@ -3,152 +3,144 @@ import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
    - -

    Screen Reader

    -

    - Value to describe the component can either be provided via label tag combined with inputId prop or using aria-labelledby, aria-label props. The input element has combobox role in addition to - aria-autocomplete, aria-haspopup and aria-expanded attributes. The relation between the input and the popup is created with aria-controls and aria-activedescendant attribute is used to instruct - screen reader which option to read during keyboard navigation within the popup list. -

    -

    In multiple mode, chip list uses listbox role whereas each chip has the option role with aria-label set to the label of the chip.

    -

    - The popup list has an id that refers to the aria-controls attribute of the input element and uses listbox as the role. Each list item has option role and an id to match the aria-activedescendant of the - input element. -

    -     + template: ` +

    Screen Reader

    +

    + Value to describe the component can either be provided via label tag combined with inputId prop or using ariaLabelledBy, ariaLabel props. The input element has combobox role in addition to + aria-autocomplete, aria-haspopup and aria-expanded attributes. The relation between the input and the popup is created with aria-controls and aria-activedescendant attribute is used to instruct + screen reader which option to read during keyboard navigation within the popup list. +

    +

    In multiple mode, chip list uses listbox role whereas each chip has the option role with aria-label set to the label of the chip.

    +

    + The popup list has an id that refers to the aria-controls attribute of the input element and uses listbox as the role. Each list item has option role and an id to match the aria-activedescendant of the + input element. +

    +     - + -

    Keyboard Support

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    KeyFunction
    - tab - Moves focus to the input element when popup is not visible. If the popup is open and an item is highlighted then popup gets closed, item gets selected and focus moves to the next focusable element.
    - up arrow - Highlights the previous item if popup is visible.
    - down arrow - Highlights the next item if popup is visible.
    - enter - Selects the highlighted item and closes the popup if popup is visible.
    - home - Highlights the first item if popup is visible.
    - end - Highlights the last item if popup is visible.
    - escape - Hides the popup.
    -
    - -

    Chips Input Keyboard Support

    -
    - - - - - - - - - - - - - - - - - -
    KeyFunction
    - backspace - Deletes the previous chip if the input field is empty.
    - left arrow - Moves focus to the previous chip if available and input field is empty.
    -
    +

    Keyboard Support

    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    KeyFunction
    + tab + Moves focus to the input element when popup is not visible. If the popup is open and an item is highlighted then popup gets closed, item gets selected and focus moves to the next focusable element.
    + up arrow + Highlights the previous item if popup is visible.
    + down arrow + Highlights the next item if popup is visible.
    + enter + Selects the highlighted item and closes the popup if popup is visible.
    + home + Highlights the first item if popup is visible.
    + end + Highlights the last item if popup is visible.
    + escape + Hides the popup.
    +
    -

    Chip Keyboard Support

    -
    - - - - - - - - - - - - - - - - - - - - - -
    KeyFunction
    - left arrow - Moves focus to the previous chip if available.
    - right arrow - Moves focus to the next chip, if there is none then input field receives the focus.
    - backspace - Deletes the chips and adds focus to the input field.
    -
    +

    Chips Input Keyboard Support

    +
    + + + + + + + + + + + + + + + + + +
    KeyFunction
    + backspace + Deletes the previous chip if the input field is empty.
    + left arrow + Moves focus to the previous chip if available and input field is empty.
    - ` + +

    Chip Keyboard Support

    +
    + + + + + + + + + + + + + + + + + + + + + +
    KeyFunction
    + left arrow + Moves focus to the previous chip if available.
    + right arrow + Moves focus to the next chip, if there is none then input field receives the focus.
    + backspace + Deletes the chips and adds focus to the input field.
    +
    ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: ` Email - + -` +` }; } diff --git a/src/app/showcase/doc/autocomplete/autocompletedoc.module.ts b/src/app/showcase/doc/autocomplete/autocompletedoc.module.ts index f7fa0db2fe7..c5590b572de 100644 --- a/src/app/showcase/doc/autocomplete/autocompletedoc.module.ts +++ b/src/app/showcase/doc/autocomplete/autocompletedoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AutoCompleteModule } from 'primeng/autocomplete'; import { ImportDoc } from './importdoc'; import { BasicDoc } from './basicdoc'; @@ -17,10 +17,13 @@ import { DropdownDoc } from './dropdowndoc'; import { ForceSelectionDoc } from './forceselectiondoc'; import { ObjectsDoc } from './objectsdoc'; import { ReactiveFormsDoc } from './reactiveformsdoc'; +import { FloatLabelDoc } from './floatlabeldoc'; +import { DisabledDoc } from './disableddoc'; +import { InvalidDoc } from './invaliddoc'; @NgModule({ imports: [CommonModule, RouterModule, AppCodeModule, FormsModule, AppDocModule, AutoCompleteModule, ReactiveFormsModule], exports: [AppDocModule], - declarations: [ImportDoc, BasicDoc, TemplateDoc, GroupedDoc, VirtualScrollDoc, MultipleDoc, StyleDoc, AccessibilityDoc, DropdownDoc, ForceSelectionDoc, ObjectsDoc, ReactiveFormsDoc] + declarations: [ImportDoc, BasicDoc, TemplateDoc, GroupedDoc, VirtualScrollDoc, MultipleDoc, StyleDoc, AccessibilityDoc, DropdownDoc, ForceSelectionDoc, ObjectsDoc, ReactiveFormsDoc, FloatLabelDoc, DisabledDoc, InvalidDoc] }) export class AutoCompleteDocModule {} diff --git a/src/app/showcase/doc/autocomplete/basicdoc.ts b/src/app/showcase/doc/autocomplete/basicdoc.ts index 825d63f4281..d80990fe1c0 100644 --- a/src/app/showcase/doc/autocomplete/basicdoc.ts +++ b/src/app/showcase/doc/autocomplete/basicdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; interface AutoCompleteCompleteEvent { @@ -8,8 +8,7 @@ interface AutoCompleteCompleteEvent { @Component({ selector: 'basic-doc', - template: `
    - + template: `

    AutoComplete uses ngModel for two-way binding, requires a list of suggestions and a completeMethod to query for the results. The completeMethod gets the query text as event.query property and should update the suggestions with the search results. @@ -18,14 +17,9 @@ interface AutoCompleteCompleteEvent {

    - -
    ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - items: any[] | undefined; selectedItem: any; @@ -37,8 +31,7 @@ export class BasicDoc { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/autocomplete/disableddoc.ts b/src/app/showcase/doc/autocomplete/disableddoc.ts new file mode 100644 index 00000000000..ab61448d112 --- /dev/null +++ b/src/app/showcase/doc/autocomplete/disableddoc.ts @@ -0,0 +1,63 @@ +import { Component } from '@angular/core'; +import { Code } from '../../domain/code'; + +interface AutoCompleteCompleteEvent { + originalEvent: Event; + query: string; +} + +@Component({ + selector: 'disabled-doc', + template: ` +

    When disabled is present, the element cannot be edited and focused.

    +     +
    + +
    + ` +}) +export class DisabledDoc { + items: any[] | undefined; + + selectedItem: any; + + suggestions: any[] | undefined; + + search(event: AutoCompleteCompleteEvent) { + this.suggestions = [...Array(10).keys()].map((item) => event.query + '-' + item); + } + + code: Code = { + basic: ``, + + html: ` +
    + +
    `, + + typescript: ` +import { Component } from '@angular/core'; + +interface AutoCompleteCompleteEvent { + originalEvent: Event; + query: string; +} + +@Component({ + selector: 'autocomplete-disabled-demo', + templateUrl: './autocomplete-disabled-demo.html', + styleUrls: ['./autocomplete-disabled-demo.scss'] +}) +export class AutocompleteDisabledDemo { + items: any[] | undefined; + + selectedItem: any; + + suggestions: any[] | undefined; + + search(event: AutoCompleteCompleteEvent) { + this.suggestions = [...Array(10).keys()].map(item => event.query + '-' + item); + } +}` + }; +} diff --git a/src/app/showcase/doc/autocomplete/dropdowndoc.ts b/src/app/showcase/doc/autocomplete/dropdowndoc.ts index 6f09d4f3683..c1562acd125 100644 --- a/src/app/showcase/doc/autocomplete/dropdowndoc.ts +++ b/src/app/showcase/doc/autocomplete/dropdowndoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { CountryService } from '../../service/countryservice'; import { PlatformService } from '../../service/platformservice'; @@ -10,8 +10,7 @@ interface AutoCompleteCompleteEvent { @Component({ selector: 'dropdown-doc', - template: `
    - + template: `

    Enabling dropdown property displays a button next to the input field where click behavior of the button is defined using dropdownMode property that takes blank or current as possible values. blank is the default mode to send a query with an empty string whereas current setting sends a query with the current value of the input. @@ -20,14 +19,9 @@ interface AutoCompleteCompleteEvent {

    - -
    ` + ` }) export class DropdownDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - countries: any[] | undefined; selectedCountry: any; @@ -59,8 +53,7 @@ export class DropdownDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/autocomplete/floatlabeldoc.ts b/src/app/showcase/doc/autocomplete/floatlabeldoc.ts new file mode 100644 index 00000000000..5f1906af2bd --- /dev/null +++ b/src/app/showcase/doc/autocomplete/floatlabeldoc.ts @@ -0,0 +1,72 @@ +import { Component } from '@angular/core'; +import { Code } from '../../domain/code'; + +interface AutoCompleteCompleteEvent { + originalEvent: Event; + query: string; +} + +@Component({ + selector: 'float-label-doc', + template: ` +

    A floating label appears on top of the input field when focused.

    +     +
    + + + + +
    + ` +}) +export class FloatLabelDoc { + items: any[] | undefined; + + selectedItem: any; + + suggestions: any[] | undefined; + + search(event: AutoCompleteCompleteEvent) { + this.suggestions = [...Array(10).keys()].map((item) => event.query + '-' + item); + } + + code: Code = { + basic: ` + + +`, + + html: ` +
    + + + + +
    `, + + typescript: ` +import { Component } from '@angular/core'; + +interface AutoCompleteCompleteEvent { + originalEvent: Event; + query: string; +} + +@Component({ + selector: 'autocomplete-float-label-demo', + templateUrl: './autocomplete-float-label-demo.html', + styleUrls: ['./autocomplete-float-label-demo.scss'] +}) +export class AutocompleteFloatLabelDemo { + items: any[] | undefined; + + selectedItem: any; + + suggestions: any[] | undefined; + + search(event: AutoCompleteCompleteEvent) { + this.suggestions = [...Array(10).keys()].map(item => event.query + '-' + item); + } +}` + }; +} diff --git a/src/app/showcase/doc/autocomplete/forceselectiondoc.ts b/src/app/showcase/doc/autocomplete/forceselectiondoc.ts index 15a5346737f..bf62b0eda2c 100644 --- a/src/app/showcase/doc/autocomplete/forceselectiondoc.ts +++ b/src/app/showcase/doc/autocomplete/forceselectiondoc.ts @@ -9,15 +9,13 @@ interface AutoCompleteCompleteEvent { @Component({ selector: 'force-selection-doc', - template: `
    - + template: `

    ForceSelection mode validates the manual input to check whether it also exists in the suggestions list, if not the input value is cleared to make sure the value passed to the model is always one of the suggestions.
    - -
    ` + ` }) export class ForceSelectionDoc implements OnInit { @Input() id: string; @@ -53,8 +51,7 @@ export class ForceSelectionDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/autocomplete/groupeddoc.ts b/src/app/showcase/doc/autocomplete/groupeddoc.ts index dde4c6fc3ea..816326cf6be 100644 --- a/src/app/showcase/doc/autocomplete/groupeddoc.ts +++ b/src/app/showcase/doc/autocomplete/groupeddoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FilterService, SelectItemGroup } from 'primeng/api'; import { Code } from '../../domain/code'; @@ -9,12 +9,11 @@ interface AutoCompleteCompleteEvent { @Component({ selector: 'grouped-doc', - template: `
    - + template: `

    Option grouping is enabled when group property is set to true. group template is available to customize the option groups. All templates get the option instance as the default local template variable.
    - +
    @@ -23,14 +22,9 @@ interface AutoCompleteCompleteEvent {
    - -
    ` + ` }) export class GroupedDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - selectedCity: any; filteredGroups: any[] | undefined; @@ -93,9 +87,7 @@ export class GroupedDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
    @@ -106,7 +98,7 @@ export class GroupedDoc implements OnInit { html: `
    - +
    diff --git a/src/app/showcase/doc/autocomplete/importdoc.ts b/src/app/showcase/doc/autocomplete/importdoc.ts index 1fa573e61a7..18744842eb0 100644 --- a/src/app/showcase/doc/autocomplete/importdoc.ts +++ b/src/app/showcase/doc/autocomplete/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { AutoCompleteModule } from 'primeng/autocomplete';` }; diff --git a/src/app/showcase/doc/autocomplete/invaliddoc.ts b/src/app/showcase/doc/autocomplete/invaliddoc.ts new file mode 100644 index 00000000000..0b7c8f0c04f --- /dev/null +++ b/src/app/showcase/doc/autocomplete/invaliddoc.ts @@ -0,0 +1,63 @@ +import { Component } from '@angular/core'; +import { Code } from '../../domain/code'; + +interface AutoCompleteCompleteEvent { + originalEvent: Event; + query: string; +} + +@Component({ + selector: 'invalid-doc', + template: ` +

    Invalid state style is added using the ng-invalid and ng-dirty class to indicate a failed validation.

    +     +
    + +
    + ` +}) +export class InvalidDoc { + items: any[] | undefined; + + selectedItem: any; + + suggestions: any[] | undefined; + + search(event: AutoCompleteCompleteEvent) { + this.suggestions = [...Array(10).keys()].map((item) => event.query + '-' + item); + } + + code: Code = { + basic: ``, + + html: ` +
    + +
    `, + + typescript: ` +import { Component } from '@angular/core'; + +interface AutoCompleteCompleteEvent { + originalEvent: Event; + query: string; +} + +@Component({ + selector: 'autocomplete-invalid-demo', + templateUrl: './autocomplete-invalid-demo.html', + styleUrls: ['./autocomplete-invalid-demo.scss'] +}) +export class AutocompleteInvalidDemo { + items: any[] | undefined; + + selectedItem: any; + + suggestions: any[] | undefined; + + search(event: AutoCompleteCompleteEvent) { + this.suggestions = [...Array(10).keys()].map(item => event.query + '-' + item); + } +}` + }; +} diff --git a/src/app/showcase/doc/autocomplete/multipledoc.ts b/src/app/showcase/doc/autocomplete/multipledoc.ts index f703c55e0ac..9336c4bb3c7 100644 --- a/src/app/showcase/doc/autocomplete/multipledoc.ts +++ b/src/app/showcase/doc/autocomplete/multipledoc.ts @@ -1,6 +1,5 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; -import { CountryService } from '../../service/countryservice'; interface AutoCompleteCompleteEvent { originalEvent: Event; @@ -9,69 +8,39 @@ interface AutoCompleteCompleteEvent { @Component({ selector: 'autocomplete-multiple-demo', - template: `
    - + template: `

    Multiple mode is enabled using multiple property used to select more than one value from the autocomplete. In this case, value reference should be an array.
    - +
    - -
    ` + ` }) export class MultipleDoc { - @Input() id: string; - - @Input() title: string; - - countries: any[] | undefined; - - selectedCountries: any[] | undefined; - - filteredCountries: any[] | undefined; - - constructor(private countryService: CountryService) {} - - ngOnInit() { - this.countryService.getCountries().then((countries) => { - this.countries = countries; - }); - } - - filterCountry(event: AutoCompleteCompleteEvent) { - //in a real application, make a request to a remote url with the query and return filtered results, for demo we filter at client side - let filtered: any[] = []; - let query = event.query; + selectedItems: any[] | undefined; - for (let i = 0; i < (this.countries as any[]).length; i++) { - let country = (this.countries as any[])[i]; - if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) { - filtered.push(country); - } - } + items: any[] | undefined; - this.filteredCountries = filtered; + search(event: AutoCompleteCompleteEvent) { + this.items = [...Array(10).keys()].map((item) => event.query + '-' + item); } code: Code = { - basic: ` - - + basic: ` + `, html: `
    - +
    `, typescript: ` import { Component } from '@angular/core'; -import { CountryService } from 'src/service/countryservice'; interface AutoCompleteCompleteEvent { originalEvent: Event; @@ -83,44 +52,13 @@ interface AutoCompleteCompleteEvent { templateUrl: './autocomplete-multiple-demo.html' }) export class AutocompleteMultipleDemo { - countries: any[] | undefined; + selectedItems: any[] | undefined; - selectedCountries: any[] | undefined; + items: any[] | undefined; - filteredCountries: any[] | undefined; - - constructor(private countryService: CountryService) {} - - ngOnInit() { - this.countryService.getCountries().then((countries) => { - this.countries = countries; - }); + search(event: AutoCompleteCompleteEvent) { + this.items = [...Array(10).keys()].map((item) => event.query + '-' + item); } - - filterCountry(event: AutoCompleteCompleteEvent) { - //in a real application, make a request to a remote url with the query and return filtered results, for demo we filter at client side - let filtered: any[] = []; - let query = event.query; - - for (let i = 0; i < (this.countries as any[]).length; i++) { - let country = (this.countries as any[])[i]; - if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) { - filtered.push(country); - } - } - - this.filteredCountries = filtered; - } -}`, - - service: ['CountryService'], - - data: ` -//CountryService -{ -"name": "Afghanistan", -"code": "AF" -} -...` +}` }; } diff --git a/src/app/showcase/doc/autocomplete/objectsdoc.ts b/src/app/showcase/doc/autocomplete/objectsdoc.ts index 60c1448aa0e..c46baa4f005 100644 --- a/src/app/showcase/doc/autocomplete/objectsdoc.ts +++ b/src/app/showcase/doc/autocomplete/objectsdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { CountryService } from '../../service/countryservice'; @@ -9,8 +9,7 @@ interface AutoCompleteCompleteEvent { @Component({ selector: 'autocomplete-objects-demo', - template: `
    - + template: `

    AutoComplete can also work with objects using the field property that defines the label to display as a suggestion. The value passed to the model would still be the object instance of a suggestion. Here is an example with a Country object that has name and code fields such as {name: "United States", code:"USA"}. @@ -19,14 +18,9 @@ interface AutoCompleteCompleteEvent {

    - -
    ` + ` }) export class ObjectsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - countries: any[] | undefined; selectedCountry: any; @@ -56,8 +50,7 @@ export class ObjectsDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/autocomplete/reactiveformsdoc.ts b/src/app/showcase/doc/autocomplete/reactiveformsdoc.ts index d0df6b8aeb4..60527d581b6 100644 --- a/src/app/showcase/doc/autocomplete/reactiveformsdoc.ts +++ b/src/app/showcase/doc/autocomplete/reactiveformsdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; import { CountryService } from '../../service/countryservice'; @@ -10,8 +10,7 @@ interface AutoCompleteCompleteEvent { @Component({ selector: 'reactive-forms-doc', - template: `
    - + template: `

    AutoComplete can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
    @@ -19,14 +18,9 @@ interface AutoCompleteCompleteEvent {
    - -
    ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - countries: any[] | undefined; formGroup: FormGroup | undefined; @@ -60,8 +54,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
    + basic: `
    `, diff --git a/src/app/showcase/doc/autocomplete/styledoc.ts b/src/app/showcase/doc/autocomplete/styledoc.ts index 2fee65c9ce3..41f3913000a 100644 --- a/src/app/showcase/doc/autocomplete/styledoc.ts +++ b/src/app/showcase/doc/autocomplete/styledoc.ts @@ -1,9 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: `

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -49,11 +48,6 @@ import { Component, Input } from '@angular/core'; -
    -
    ` +
    ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/autocomplete/templatedoc.ts b/src/app/showcase/doc/autocomplete/templatedoc.ts index 32c0489ba2e..897b0309443 100644 --- a/src/app/showcase/doc/autocomplete/templatedoc.ts +++ b/src/app/showcase/doc/autocomplete/templatedoc.ts @@ -1,5 +1,4 @@ -import { Component, Input } from '@angular/core'; -import { SelectItemGroup } from 'primeng/api'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; import { CountryService } from '../../service/countryservice'; @@ -10,8 +9,7 @@ interface AutoCompleteCompleteEvent { @Component({ selector: 'autocomplete-template-demo', - template: `
    - + template: `

    item template allows displaying custom content inside the suggestions panel. The local ng-template variable passed to the ng-template is an object in the suggestions array.
    @@ -24,20 +22,11 @@ interface AutoCompleteCompleteEvent {
    - -
    ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - countries: any[] | undefined; - items: any[] | undefined; - - groupedCities: SelectItemGroup[] | undefined; - selectedCountryAdvanced: any[] | undefined; filteredCountries: any[] | undefined; @@ -48,44 +37,6 @@ export class TemplateDoc { this.countryService.getCountries().then((countries) => { this.countries = countries; }); - - this.groupedCities = [ - { - label: 'Germany', - value: 'de', - items: [ - { label: 'Berlin', value: 'Berlin' }, - { label: 'Frankfurt', value: 'Frankfurt' }, - { label: 'Hamburg', value: 'Hamburg' }, - { label: 'Munich', value: 'Munich' } - ] - }, - { - label: 'USA', - value: 'us', - items: [ - { label: 'Chicago', value: 'Chicago' }, - { label: 'Los Angeles', value: 'Los Angeles' }, - { label: 'New York', value: 'New York' }, - { label: 'San Francisco', value: 'San Francisco' } - ] - }, - { - label: 'Japan', - value: 'jp', - items: [ - { label: 'Kyoto', value: 'Kyoto' }, - { label: 'Osaka', value: 'Osaka' }, - { label: 'Tokyo', value: 'Tokyo' }, - { label: 'Yokohama', value: 'Yokohama' } - ] - } - ]; - - this.items = []; - for (let i = 0; i < 10000; i++) { - this.items.push({ label: 'Item ' + i, value: 'Item ' + i }); - } } filterCountry(event: AutoCompleteCompleteEvent) { @@ -98,13 +49,11 @@ export class TemplateDoc { filtered.push(country); } } - this.filteredCountries = filtered; } code: Code = { - basic: ` -
    @@ -144,10 +93,6 @@ interface AutoCompleteCompleteEvent { export class AutocompleteTemplateDemo { countries: any[] | undefined; - items: any[] | undefined; - - groupedCities: SelectItemGroup[] | undefined; - selectedCountryAdvanced: any[] | undefined; filteredCountries: any[] | undefined; @@ -158,44 +103,6 @@ export class AutocompleteTemplateDemo { this.countryService.getCountries().then((countries) => { this.countries = countries; }); - - this.groupedCities = [ - { - label: 'Germany', - value: 'de', - items: [ - { label: 'Berlin', value: 'Berlin' }, - { label: 'Frankfurt', value: 'Frankfurt' }, - { label: 'Hamburg', value: 'Hamburg' }, - { label: 'Munich', value: 'Munich' } - ] - }, - { - label: 'USA', - value: 'us', - items: [ - { label: 'Chicago', value: 'Chicago' }, - { label: 'Los Angeles', value: 'Los Angeles' }, - { label: 'New York', value: 'New York' }, - { label: 'San Francisco', value: 'San Francisco' } - ] - }, - { - label: 'Japan', - value: 'jp', - items: [ - { label: 'Kyoto', value: 'Kyoto' }, - { label: 'Osaka', value: 'Osaka' }, - { label: 'Tokyo', value: 'Tokyo' }, - { label: 'Yokohama', value: 'Yokohama' } - ] - } - ]; - - this.items = []; - for (let i = 0; i < 10000; i++) { - this.items.push({ label: 'Item ' + i, value: 'Item ' + i }); - } } filterCountry(event: AutoCompleteCompleteEvent) { diff --git a/src/app/showcase/doc/autocomplete/virtualscrolldoc.ts b/src/app/showcase/doc/autocomplete/virtualscrolldoc.ts index fc93f806645..49d29cddbf6 100644 --- a/src/app/showcase/doc/autocomplete/virtualscrolldoc.ts +++ b/src/app/showcase/doc/autocomplete/virtualscrolldoc.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; interface AutoCompleteCompleteEvent { @@ -8,8 +8,7 @@ interface AutoCompleteCompleteEvent { @Component({ selector: 'autocomplete-virtual-scroll-demo', - template: `
    - + template: `

    Virtual scrolling is an efficient way of rendering the options by displaying a small subset of data in the viewport at any time. When dealing with huge number of options, it is suggested to enable virtual scrolling to avoid performance issues. Usage is simple as setting virtualScroll property to true and defining virtualScrollItemSize to specify the height of an item. @@ -18,14 +17,9 @@ interface AutoCompleteCompleteEvent {

    - -
    ` + ` }) export class VirtualScrollDoc { - @Input() id: string; - - @Input() title: string; - selectedItem: any; filteredItems: any[] | undefined; @@ -55,8 +49,7 @@ export class VirtualScrollDoc { } code: Code = { - basic: ` - `, + basic: ` `, html: `
    diff --git a/src/app/showcase/doc/autofocus/autofocusdoc.module.ts b/src/app/showcase/doc/autofocus/autofocusdoc.module.ts index 1fe07bf0058..e1c5e52ce5e 100644 --- a/src/app/showcase/doc/autofocus/autofocusdoc.module.ts +++ b/src/app/showcase/doc/autofocus/autofocusdoc.module.ts @@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { ImportDoc } from './importdoc'; import { BasicDoc } from './basicdoc'; import { AutoFocusModule } from 'primeng/autofocus'; diff --git a/src/app/showcase/doc/autofocus/basicdoc.ts b/src/app/showcase/doc/autofocus/basicdoc.ts index 193a954b4da..7597334faa9 100644 --- a/src/app/showcase/doc/autofocus/basicdoc.ts +++ b/src/app/showcase/doc/autofocus/basicdoc.ts @@ -1,26 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'auto-focus-basic-demo', - template: `
    - + template: ` +

    AutoFocus is applied to any focusable input element on initial load. It's disabled by default and needs to be enabled manually.
    -
    ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/autofocus/importdoc.ts b/src/app/showcase/doc/autofocus/importdoc.ts index a00bdb74904..99b6b82268c 100644 --- a/src/app/showcase/doc/autofocus/importdoc.ts +++ b/src/app/showcase/doc/autofocus/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { AutoFocusModule } from 'primeng/autofocus';` }; diff --git a/src/app/showcase/doc/avatar/accessibilitydoc.ts b/src/app/showcase/doc/avatar/accessibilitydoc.ts index 73852eec76c..f6f91ac142d 100644 --- a/src/app/showcase/doc/avatar/accessibilitydoc.ts +++ b/src/app/showcase/doc/avatar/accessibilitydoc.ts @@ -1,8 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` + template: `

    Screen Reader

    Avatar does not include any roles and attributes by default. Any attribute is passed to the root element so you may add a role like img along with aria-labelledby or aria-label to describe the component. In case @@ -13,8 +13,4 @@ import { Component, Input } from '@angular/core';

    Component does not include any interactive elements.

    ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/avatar/avatardoc.module.ts b/src/app/showcase/doc/avatar/avatardoc.module.ts index fda595fcceb..2805fc95d86 100644 --- a/src/app/showcase/doc/avatar/avatardoc.module.ts +++ b/src/app/showcase/doc/avatar/avatardoc.module.ts @@ -7,7 +7,7 @@ import { BadgeModule } from 'primeng/badge'; import { AvatarGroupModule } from 'primeng/avatargroup'; import { InputTextModule } from 'primeng/inputtext'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { GroupDoc } from './avatargroupdoc'; import { IconDoc } from './icondoc'; import { ImageDoc } from './imagedoc'; diff --git a/src/app/showcase/doc/avatar/avatargroupdoc.ts b/src/app/showcase/doc/avatar/avatargroupdoc.ts index c7fa660f5f5..a9657999699 100644 --- a/src/app/showcase/doc/avatar/avatargroupdoc.ts +++ b/src/app/showcase/doc/avatar/avatargroupdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'avatar-group-demo', - template: `
    - + template: ` +

    Grouping is available by wrapping multiple Avatar components inside an AvatarGroup.
    @@ -18,16 +18,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class GroupDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/avatar/avatargroupstyledoc.ts b/src/app/showcase/doc/avatar/avatargroupstyledoc.ts index 5a96227e47d..20a31de6c66 100644 --- a/src/app/showcase/doc/avatar/avatargroupstyledoc.ts +++ b/src/app/showcase/doc/avatar/avatargroupstyledoc.ts @@ -1,9 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'avatarstyle-doc', - template: `
    - + template: `
    @@ -20,10 +19,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class AvatarGroupStyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class AvatarGroupStyleDoc {} diff --git a/src/app/showcase/doc/avatar/avatarstyledoc.ts b/src/app/showcase/doc/avatar/avatarstyledoc.ts index 84e6cc0249f..addab94893b 100644 --- a/src/app/showcase/doc/avatar/avatarstyledoc.ts +++ b/src/app/showcase/doc/avatar/avatarstyledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'avatarstyle-doc', - template: `
    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -46,10 +46,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class AvatarStyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class AvatarStyleDoc {} diff --git a/src/app/showcase/doc/avatar/badgedoc.ts b/src/app/showcase/doc/avatar/badgedoc.ts index 0b518cdc91c..207ebf508f0 100644 --- a/src/app/showcase/doc/avatar/badgedoc.ts +++ b/src/app/showcase/doc/avatar/badgedoc.ts @@ -1,26 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'avatar-badge-demo', - template: `
    - + template: ` +

    A badge can be added to an Avatar with the Badge directive.
    -
    ` + ` }) export class BadgeDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/avatar/icondoc.ts b/src/app/showcase/doc/avatar/icondoc.ts index cb139710929..50b0ebe34ed 100644 --- a/src/app/showcase/doc/avatar/icondoc.ts +++ b/src/app/showcase/doc/avatar/icondoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'avatar-icon-demo', - template: `
    - + template: ` +

    A font icon is displayed as an Avatar with the icon property.
    @@ -26,16 +26,11 @@ import { Code } from '../../domain/code';
    - ` + ` }) export class IconDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/avatar/imagedoc.ts b/src/app/showcase/doc/avatar/imagedoc.ts index 375d5925997..3b56554e2f2 100644 --- a/src/app/showcase/doc/avatar/imagedoc.ts +++ b/src/app/showcase/doc/avatar/imagedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'avatar-image-demo', - template: `
    - + template: ` +

    Use the image property to display an image as an Avatar.
    @@ -13,16 +13,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class ImageDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/avatar/importdoc.ts b/src/app/showcase/doc/avatar/importdoc.ts index 89291dfcce3..b8af33c0621 100644 --- a/src/app/showcase/doc/avatar/importdoc.ts +++ b/src/app/showcase/doc/avatar/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { html: `import { AvatarModule } from 'primeng/avatar'; import { AvatarGroupModule } from 'primeng/avatargroup';` diff --git a/src/app/showcase/doc/avatar/labeldoc.ts b/src/app/showcase/doc/avatar/labeldoc.ts index 27fbc3fa541..bc7e54babb0 100644 --- a/src/app/showcase/doc/avatar/labeldoc.ts +++ b/src/app/showcase/doc/avatar/labeldoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'avatar-label-demo', - template: `
    - + template: ` +

    A letter Avatar is defined with the label property.
    @@ -26,16 +26,11 @@ import { Code } from '../../domain/code';
    - ` + ` }) export class LabelDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -
    + basic: `
    Label
    diff --git a/src/app/showcase/doc/avatar/shapedoc.ts b/src/app/showcase/doc/avatar/shapedoc.ts index 330e1680e6c..7d2ca1b0d58 100644 --- a/src/app/showcase/doc/avatar/shapedoc.ts +++ b/src/app/showcase/doc/avatar/shapedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'avatar-shape-demo', - template: `
    - + template: ` +

    Avatar comes in two different styles specified with the shape property, square is the default and circle is the alternative.
    @@ -12,16 +12,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class ShapeDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` `, html: `
    diff --git a/src/app/showcase/doc/avatar/sizedoc.ts b/src/app/showcase/doc/avatar/sizedoc.ts index 276c1e68332..0b767980886 100644 --- a/src/app/showcase/doc/avatar/sizedoc.ts +++ b/src/app/showcase/doc/avatar/sizedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'avatar-size-demo', - template: `
    - + template: ` +

    size property defines the size of the Avatar with large and xlarge as possible values.
    @@ -12,16 +12,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class SizeDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` `, html: `
    diff --git a/src/app/showcase/doc/avatar/templatedoc.ts b/src/app/showcase/doc/avatar/templatedoc.ts index 62ea441442b..c79ac47aaa0 100644 --- a/src/app/showcase/doc/avatar/templatedoc.ts +++ b/src/app/showcase/doc/avatar/templatedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'avatar-template-demo', - template: `
    - + template: ` +

    Content can easily be customized with the dynamic content instead of using the built-in modes.
    @@ -13,16 +13,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` Content `, html: ` diff --git a/src/app/showcase/doc/badge/accessibilitydoc.ts b/src/app/showcase/doc/badge/accessibilitydoc.ts index a5b435374a5..d6eb04158a5 100644 --- a/src/app/showcase/doc/badge/accessibilitydoc.ts +++ b/src/app/showcase/doc/badge/accessibilitydoc.ts @@ -1,8 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` + template: `

    Screen Reader

    Badge does not include any roles and attributes by default, any attribute is passed to the root element so aria roles and attributes can be added if required. If the badges are dynamic, @@ -13,8 +13,4 @@ import { Component, Input } from '@angular/core';

    Component does not include any interactive elements.

    ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/badge/badgedoc.module.ts b/src/app/showcase/doc/badge/badgedoc.module.ts index 6e2e559f2d3..a72b6c922df 100644 --- a/src/app/showcase/doc/badge/badgedoc.module.ts +++ b/src/app/showcase/doc/badge/badgedoc.module.ts @@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { BadgeModule } from 'primeng/badge'; import { ButtonModule } from 'primeng/button'; import { ImportDoc } from './importdoc'; diff --git a/src/app/showcase/doc/badge/basicdoc.ts b/src/app/showcase/doc/badge/basicdoc.ts index 93736346c25..721e9e8edda 100644 --- a/src/app/showcase/doc/badge/basicdoc.ts +++ b/src/app/showcase/doc/badge/basicdoc.ts @@ -1,26 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'badge-basic-demo', - template: `
    - + template: ` +

    Content of the badge is specified using the value property.
    -
    ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/badge/buttondoc.ts b/src/app/showcase/doc/badge/buttondoc.ts index 95b24997dd5..8a0721720c6 100644 --- a/src/app/showcase/doc/badge/buttondoc.ts +++ b/src/app/showcase/doc/badge/buttondoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'badge-button-demo', - template: `
    - + template: ` +

    Buttons have built-in support for badges to display a badge inline.
    @@ -12,16 +12,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class ButtonDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/badge/directivedoc.ts b/src/app/showcase/doc/badge/directivedoc.ts index ad8d748c28c..6acd350006b 100644 --- a/src/app/showcase/doc/badge/directivedoc.ts +++ b/src/app/showcase/doc/badge/directivedoc.ts @@ -1,26 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'badge-directive-demo', - template: `
    - + template: ` +

    Content of the badge is specified using the value property.
    -
    ` + ` }) export class DirectiveDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/badge/importdoc.ts b/src/app/showcase/doc/badge/importdoc.ts index 34ec0b2e13f..ca2a4ff5ce2 100644 --- a/src/app/showcase/doc/badge/importdoc.ts +++ b/src/app/showcase/doc/badge/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { BadgeModule } from 'primeng/badge';` }; diff --git a/src/app/showcase/doc/badge/positiondoc.ts b/src/app/showcase/doc/badge/positiondoc.ts index 333c84fea8e..6cf3306788b 100644 --- a/src/app/showcase/doc/badge/positiondoc.ts +++ b/src/app/showcase/doc/badge/positiondoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'badge-position-demo', - template: `
    - + template: ` +

    A Badge can be positioned at the top right corner of an element by adding p-overlay-badge style class to the element and embedding the badge inside.
    @@ -13,16 +13,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class PositionDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/badge/severitydoc.ts b/src/app/showcase/doc/badge/severitydoc.ts index 41400565ef9..9d24925ddbb 100644 --- a/src/app/showcase/doc/badge/severitydoc.ts +++ b/src/app/showcase/doc/badge/severitydoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'badge-severity-demo', - template: `
    - + template: ` +

    Severity defines the color of the badge, possible values are success, info, warning and danger
    @@ -14,16 +14,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class SeverityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/badge/sizedoc.ts b/src/app/showcase/doc/badge/sizedoc.ts index 08b68903d29..d9f8a5bb498 100644 --- a/src/app/showcase/doc/badge/sizedoc.ts +++ b/src/app/showcase/doc/badge/sizedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'badge-size-demo', - template: `
    - + template: ` +

    Badge sizes are adjusted with the size property that accepts large and xlarge as the possible alternatives to the default size. Currently sizes only apply to component mode.
    @@ -13,16 +13,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class SizeDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/badge/styledoc.ts b/src/app/showcase/doc/badge/styledoc.ts index 4dd824b689c..ac113b565f3 100644 --- a/src/app/showcase/doc/badge/styledoc.ts +++ b/src/app/showcase/doc/badge/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -54,10 +54,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/blockui/accessibilitydoc.ts b/src/app/showcase/doc/blockui/accessibilitydoc.ts index ac5d3c5c5c3..47ee50d3594 100644 --- a/src/app/showcase/doc/blockui/accessibilitydoc.ts +++ b/src/app/showcase/doc/blockui/accessibilitydoc.ts @@ -1,8 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` + template: `

    Screen Reader

    BlockUI manages aria-busy state attribute when the UI gets blocked and unblocked. Any valid attribute is passed to the root element so additional attributes like role and aria-live can be used to define live regions. @@ -12,8 +12,4 @@ import { Component, Input } from '@angular/core';

    Component does not include any interactive elements.

    ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/blockui/basicdoc.ts b/src/app/showcase/doc/blockui/basicdoc.ts index 0de02de166f..07622465aef 100644 --- a/src/app/showcase/doc/blockui/basicdoc.ts +++ b/src/app/showcase/doc/blockui/basicdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'block-ui-basic-demo', - template: `
    - + template: ` +

    The element to block should be placed as a child of BlockUI and blocked property is required to control the state.
    @@ -21,18 +21,13 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class BasicDoc { blockedPanel: boolean = false; - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/blockui/blockuidoc.module.ts b/src/app/showcase/doc/blockui/blockuidoc.module.ts index b31bd10ca63..37096dca94b 100644 --- a/src/app/showcase/doc/blockui/blockuidoc.module.ts +++ b/src/app/showcase/doc/blockui/blockuidoc.module.ts @@ -5,7 +5,7 @@ import { BlockUIModule } from 'primeng/blockui'; import { ButtonModule } from 'primeng/button'; import { PanelModule } from 'primeng/panel'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { DocumentDoc } from './documentdoc'; diff --git a/src/app/showcase/doc/blockui/documentdoc.ts b/src/app/showcase/doc/blockui/documentdoc.ts index 6b811f93a73..94c0eaf802e 100644 --- a/src/app/showcase/doc/blockui/documentdoc.ts +++ b/src/app/showcase/doc/blockui/documentdoc.ts @@ -1,10 +1,10 @@ -import { ChangeDetectorRef, Component, Input } from '@angular/core'; +import { ChangeDetectorRef, Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'block-ui-document-demo', - template: `
    - + template: ` +

    If the target element is not specified, BlockUI blocks the document by default.
    @@ -12,13 +12,9 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class DocumentDoc { - @Input() id: string; - - @Input() title: string; - blockedDocument: boolean = false; constructor(private cd: ChangeDetectorRef) {} @@ -32,8 +28,7 @@ export class DocumentDoc { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/blockui/importdoc.ts b/src/app/showcase/doc/blockui/importdoc.ts index c00b0b846d4..5179f17eb70 100644 --- a/src/app/showcase/doc/blockui/importdoc.ts +++ b/src/app/showcase/doc/blockui/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { BlockUIModule } from 'primeng/blockui';` }; diff --git a/src/app/showcase/doc/blockui/styledoc.ts b/src/app/showcase/doc/blockui/styledoc.ts index 2fbaba1c33b..958d347f0f6 100644 --- a/src/app/showcase/doc/blockui/styledoc.ts +++ b/src/app/showcase/doc/blockui/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -26,10 +26,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/breadcrumb/accessibilitydoc.ts b/src/app/showcase/doc/breadcrumb/accessibilitydoc.ts index 2c08464232a..58a9003816a 100644 --- a/src/app/showcase/doc/breadcrumb/accessibilitydoc.ts +++ b/src/app/showcase/doc/breadcrumb/accessibilitydoc.ts @@ -1,8 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` + template: `

    Screen Reader

    Breadcrumb uses the nav element and since any attribute is passed to the root implicitly aria-labelledby or aria-label can be used to describe the component. Inside an ordered list is used where the list item @@ -13,8 +13,4 @@ import { Component, Input } from '@angular/core';

    No special keyboard interaction is needed, all menuitems are focusable based on the page tab sequence.

    ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/breadcrumb/basicdoc.ts b/src/app/showcase/doc/breadcrumb/basicdoc.ts index 2dbe81b04f5..6baee9ec01c 100644 --- a/src/app/showcase/doc/breadcrumb/basicdoc.ts +++ b/src/app/showcase/doc/breadcrumb/basicdoc.ts @@ -1,24 +1,20 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'breadcrumb-basic-demo', - template: `
    - + template: ` +

    Breadcrumb provides contextual information about page hierarchy.
    -
    ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; home: MenuItem | undefined; @@ -30,8 +26,7 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/breadcrumb/breadcrumbdoc.module.ts b/src/app/showcase/doc/breadcrumb/breadcrumbdoc.module.ts index 50eab34ff77..5cada66cf7b 100644 --- a/src/app/showcase/doc/breadcrumb/breadcrumbdoc.module.ts +++ b/src/app/showcase/doc/breadcrumb/breadcrumbdoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { BreadcrumbModule } from 'primeng/breadcrumb'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { StyleDoc } from './styledoc'; import { BasicDoc } from './basicdoc'; import { ImportDoc } from './importdoc'; diff --git a/src/app/showcase/doc/breadcrumb/importdoc.ts b/src/app/showcase/doc/breadcrumb/importdoc.ts index e34acf624c5..7667267ff9b 100644 --- a/src/app/showcase/doc/breadcrumb/importdoc.ts +++ b/src/app/showcase/doc/breadcrumb/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { BreadcrumbModule } from 'primeng/breadcrumb';` }; diff --git a/src/app/showcase/doc/breadcrumb/styledoc.ts b/src/app/showcase/doc/breadcrumb/styledoc.ts index ef52f8db710..0adc24a78ac 100644 --- a/src/app/showcase/doc/breadcrumb/styledoc.ts +++ b/src/app/showcase/doc/breadcrumb/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -34,10 +34,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/button/accessibilitydoc.ts b/src/app/showcase/doc/button/accessibilitydoc.ts index 4b2fa099fd6..4575c75e545 100644 --- a/src/app/showcase/doc/button/accessibilitydoc.ts +++ b/src/app/showcase/doc/button/accessibilitydoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', template: ` - +

    Screen Reader

    Button component renders a native button element that implicitly includes any passed prop. Text to describe the button is defined with the aria-label prop, if not present label prop is used as the value. If the button is @@ -48,10 +48,6 @@ import { Code } from '../../domain/code'; ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: ` diff --git a/src/app/showcase/doc/button/badgedoc.ts b/src/app/showcase/doc/button/badgedoc.ts index 92831bc2e7d..0b57007c43e 100644 --- a/src/app/showcase/doc/button/badgedoc.ts +++ b/src/app/showcase/doc/button/badgedoc.ts @@ -1,33 +1,28 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'button-badge-demo', - template: `

    - + template: ` +

    Buttons have built-in badge support with badge and badgeClass properties.
    - +
    -
    ` + ` }) export class BadgeDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - -`, + basic: ` +`, html: `
    - +
    `, typescript: ` diff --git a/src/app/showcase/doc/button/basicdoc.ts b/src/app/showcase/doc/button/basicdoc.ts index 1993d9ee1e8..f3701ad2566 100644 --- a/src/app/showcase/doc/button/basicdoc.ts +++ b/src/app/showcase/doc/button/basicdoc.ts @@ -1,26 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'button-basic-demo', - template: `
    - + template: ` +

    Text to display on a button is defined with the label property.
    -
    ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/button/buttondoc.module.ts b/src/app/showcase/doc/button/buttondoc.module.ts index fc68b5c3823..1d53415caf1 100644 --- a/src/app/showcase/doc/button/buttondoc.module.ts +++ b/src/app/showcase/doc/button/buttondoc.module.ts @@ -4,7 +4,7 @@ import { RouterModule } from '@angular/router'; import { ButtonModule } from 'primeng/button'; import { RippleModule } from 'primeng/ripple'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BadgeDoc } from './badgedoc'; import { BasicDoc } from './basicdoc'; diff --git a/src/app/showcase/doc/button/buttonsetdoc.ts b/src/app/showcase/doc/button/buttonsetdoc.ts index eb38f44efde..f35cc0bd460 100644 --- a/src/app/showcase/doc/button/buttonsetdoc.ts +++ b/src/app/showcase/doc/button/buttonsetdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'button-set-demo', - template: `
    - + template: ` +

    Multiple buttons are grouped when wrapped inside an element with p-buttonset class.
    @@ -15,16 +15,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class ButtonsetDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/button/directivedoc.ts b/src/app/showcase/doc/button/directivedoc.ts index 775239c4f3d..6b7a3bb9b17 100644 --- a/src/app/showcase/doc/button/directivedoc.ts +++ b/src/app/showcase/doc/button/directivedoc.ts @@ -1,26 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'button-directive-demo', - template: `
    - + template: ` +

    Button can also be used as directive using pButton. In contrary of p-button component, pButton directive does not utilize ripple effect, use pRipple directive to enable ripple.
    -
    ` + ` }) export class DirectiveDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/button/disableddoc.ts b/src/app/showcase/doc/button/disableddoc.ts index a112880c952..89ce253f4c8 100644 --- a/src/app/showcase/doc/button/disableddoc.ts +++ b/src/app/showcase/doc/button/disableddoc.ts @@ -1,26 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'button-disabled-demo', - template: `
    - + template: ` +

    When disabled is present, the element cannot be edited and focused.
    -
    ` + ` }) export class DisabledDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/button/iconsdoc.ts b/src/app/showcase/doc/button/iconsdoc.ts index 306e298f36b..dfb3cb04ae2 100644 --- a/src/app/showcase/doc/button/iconsdoc.ts +++ b/src/app/showcase/doc/button/iconsdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'button-icons-demo', - template: `
    - + template: ` +

    Icon of a button is specified with icon property and position is configured using iconPos attribute.
    @@ -13,16 +13,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class IconsDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/button/iconsonlydoc.ts b/src/app/showcase/doc/button/iconsonlydoc.ts index e861644aaf5..702c38a77d1 100644 --- a/src/app/showcase/doc/button/iconsonlydoc.ts +++ b/src/app/showcase/doc/button/iconsonlydoc.ts @@ -1,155 +1,150 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'button-icon-only-demo', - template: `
    - + template: ` +

    Buttons can have icons without labels.
    - - - - - - + + + + + +
    - - - - - - - + + + + + + +
    - - - - - - - + + + + + + +
    - - - - - - - + + + + + + +
    - - - - - - - + + + + + + +
    -
    ` + ` }) export class IconOnlyDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - - - - - - - + basic: ` + + + + + + - - - - - - - + + + + + + + - - - - - - - + + + + + + + - - - - - - - + + + + + + + - - - - - - -`, + + + + + + +`, html: `
    - - - - - - + + + + + +
    - - - - - - - + + + + + + +
    - - - - - - - + + + + + + +
    - - - - - - - + + + + + + +
    - - - - - - - + + + + + + +
    `, diff --git a/src/app/showcase/doc/button/importdoc.ts b/src/app/showcase/doc/button/importdoc.ts index f6feb06ee37..aa23634a075 100644 --- a/src/app/showcase/doc/button/importdoc.ts +++ b/src/app/showcase/doc/button/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { ButtonModule } from 'primeng/button';` }; diff --git a/src/app/showcase/doc/button/linkdoc.ts b/src/app/showcase/doc/button/linkdoc.ts index a47a883b029..091761ed422 100644 --- a/src/app/showcase/doc/button/linkdoc.ts +++ b/src/app/showcase/doc/button/linkdoc.ts @@ -1,30 +1,25 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'button-link-demo', - template: `
    - + template: ` +

    A button can be rendered as a link as well.
    - +
    -
    ` + ` }) export class LinkDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    - +
    `, typescript: ` diff --git a/src/app/showcase/doc/button/loadingdoc.ts b/src/app/showcase/doc/button/loadingdoc.ts index b475a2cf500..ca963de26ae 100644 --- a/src/app/showcase/doc/button/loadingdoc.ts +++ b/src/app/showcase/doc/button/loadingdoc.ts @@ -1,10 +1,10 @@ -import { ChangeDetectorRef, Component, Input } from '@angular/core'; +import { ChangeDetectorRef, Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'button-loading-demo', - template: `
    - + template: ` +

    Busy state is controlled with the loading property.
    @@ -13,13 +13,9 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class LoadingDoc { - @Input() id: string; - - @Input() title: string; - loading: boolean = false; constructor(private readonly cdr: ChangeDetectorRef) {} @@ -34,8 +30,7 @@ export class LoadingDoc { } code: Code = { - basic: ` - + basic: ` `, html: ` diff --git a/src/app/showcase/doc/button/outlineddoc.ts b/src/app/showcase/doc/button/outlineddoc.ts index 4cccd274810..98c0b164f82 100644 --- a/src/app/showcase/doc/button/outlineddoc.ts +++ b/src/app/showcase/doc/button/outlineddoc.ts @@ -1,48 +1,43 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'button-outlined-demo', - template: `
    - + template: ` +

    Outlined buttons display a border without a background initially.
    - - - - - - - + + + + + + +
    -
    ` + ` }) export class OutlinedDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - - - - - - -`, + basic: ` + + + + + +`, html: `
    - - - - - - - + + + + + + +
    `, typescript: ` diff --git a/src/app/showcase/doc/button/raiseddoc.ts b/src/app/showcase/doc/button/raiseddoc.ts index 5d485a01e19..f19a5205655 100644 --- a/src/app/showcase/doc/button/raiseddoc.ts +++ b/src/app/showcase/doc/button/raiseddoc.ts @@ -1,48 +1,43 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'button-raised-demo', - template: `
    - + template: ` +

    Raised buttons display a shadow to indicate elevation.
    - - - - - - - + + + + + + +
    -
    ` + ` }) export class RaisedDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - - - - - - -`, + basic: ` + + + + + +`, html: `
    - - - - - - - + + + + + + +
    `, typescript: ` diff --git a/src/app/showcase/doc/button/raisedtextdoc.ts b/src/app/showcase/doc/button/raisedtextdoc.ts index eb11437d3d5..fa3464f71a9 100644 --- a/src/app/showcase/doc/button/raisedtextdoc.ts +++ b/src/app/showcase/doc/button/raisedtextdoc.ts @@ -1,48 +1,46 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'button-raisedtext-demo', - template: `
    - + template: ` +

    Text buttons can be displayed as raised for elevation.
    - - - - - - - + + + + + + + +
    -
    ` + ` }) export class RaisedTextDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - - - - - - -`, + basic: ` + + + + + + +`, html: `
    - - - - - - - + + + + + + + +
    `, typescript: ` diff --git a/src/app/showcase/doc/button/roundeddoc.ts b/src/app/showcase/doc/button/roundeddoc.ts index a93f4e472ff..d23ed33ddd6 100644 --- a/src/app/showcase/doc/button/roundeddoc.ts +++ b/src/app/showcase/doc/button/roundeddoc.ts @@ -1,48 +1,43 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'button-rounded-demo', - template: `
    - + template: ` +

    Rounded buttons have a circular border radius.
    - - - - - - - + + + + + + +
    -
    ` + ` }) export class RoundedDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - - - - - - -`, + basic: ` + + + + + +`, html: `
    - - - - - - - + + + + + + +
    `, typescript: ` diff --git a/src/app/showcase/doc/button/severitydoc.ts b/src/app/showcase/doc/button/severitydoc.ts index b47b987c63d..e9206fd82cd 100644 --- a/src/app/showcase/doc/button/severitydoc.ts +++ b/src/app/showcase/doc/button/severitydoc.ts @@ -1,48 +1,43 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'button-severity-demo', - template: `
    - + template: ` +

    Severity defines the type of button.
    - - - - - - + + + + + +
    -
    ` + ` }) export class SeverityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - - - - - - -`, + basic: ` + + + + + +`, html: `
    - - - - - - + + + + + +
    `, typescript: ` diff --git a/src/app/showcase/doc/button/sizesdoc.ts b/src/app/showcase/doc/button/sizesdoc.ts index d6191afd751..09781ca40d3 100644 --- a/src/app/showcase/doc/button/sizesdoc.ts +++ b/src/app/showcase/doc/button/sizesdoc.ts @@ -1,36 +1,31 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'button-sizes-demo', - template: `
    - + template: ` +

    Button provides small and large sizes as alternatives to the standard.
    - - - + + +
    -
    ` + ` }) export class SizesDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - - -`, + basic: ` + +`, html: `
    - - - + + +
    `, typescript: ` diff --git a/src/app/showcase/doc/button/styledoc.ts b/src/app/showcase/doc/button/styledoc.ts index fb37d4cb8f7..3babe04138f 100644 --- a/src/app/showcase/doc/button/styledoc.ts +++ b/src/app/showcase/doc/button/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -30,10 +30,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/button/templatedoc.ts b/src/app/showcase/doc/button/templatedoc.ts index b5cf4d6fe22..fe345431b09 100644 --- a/src/app/showcase/doc/button/templatedoc.ts +++ b/src/app/showcase/doc/button/templatedoc.ts @@ -1,36 +1,31 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'button-template-demo', - template: `
    - + template: ` +

    Custom content inside a button is defined as children.
    - + logo PrimeNG
    -
    ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` logo PrimeNG `, html: `
    - + logo PrimeNG diff --git a/src/app/showcase/doc/button/textdoc.ts b/src/app/showcase/doc/button/textdoc.ts index 159338b0516..e06221810ea 100644 --- a/src/app/showcase/doc/button/textdoc.ts +++ b/src/app/showcase/doc/button/textdoc.ts @@ -1,48 +1,46 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'button-text-demo', - template: `
    - + template: ` +

    Text buttons are displayed as textual elements.
    - - - - - - - + + + + + + + +
    -
    ` + ` }) export class TextDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - - - - - - -`, + basic: ` + + + + + + +`, html: `
    - - - - - - - + + + + + + + +
    `, typescript: ` diff --git a/src/app/showcase/doc/calendar/accessibilitydoc.ts b/src/app/showcase/doc/calendar/accessibilitydoc.ts index cb0e5069c97..07fd2d11d01 100644 --- a/src/app/showcase/doc/calendar/accessibilitydoc.ts +++ b/src/app/showcase/doc/calendar/accessibilitydoc.ts @@ -1,248 +1,241 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
    - -

    Screen Reader

    -

    - Value to describe the component can either be provided via label tag combined with inputId prop or using aria-labelledby, aria-label props. The input element has combobox role in addition to - aria-autocomplete as "none", aria-haspopup as "dialog" and aria-expanded attributes. The relation between the input and the popup is created with aria-controls attribute that refers to the id of the - popup. -

    -

    - The optional calendar button requires includes aria-haspopup, aria-expanded for states along with aria-controls to define the relation between the popup and the button. The value to read is retrieved from the - chooseDate - key of the aria property from the locale API. This label is also used for the aria-label of the popup as well. When there is a value selected, it is formatted and appended to the label - to be able to notify users about the current value. -

    + template: `
    + +

    Screen Reader

    +

    + Value to describe the component can either be provided via label tag combined with inputId prop or using aria-labelledby, aria-label props. The input element has combobox role in addition to + aria-autocomplete as "none", aria-haspopup as "dialog" and aria-expanded attributes. The relation between the input and the popup is created with aria-controls attribute that refers to the id of the popup. +

    +

    + The optional calendar button requires includes aria-haspopup, aria-expanded for states along with aria-controls to define the relation between the popup and the button. The value to read is retrieved from the + chooseDate + key of the aria property from the locale API. This label is also used for the aria-label of the popup as well. When there is a value selected, it is formatted and appended to the label to be + able to notify users about the current value. +

    -

    - Popup has a dialog role along with aria-modal and aria-label. The navigation buttons at the header has an aria-label retrieved from the prevYear, nextYear, prevMonth, - nextMonth,prevDecade and nextDecade keys of the locale aria API. Similarly month picker button uses the chooseMonth and year picker button uses the chooseYear keys. -

    +

    + Popup has a dialog role along with aria-modal and aria-label. The navigation buttons at the header has an aria-label retrieved from the prevYear, nextYear, prevMonth, + nextMonth,prevDecade and nextDecade keys of the locale aria API. Similarly month picker button uses the chooseMonth and year picker button uses the chooseYear keys. +

    -

    - Main date table uses grid role that contains th elements with col as the scope along with abbr tag resolving to the full name of the month. Each date cell has an aria-label referring to the full date - value. Buttons at the footer utilize their readable labels as aria-label as well. Selected date also receives the aria-selected attribute. -

    +

    + Main date table uses grid role that contains th elements with col as the scope along with abbr tag resolving to the full name of the month. Each date cell has an aria-label referring to the full date value. + Buttons at the footer utilize their readable labels as aria-label as well. Selected date also receives the aria-selected attribute. +

    -

    - Timepicker spinner buttons get their labels for aria-label from the aria locale API using the prevHour, nextHour, prevMinute, nextMinute, prevSecond, nextSecond, am and - pm keys. -

    +

    + Timepicker spinner buttons get their labels for aria-label from the aria locale API using the prevHour, nextHour, prevMinute, nextMinute, prevSecond, nextSecond, am and + pm keys. +

    -

    Calendar also includes a hidden section that is only available to screen readers with aria-live as "polite". This element is updated when the selected date changes to instruct the user about the current date selected.

    -     +

    Calendar also includes a hidden section that is only available to screen readers with aria-live as "polite". This element is updated when the selected date changes to instruct the user about the current date selected.

    + - + -

    Choose Date Button Keyboard Support

    -
    - - - - - - - - - - - - - - - - - -
    KeyFunction
    - space - Opens popup and moves focus to the selected date, if there is none focuses on today.
    - enter - Opens popup and moves focus to the selected date, if there is none focuses on today.
    -
    +

    Choose Date Button Keyboard Support

    +
    + + + + + + + + + + + + + + + + + +
    KeyFunction
    + space + Opens popup and moves focus to the selected date, if there is none focuses on today.
    + enter + Opens popup and moves focus to the selected date, if there is none focuses on today.
    +
    -

    Popup Keyboard Support

    -
    - - - - - - - - - - - - - - - - - - - - - -
    KeyFunction
    - escape - Closes the popup and moves focus to the input element.
    - tab - Moves focus to the next focusable element within the popup.
    shift + tabMoves focus to the next focusable element within the popup.
    -
    +

    Popup Keyboard Support

    +
    + + + + + + + + + + + + + + + + + + + + + +
    KeyFunction
    + escape + Closes the popup and moves focus to the input element.
    + tab + Moves focus to the next focusable element within the popup.
    shift + tabMoves focus to the next focusable element within the popup.
    +
    -

    Header Buttons Keyboard Support

    -
    - - - - - - - - - - - - - - - - - -
    KeyFunction
    - enter - Triggers the button action.
    - space - Triggers the button action.
    -
    +

    Header Buttons Keyboard Support

    +
    + + + + + + + + + + + + + + + + + +
    KeyFunction
    + enter + Triggers the button action.
    + space + Triggers the button action.
    +
    -

    Date Grid Keyboard Support

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    KeyFunction
    - enter - Selects the date, closes the popup and moves focus to the input element.
    - space - Selects the date, closes the popup and moves focus to the input element.
    - up arrow - Moves focus to the same day of the previous week.
    - down arrow - Moves focus to the same day of the next week.
    - right arrow - Moves focus to the next day.
    - left arrow - Moves focus to the previous day.
    - home - Moves focus to the first day of the current week.
    - end - Moves focus to the last day of the current week.
    - page up - Changes the date to previous month in date picker mode. Moves to previous year in month picker mode and previous decade in year picker.
    shift + page upChanges the date to previous year in date picker mode. Has no effect in month or year picker
    - page down - Changes the date to next month in date picker mode. Moves to next year in month picker mode and next decade in year picker.
    shift + page downChanges the date to next year in date picker mode. Has no effect in month or year picker
    -
    +

    Date Grid Keyboard Support

    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    KeyFunction
    + enter + Selects the date, closes the popup and moves focus to the input element.
    + space + Selects the date, closes the popup and moves focus to the input element.
    + up arrow + Moves focus to the same day of the previous week.
    + down arrow + Moves focus to the same day of the next week.
    + right arrow + Moves focus to the next day.
    + left arrow + Moves focus to the previous day.
    + home + Moves focus to the first day of the current week.
    + end + Moves focus to the last day of the current week.
    + page up + Changes the date to previous month in date picker mode. Moves to previous year in month picker mode and previous decade in year picker.
    shift + page upChanges the date to previous year in date picker mode. Has no effect in month or year picker
    + page down + Changes the date to next month in date picker mode. Moves to next year in month picker mode and next decade in year picker.
    shift + page downChanges the date to next year in date picker mode. Has no effect in month or year picker
    +
    -

    Footer Buttons Keyboard Support

    -
    - - - - - - - - - - - - - - - - - -
    KeyFunction
    - enter - Triggers the button action.
    - space - Triggers the button action.
    -
    +

    Footer Buttons Keyboard Support

    +
    + + + + + + + + + + + + + + + + + +
    KeyFunction
    + enter + Triggers the button action.
    + space + Triggers the button action.
    - ` +
    ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: ` Date - + -` +` }; } diff --git a/src/app/showcase/doc/calendar/basicdoc.ts b/src/app/showcase/doc/calendar/basicdoc.ts index a5976567e31..ea91408630d 100644 --- a/src/app/showcase/doc/calendar/basicdoc.ts +++ b/src/app/showcase/doc/calendar/basicdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'calendar-basic-demo', - template: `
    - + template: ` +

    Two-way value binding is defined using the standard ngModel directive referencing to a Date property.
    -
    ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - date: Date | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/calendar/buttonbardoc.ts b/src/app/showcase/doc/calendar/buttonbardoc.ts index b97f23f84f6..3429196171a 100644 --- a/src/app/showcase/doc/calendar/buttonbardoc.ts +++ b/src/app/showcase/doc/calendar/buttonbardoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'calendar-buttonbar-demo', - template: `
    - + template: ` +

    When showButtonBar is present, today and clear buttons are displayed at the footer.
    -
    ` + ` }) export class ButtonBarDoc { - @Input() id: string; - - @Input() title: string; - date: Date[] | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/calendar/calendardoc.module.ts b/src/app/showcase/doc/calendar/calendardoc.module.ts index dc85285ae3c..a5a46e677b4 100644 --- a/src/app/showcase/doc/calendar/calendardoc.module.ts +++ b/src/app/showcase/doc/calendar/calendardoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { CalendarModule } from 'primeng/calendar'; import { ImportDoc } from './importdoc'; import { BasicDoc } from './basicdoc'; diff --git a/src/app/showcase/doc/calendar/datetemplatedoc.ts b/src/app/showcase/doc/calendar/datetemplatedoc.ts index 61fde1495a6..877516041ff 100644 --- a/src/app/showcase/doc/calendar/datetemplatedoc.ts +++ b/src/app/showcase/doc/calendar/datetemplatedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'calendar-datetemplate-demo', - template: `
    - + template: ` +

    Custom content can be placed inside date cells with the ng-template property that takes a Date as a parameter.
    @@ -15,18 +15,13 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class DateTemplateDoc { - @Input() id: string; - - @Input() title: string; - date: Date[] | undefined; code: Code = { - basic: ` - + basic: ` {{date.day}} diff --git a/src/app/showcase/doc/calendar/eventsdoc.ts b/src/app/showcase/doc/calendar/eventsdoc.ts index a193b741ec7..d487753bec7 100644 --- a/src/app/showcase/doc/calendar/eventsdoc.ts +++ b/src/app/showcase/doc/calendar/eventsdoc.ts @@ -2,7 +2,7 @@ import { Component, Input } from '@angular/core'; @Component({ selector: 'events-doc', - template: `
    + template: `
    diff --git a/src/app/showcase/doc/calendar/formatdoc.ts b/src/app/showcase/doc/calendar/formatdoc.ts index 7d3c36dea2c..c95826b0bc3 100644 --- a/src/app/showcase/doc/calendar/formatdoc.ts +++ b/src/app/showcase/doc/calendar/formatdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'calendar-format-demo', - template: `
    - + template: ` +

    Default date format is mm/dd/yy which can be customized using the dateFormat property. Following options can be a part of the format.

    • d - day of month (no leading zero)
      • @@ -19,7 +19,7 @@ import { Code } from '../../domain/code';
    • MM - month name long
    • y - year (two digit)
    • yy - year (four digit)
      • -
    • @ - Unix timestamp (ms since 01/01/1970)
      • +
    • @ - Unix timestamp (ms since 01/01/1970)
    • ! - Windows ticks (100ns since 01/01/0001)
    • '...' - literal text
    • '' - single quote
      • @@ -30,18 +30,13 @@ import { Code } from '../../domain/code'; -
    ` + ` }) export class FormatDoc { - @Input() id: string; - - @Input() title: string; - date: Date | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/calendar/icondoc.ts b/src/app/showcase/doc/calendar/icondoc.ts index 00379598408..b41045f199f 100644 --- a/src/app/showcase/doc/calendar/icondoc.ts +++ b/src/app/showcase/doc/calendar/icondoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'calendar-icon-demo', - template: `
    - + template: ` +

    An additional icon is displayed next to the input field when showIcon is present.
    -
    ` + ` }) export class IconDoc { - @Input() id: string; - - @Input() title: string; - date: Date | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/calendar/importdoc.ts b/src/app/showcase/doc/calendar/importdoc.ts index f1307fa9e3f..8a972895bdd 100644 --- a/src/app/showcase/doc/calendar/importdoc.ts +++ b/src/app/showcase/doc/calendar/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { CalendarModule } from 'primeng/calendar';` }; diff --git a/src/app/showcase/doc/calendar/inlinedoc.ts b/src/app/showcase/doc/calendar/inlinedoc.ts index 48408a3e06f..d3f75fd6151 100644 --- a/src/app/showcase/doc/calendar/inlinedoc.ts +++ b/src/app/showcase/doc/calendar/inlinedoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'calendar-inline-demo', - template: `
    - + template: ` +

    Calendar is displayed as a popup by default, add inline property to customize this behavior.
    -
    ` + ` }) export class InlineDoc { - @Input() id: string; - - @Input() title: string; - date: Date[] | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/calendar/localedoc.ts b/src/app/showcase/doc/calendar/localedoc.ts index f00fe98ae2d..832b052f41a 100644 --- a/src/app/showcase/doc/calendar/localedoc.ts +++ b/src/app/showcase/doc/calendar/localedoc.ts @@ -1,15 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'calendar-local-demo', - template: `
    - + template: ` +

    Locale for different languages and formats is defined globally, refer to the PrimeNG Locale configuration for more information.

     -
    ` + ` }) -export class LocaleDoc { - @Input() id: string; - - @Input() title: string; -} +export class LocaleDoc {} diff --git a/src/app/showcase/doc/calendar/methodsdoc.ts b/src/app/showcase/doc/calendar/methodsdoc.ts index ce2738484d4..8adde9990c2 100644 --- a/src/app/showcase/doc/calendar/methodsdoc.ts +++ b/src/app/showcase/doc/calendar/methodsdoc.ts @@ -2,7 +2,7 @@ import { Component, Input } from '@angular/core'; @Component({ selector: 'methods-doc', - template: `
    + template: `
    diff --git a/src/app/showcase/doc/calendar/minmaxdox.ts b/src/app/showcase/doc/calendar/minmaxdox.ts index cf4cc0425ff..fa3ad991b56 100644 --- a/src/app/showcase/doc/calendar/minmaxdox.ts +++ b/src/app/showcase/doc/calendar/minmaxdox.ts @@ -1,23 +1,19 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'calendar-minmax-demo', - template: `
    - + template: ` +

    Boundaries for the permitted dates that can be entered are defined with minDate and maxDate properties.
    -
    ` + ` }) export class MinMaxDoc { - @Input() id: string; - - @Input() title: string; - date: Date | undefined; minDate: Date | undefined; @@ -41,8 +37,7 @@ export class MinMaxDoc { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/calendar/monthdoc.ts b/src/app/showcase/doc/calendar/monthdoc.ts index bf0262d2f68..49839f46353 100644 --- a/src/app/showcase/doc/calendar/monthdoc.ts +++ b/src/app/showcase/doc/calendar/monthdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'calendar-month-demo', - template: `
    - + template: ` +

    Month only picker is enabled by specifying view as month in addition to a suitable dateFormat.
    -
    ` + ` }) export class MonthDoc { - @Input() id: string; - - @Input() title: string; - date: Date[] | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/calendar/multipledoc.ts b/src/app/showcase/doc/calendar/multipledoc.ts index e23c8c9bcd6..b2e2feb7d55 100644 --- a/src/app/showcase/doc/calendar/multipledoc.ts +++ b/src/app/showcase/doc/calendar/multipledoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'calendar-multiple-demo', - template: `
    - + template: ` +

    In order to choose multiple dates, set selectionMode as multiple. In this mode, the value binding should be an array.
    -
    ` + ` }) export class MultipleDoc { - @Input() id: string; - - @Input() title: string; - dates: Date[] | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/calendar/multiplemonths.doc.ts b/src/app/showcase/doc/calendar/multiplemonths.doc.ts index 3fdd7560988..20e070e324b 100644 --- a/src/app/showcase/doc/calendar/multiplemonths.doc.ts +++ b/src/app/showcase/doc/calendar/multiplemonths.doc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'calendar-multiplemonths-demo', - template: `
    - + template: ` +

    Number of months to display is configured with the numberOfMonths property.
    -
    ` + ` }) export class MultipleMonthDoc { - @Input() id: string; - - @Input() title: string; - date: Date[] | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/calendar/propsdoc.ts b/src/app/showcase/doc/calendar/propsdoc.ts index 4711cd7a969..ff972ffbc8e 100644 --- a/src/app/showcase/doc/calendar/propsdoc.ts +++ b/src/app/showcase/doc/calendar/propsdoc.ts @@ -2,7 +2,7 @@ import { Component, Input } from '@angular/core'; @Component({ selector: 'props-doc', - template: `
    + template: `
    diff --git a/src/app/showcase/doc/calendar/rangedoc.ts b/src/app/showcase/doc/calendar/rangedoc.ts index c9cdca20e2f..1464d63bd51 100644 --- a/src/app/showcase/doc/calendar/rangedoc.ts +++ b/src/app/showcase/doc/calendar/rangedoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'calendar-range-demo', - template: `
    - + template: ` +

    A range of dates can be selected by defining selectionMode as range, in this case the bound value would be an array with two values where first date is the start of the range and second date is the end.
    -
    ` + ` }) export class RangeDoc { - @Input() id: string; - - @Input() title: string; - rangeDates: Date[] | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/calendar/reactiveformsdoc.ts b/src/app/showcase/doc/calendar/reactiveformsdoc.ts index 0d3e17c763f..c8872ad78cd 100644 --- a/src/app/showcase/doc/calendar/reactiveformsdoc.ts +++ b/src/app/showcase/doc/calendar/reactiveformsdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
    - + template: ` +

    Calendar can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
    @@ -14,13 +14,9 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - formGroup: FormGroup | undefined; ngOnInit() { @@ -30,8 +26,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
    + basic: ` `, diff --git a/src/app/showcase/doc/calendar/styledoc.ts b/src/app/showcase/doc/calendar/styledoc.ts index 70fd2f75b97..7ec2651b1b7 100644 --- a/src/app/showcase/doc/calendar/styledoc.ts +++ b/src/app/showcase/doc/calendar/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -62,10 +62,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/calendar/templatedoc.ts b/src/app/showcase/doc/calendar/templatedoc.ts index e9b62bb3e8d..55908e26451 100644 --- a/src/app/showcase/doc/calendar/templatedoc.ts +++ b/src/app/showcase/doc/calendar/templatedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'calendar-template-demo', - template: `
    - + template: ` +

    Calendar UI accepts custom content using header and footer templates.
    @@ -14,18 +14,13 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - date: Date[] | undefined; code: Code = { - basic: ` - + basic: ` Header Footer `, diff --git a/src/app/showcase/doc/calendar/templatesdoc.ts b/src/app/showcase/doc/calendar/templatesdoc.ts index d5eaaa60773..7af34a4e24b 100644 --- a/src/app/showcase/doc/calendar/templatesdoc.ts +++ b/src/app/showcase/doc/calendar/templatesdoc.ts @@ -2,61 +2,58 @@ import { Component, Input } from '@angular/core'; @Component({ selector: 'templates-doc', - template: `
    - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    NameParameters
    header-
    footer-
    date$implicit: Value of the component
    decade$implicit: An array containing the start and and year of a decade to display at header of the year picker.
    previousicon-
    nexticon-
    triggericon-
    clearicon-
    incrementicon-
    decrementicon-
    -
    -
    ` + template: `
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    NameParameters
    header-
    footer-
    date$implicit: Value of the component
    decade$implicit: An array containing the start and and year of a decade to display at header of the year picker.
    previousicon-
    nexticon-
    triggericon-
    clearicon-
    incrementicon-
    decrementicon-
    +
    ` }) export class TemplatesDoc { @Input() id: string; diff --git a/src/app/showcase/doc/calendar/timedoc.ts b/src/app/showcase/doc/calendar/timedoc.ts index 4e667b6996e..a0dc72949f1 100644 --- a/src/app/showcase/doc/calendar/timedoc.ts +++ b/src/app/showcase/doc/calendar/timedoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'calendar-time-demo', - template: `
    - + template: ` +

    TimePicker is enabled with showTime property and 24 (default) or 12 hour mode is configured using hourFormat option.
    -
    ` + ` }) export class TimeDoc { - @Input() id: string; - - @Input() title: string; - date: Date[] | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/calendar/touchuidoc.ts b/src/app/showcase/doc/calendar/touchuidoc.ts index af8e6432385..b93c0bc6954 100644 --- a/src/app/showcase/doc/calendar/touchuidoc.ts +++ b/src/app/showcase/doc/calendar/touchuidoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'calendar-touchui-demo', - template: `
    - + template: ` +

    When touchUI is enabled, overlay is displayed as optimized for touch devices.
    -
    ` + ` }) export class TouchUIDoc { - @Input() id: string; - - @Input() title: string; - date: Date[] | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/calendar/yeardoc.ts b/src/app/showcase/doc/calendar/yeardoc.ts index bda1ed1ae78..3baf732ae29 100644 --- a/src/app/showcase/doc/calendar/yeardoc.ts +++ b/src/app/showcase/doc/calendar/yeardoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'calendar-year-demo', - template: `
    - + template: ` +

    Similar to the month picker, year picker can be used to select years only. Set view to year to display the year picker.
    -
    ` + ` }) export class YearDoc { - @Input() id: string; - - @Input() title: string; - date: Date[] | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/card/accessibilitydoc.ts b/src/app/showcase/doc/card/accessibilitydoc.ts index 57ef12335aa..f54face3156 100644 --- a/src/app/showcase/doc/card/accessibilitydoc.ts +++ b/src/app/showcase/doc/card/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` + template: `

    Screen Reader

    @@ -17,10 +17,6 @@ import { Code } from '../../domain/code'; ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { html: ` Content diff --git a/src/app/showcase/doc/card/advanceddoc.ts b/src/app/showcase/doc/card/advanceddoc.ts index d04068a6e6b..40f7463ed0c 100644 --- a/src/app/showcase/doc/card/advanceddoc.ts +++ b/src/app/showcase/doc/card/advanceddoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'card-advanced-demo', - template: `

    - + template: ` +

    Card content can be customized further with subHeader, header and footer properties.
    @@ -23,16 +23,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class AdvancedDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` Card diff --git a/src/app/showcase/doc/card/basicdoc.ts b/src/app/showcase/doc/card/basicdoc.ts index c2711f5a08c..26d1d660e46 100644 --- a/src/app/showcase/doc/card/basicdoc.ts +++ b/src/app/showcase/doc/card/basicdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'card-basic-demo', - template: `
    - + template: ` +

    A simple Card is created with a header property along with the content as children.
    @@ -16,16 +16,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas! diff --git a/src/app/showcase/doc/card/carddoc.module.ts b/src/app/showcase/doc/card/carddoc.module.ts index b5ea14fae44..6811b87056e 100644 --- a/src/app/showcase/doc/card/carddoc.module.ts +++ b/src/app/showcase/doc/card/carddoc.module.ts @@ -4,7 +4,7 @@ import { RouterModule } from '@angular/router'; import { ButtonModule } from 'primeng/button'; import { CardModule } from 'primeng/card'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { AdvancedDoc } from './advanceddoc'; import { BasicDoc } from './basicdoc'; diff --git a/src/app/showcase/doc/card/importdoc.ts b/src/app/showcase/doc/card/importdoc.ts index 738a8cedabb..3cfff06c00d 100644 --- a/src/app/showcase/doc/card/importdoc.ts +++ b/src/app/showcase/doc/card/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `

    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { CardModule } from 'primeng/card';` }; diff --git a/src/app/showcase/doc/card/styledoc.ts b/src/app/showcase/doc/card/styledoc.ts index aa73bff31ae..fedd87ef1a8 100644 --- a/src/app/showcase/doc/card/styledoc.ts +++ b/src/app/showcase/doc/card/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -38,10 +38,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/carousel/accessibilitydoc.ts b/src/app/showcase/doc/carousel/accessibilitydoc.ts index 9dc88c0f669..87e67e6b2f6 100644 --- a/src/app/showcase/doc/carousel/accessibilitydoc.ts +++ b/src/app/showcase/doc/carousel/accessibilitydoc.ts @@ -1,8 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` + template: `

    Screen Reader

    Carousel uses region role and since any attribute is passed to the main container element, attributes such as aria-label and aria-roledescription can be used as well. The slides container has aria-live @@ -87,8 +87,4 @@ import { Component, Input } from '@angular/core';

    ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/carousel/basicdoc.ts b/src/app/showcase/doc/carousel/basicdoc.ts index d709f0d492a..57888bdd99b 100644 --- a/src/app/showcase/doc/carousel/basicdoc.ts +++ b/src/app/showcase/doc/carousel/basicdoc.ts @@ -1,12 +1,12 @@ -import { ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'carousel-basic-demo', - template: `
    - + template: ` +

    Carousel requires a collection of items as its value along with a template to render each item.
    @@ -30,13 +30,9 @@ import { ProductService } from '../../service/productservice';
    -
    ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products: Product[] | undefined; responsiveOptions: any[] | undefined; @@ -80,8 +76,7 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
    diff --git a/src/app/showcase/doc/carousel/carouseldoc.module.ts b/src/app/showcase/doc/carousel/carouseldoc.module.ts index 376f1ad1e17..7c407b25552 100644 --- a/src/app/showcase/doc/carousel/carouseldoc.module.ts +++ b/src/app/showcase/doc/carousel/carouseldoc.module.ts @@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { ImportDoc } from './importdoc'; import { TagModule } from 'primeng/tag'; import { BasicDoc } from './basicdoc'; diff --git a/src/app/showcase/doc/carousel/circulardoc.ts b/src/app/showcase/doc/carousel/circulardoc.ts index ae088e1a998..e2a8c60af95 100644 --- a/src/app/showcase/doc/carousel/circulardoc.ts +++ b/src/app/showcase/doc/carousel/circulardoc.ts @@ -1,12 +1,12 @@ -import { ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'carousel-circular-demo', - template: `
    - + template: ` +

    When autoplayInterval is defined in milliseconds, items are scrolled automatically. In addition, for infinite scrolling circular property needs to be added which is enabled automatically in auto play mode.
    @@ -30,13 +30,9 @@ import { ProductService } from '../../service/productservice';
    -
    ` + ` }) export class CircularDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products: Product[] | undefined; responsiveOptions: any[] | undefined; @@ -80,8 +76,7 @@ export class CircularDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
    diff --git a/src/app/showcase/doc/carousel/importdoc.ts b/src/app/showcase/doc/carousel/importdoc.ts index 6c90a0e450b..b6411c1c980 100644 --- a/src/app/showcase/doc/carousel/importdoc.ts +++ b/src/app/showcase/doc/carousel/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { CarouselModule } from 'primeng/carousel';` }; diff --git a/src/app/showcase/doc/carousel/numscrolldoc.ts b/src/app/showcase/doc/carousel/numscrolldoc.ts index bd6ec49fe32..fbf6166d945 100644 --- a/src/app/showcase/doc/carousel/numscrolldoc.ts +++ b/src/app/showcase/doc/carousel/numscrolldoc.ts @@ -1,12 +1,12 @@ -import { ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'carousel-num-scroll-demo', - template: `
    - + template: ` +

    Number of items to scroll is specified with the numScroll option.
    @@ -30,13 +30,9 @@ import { ProductService } from '../../service/productservice';
    -
    ` + ` }) export class NumScrollDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products: Product[] | undefined; responsiveOptions: any[] | undefined; @@ -80,8 +76,7 @@ export class NumScrollDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
    diff --git a/src/app/showcase/doc/carousel/responsivedoc.ts b/src/app/showcase/doc/carousel/responsivedoc.ts index d12baed264a..7d7df97282e 100644 --- a/src/app/showcase/doc/carousel/responsivedoc.ts +++ b/src/app/showcase/doc/carousel/responsivedoc.ts @@ -1,12 +1,12 @@ -import { ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'responsive-doc', - template: `
    - + template: ` +

    Carousel supports specific configuration per screen size with the responsiveOptions property that takes an array of objects where each object defines the max-width breakpoint, numVisible for the number of items items per page and numScroll for number of items to scroll. When responsiveOptions is defined, the numScroll and numVisible properties of the Carousel are used as default when there is breakpoint that @@ -36,13 +36,9 @@ import { ProductService } from '../../service/productservice';

    -
    ` + ` }) export class ResponsiveDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products: Product[] | undefined; responsiveOptions: any[] | undefined; @@ -86,8 +82,7 @@ export class ResponsiveDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
    diff --git a/src/app/showcase/doc/carousel/styledoc.ts b/src/app/showcase/doc/carousel/styledoc.ts index 2c251df58a9..bb82e6c23b4 100644 --- a/src/app/showcase/doc/carousel/styledoc.ts +++ b/src/app/showcase/doc/carousel/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -54,10 +54,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/carousel/templatedoc.ts b/src/app/showcase/doc/carousel/templatedoc.ts index cb9ae25da7c..92ff8687e7b 100644 --- a/src/app/showcase/doc/carousel/templatedoc.ts +++ b/src/app/showcase/doc/carousel/templatedoc.ts @@ -1,12 +1,12 @@ -import { ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'carousel-template-demo', - template: `
    - + template: ` +

    Custom content projection is available using the header and footer templates.
    @@ -36,13 +36,9 @@ import { ProductService } from '../../service/productservice';
    -
    ` + ` }) export class TemplateDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products: Product[] | undefined; responsiveOptions: any[] | undefined; @@ -86,8 +82,7 @@ export class TemplateDoc implements OnInit { } code: Code = { - basic: ` - + basic: `

    Header content

     diff --git a/src/app/showcase/doc/carousel/verticaldoc.ts b/src/app/showcase/doc/carousel/verticaldoc.ts index 7ae6567f5f3..94ee75d1470 100644 --- a/src/app/showcase/doc/carousel/verticaldoc.ts +++ b/src/app/showcase/doc/carousel/verticaldoc.ts @@ -1,12 +1,12 @@ -import { ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'carousel-vertical-demo', - template: `
    - + template: ` +

    To create a vertical Carousel, orientation needs to be set to vertical along with a verticalViewPortHeight.
    @@ -33,13 +33,9 @@ import { ProductService } from '../../service/productservice';
    -
    ` + ` }) export class VerticalDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products: Product[] | undefined; constructor(private productService: ProductService, private cdr: ChangeDetectorRef) {} @@ -63,8 +59,7 @@ export class VerticalDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
    diff --git a/src/app/showcase/doc/cascadeselect/accessibilitydoc.ts b/src/app/showcase/doc/cascadeselect/accessibilitydoc.ts index 5d38e96c741..f5c71ccf2ca 100644 --- a/src/app/showcase/doc/cascadeselect/accessibilitydoc.ts +++ b/src/app/showcase/doc/cascadeselect/accessibilitydoc.ts @@ -3,124 +3,118 @@ import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
    - -

    Screen Reader

    -

    - Value to describe the component can either be provided with aria-labelledby or aria-label props. The cascadeselect element has a combobox role in addition to aria-haspopup and - aria-expanded attributes. The relation between the combobox and the popup is created with aria-controls that refers to the id of the popup. -

    -

    - The popup list has an id that refers to the aria-controls attribute of the combobox element and uses tree as the role. Each list item has a treeitem role along with aria-label, - aria-selected and aria-expanded attributes. The container element of a treenode has the group role. The aria-setsize, aria-posinset and aria-level attributes are calculated implicitly and - added to each treeitem. -

    + template: ` +

    Screen Reader

    +

    + Value to describe the component can either be provided with ariaLabelledBy or ariaLabel props. The cascadeselect element has a combobox role in addition to aria-haspopup and aria-expanded attributes. + The relation between the combobox and the popup is created with aria-controls that refers to the id of the popup. +

    +

    + The popup list has an id that refers to the aria-controls attribute of the combobox element and uses tree as the role. Each list item has a treeitem role along with aria-label, + aria-selected and aria-expanded attributes. The container element of a treenode has the group role. The aria-setsize, aria-posinset and aria-level attributes are calculated implicitly and + added to each treeitem. +

    +     -

    If filtering is enabled, filterInputProps can be defined to give aria-* props to the filter input element.

    -     + - - -

    Closed State Keyboard Support

    -
    - - - - - - - - - - - - - - - - - - - - - -
    KeyFunction
    - tab - Moves focus to the cascadeselect element.
    - space - Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.
    - down arrow - Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.
    -
    - -

    Popup Keyboard Support

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    KeyFunction
    - tab - Hides the popup and moves focus to the next tabbable element.
    shift + tabHides the popup and moves focus to the previous tabbable element.
    - enter - Selects the focused option and closes the popup.
    - space - Selects the focused option and closes the popup.
    - escape - Closes the popup, moves focus to the cascadeselect element.
    - down arrow - Moves focus to the next option.
    - up arrow - Moves focus to the previous option.
    - right arrow - If option is closed, opens the option otherwise moves focus to the first child option.
    - left arrow - If option is open, closes the option otherwise moves focus to the parent option.
    -
    +

    Closed State Keyboard Support

    +
    + + + + + + + + + + + + + + + + + + + + + +
    KeyFunction
    + tab + Moves focus to the cascadeselect element.
    + space + Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.
    + down arrow + Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.
    - ` + +

    Popup Keyboard Support

    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    KeyFunction
    + tab + Hides the popup and moves focus to the next tabbable element.
    shift + tabHides the popup and moves focus to the previous tabbable element.
    + enter + Selects the focused option and closes the popup.
    + space + Selects the focused option and closes the popup.
    + escape + Closes the popup, moves focus to the cascadeselect element.
    + down arrow + Moves focus to the next option.
    + up arrow + Moves focus to the previous option.
    + right arrow + If option is closed, opens the option otherwise moves focus to the first child option.
    + left arrow + If option is open, closes the option otherwise moves focus to the parent option.
    +
    ` }) export class AccessibilityDoc { @Input() id: string; @@ -129,8 +123,8 @@ export class AccessibilityDoc { code: Code = { basic: `Options - + -` +` }; } diff --git a/src/app/showcase/doc/cascadeselect/basicdoc.ts b/src/app/showcase/doc/cascadeselect/basicdoc.ts index afe379360b8..026ad5d009c 100644 --- a/src/app/showcase/doc/cascadeselect/basicdoc.ts +++ b/src/app/showcase/doc/cascadeselect/basicdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'cascade-select-basic-demo', - template: `
    - + template: ` +

    CascadeSelect requires a value to bind and a collection of arbitrary objects with a nested hierarchy. optionGroupLabel is used for the text of a category and optionGroupChildren is to define the children of the category. Note that order of the optionGroupChildren matters and it should correspond to the data hierarchy. @@ -14,13 +14,9 @@ import { Code } from '../../domain/code';

    - ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - countries: any[] | undefined; selectedCity: any; @@ -103,8 +99,7 @@ export class BasicDoc { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/cascadeselect/cascasdeselectdoc.module.ts b/src/app/showcase/doc/cascadeselect/cascasdeselectdoc.module.ts index 323545df1c6..6feca3da20d 100644 --- a/src/app/showcase/doc/cascadeselect/cascasdeselectdoc.module.ts +++ b/src/app/showcase/doc/cascadeselect/cascasdeselectdoc.module.ts @@ -4,7 +4,7 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { RouterModule } from '@angular/router'; import { CascadeSelectModule } from 'primeng/cascadeselect'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { ImportDoc } from './importdoc'; diff --git a/src/app/showcase/doc/cascadeselect/importdoc.ts b/src/app/showcase/doc/cascadeselect/importdoc.ts index 03e7dcda326..400e10b80bb 100644 --- a/src/app/showcase/doc/cascadeselect/importdoc.ts +++ b/src/app/showcase/doc/cascadeselect/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { CascadeSelectModule } from 'primeng/cascadeselect';` }; diff --git a/src/app/showcase/doc/cascadeselect/reactiveformsdoc.ts b/src/app/showcase/doc/cascadeselect/reactiveformsdoc.ts index 548c4d70564..95e6c138c89 100644 --- a/src/app/showcase/doc/cascadeselect/reactiveformsdoc.ts +++ b/src/app/showcase/doc/cascadeselect/reactiveformsdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
    - + template: ` +

    CascadeSelect can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
    @@ -22,13 +22,9 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - countries: any[] | undefined; selectedCity: any; @@ -117,8 +113,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
    + basic: `
    `, diff --git a/src/app/showcase/doc/cascadeselect/styledoc.ts b/src/app/showcase/doc/cascadeselect/styledoc.ts index adfdb68e471..0b1fd45da0c 100644 --- a/src/app/showcase/doc/cascadeselect/styledoc.ts +++ b/src/app/showcase/doc/cascadeselect/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.

    @@ -46,10 +46,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/cascadeselect/templatedoc.ts b/src/app/showcase/doc/cascadeselect/templatedoc.ts index 9173c86e370..8953624688d 100644 --- a/src/app/showcase/doc/cascadeselect/templatedoc.ts +++ b/src/app/showcase/doc/cascadeselect/templatedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'cascade-select-template-demo', - template: `
    - + template: ` +

    CascadeSelect is used as a controlled component with ngModel property along with an options collection. To define the label of a group optionGroupLabel property is needed and also optionGroupChildren is required to define the property that refers to the children of a group. Note that order of the optionGroupChildren matters as it should correspond to the data hierarchy. @@ -23,13 +23,9 @@ import { Code } from '../../domain/code';

    - ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - countries: any[] | undefined; selectedCity: any; @@ -112,8 +108,7 @@ export class TemplateDoc { } code: Code = { - basic: ` - + basic: `
    diff --git a/src/app/showcase/doc/chart/accessibilitydoc.ts b/src/app/showcase/doc/chart/accessibilitydoc.ts index 5e835d65c8d..06950e6e5a2 100644 --- a/src/app/showcase/doc/chart/accessibilitydoc.ts +++ b/src/app/showcase/doc/chart/accessibilitydoc.ts @@ -1,34 +1,24 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
    - -
    -

    Screen Reader

    -

    - Chart components internally use canvas element, refer to the Chart.js accessibility guide - for more information. The canvas element can be customized with canvasProps property to define aria roles and properties, in addition any content inside the component is directly passed as a child of the canvas to be - able to provide fallback content like a table. -

    -
    -     - -
    -     ` + template: `
    + +
    +

    Screen Reader

    +

    + Chart components internally use canvas element, refer to the Chart.js accessibility guide for + more information. The canvas element can be customized with canvasProps property to define aria roles and properties, in addition any content inside the component is directly passed as a child of the canvas to be able to + provide fallback content like a table. +

    +
    +     + +
    ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - html: `` + html: `` }; } diff --git a/src/app/showcase/doc/chart/basicdoc.ts b/src/app/showcase/doc/chart/basicdoc.ts index dbbafcf7b59..f2538e42387 100644 --- a/src/app/showcase/doc/chart/basicdoc.ts +++ b/src/app/showcase/doc/chart/basicdoc.ts @@ -1,11 +1,11 @@ import { isPlatformBrowser } from '@angular/common'; -import { Component, Inject, Input, OnInit, PLATFORM_ID } from '@angular/core'; +import { Component, Inject, OnInit, PLATFORM_ID } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'chart-basic-demo', - template: `
    - + template: ` +

    A chart is configured with 3 properties; type, data and options. Chart type is defined using the type property that accepts pie, doughtnut, line, bar, radar and polarArea as a value. The data defines datasets represented with the chart and the options provide numerous customization options to customize the presentation. @@ -15,13 +15,9 @@ import { Code } from '../../domain/code';

    - ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - basicData: any; basicOptions: any; @@ -82,8 +78,7 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/chart/chartdoc.module.ts b/src/app/showcase/doc/chart/chartdoc.module.ts index cad40832c4f..7fbad3237df 100644 --- a/src/app/showcase/doc/chart/chartdoc.module.ts +++ b/src/app/showcase/doc/chart/chartdoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { ChartModule } from 'primeng/chart'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { ChartjsDoc } from './chartjsdoc'; diff --git a/src/app/showcase/doc/chart/chartjsdoc.ts b/src/app/showcase/doc/chart/chartjsdoc.ts index f5d2de94a79..4fe44b08e85 100644 --- a/src/app/showcase/doc/chart/chartjsdoc.ts +++ b/src/app/showcase/doc/chart/chartjsdoc.ts @@ -1,20 +1,16 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'chartjs-doc', - template: `
    - + template: ` +

    To begin with, first you must install the charts.js package using npm and then include it in your project. An example with CLI would be;

     -
    ` + ` }) export class ChartjsDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: ` npm install chart.js --save diff --git a/src/app/showcase/doc/chart/combodoc.ts b/src/app/showcase/doc/chart/combodoc.ts index d2ebcc52b7f..c912e3f54d9 100644 --- a/src/app/showcase/doc/chart/combodoc.ts +++ b/src/app/showcase/doc/chart/combodoc.ts @@ -1,24 +1,20 @@ import { isPlatformBrowser } from '@angular/common'; -import { Component, Inject, Input, OnInit, PLATFORM_ID } from '@angular/core'; +import { Component, Inject, OnInit, PLATFORM_ID } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'chart-combo-demo', - template: `
    - + template: ` +

    Different chart types can be combined in the same graph usign the type option of a dataset.
    -
    ` + ` }) export class ComboDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - data: any; options: any; @@ -94,8 +90,7 @@ export class ComboDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/chart/doughnutdoc.ts b/src/app/showcase/doc/chart/doughnutdoc.ts index b6378303020..efda6aba860 100644 --- a/src/app/showcase/doc/chart/doughnutdoc.ts +++ b/src/app/showcase/doc/chart/doughnutdoc.ts @@ -1,24 +1,20 @@ import { isPlatformBrowser } from '@angular/common'; -import { Component, Inject, Input, OnInit, PLATFORM_ID } from '@angular/core'; +import { Component, Inject, OnInit, PLATFORM_ID } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'chart-doughnut-demo', - template: `
    - + template: ` +

    A doughnut chart is a variant of the pie chart, with a blank center allowing for additional information about the data as a whole to be included.
    -
    ` + ` }) export class DoughnutDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - data: any; options: any; @@ -55,8 +51,7 @@ export class DoughnutDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/chart/horizontalbardoc.ts b/src/app/showcase/doc/chart/horizontalbardoc.ts index e7298f3ff36..77c39d2b19c 100644 --- a/src/app/showcase/doc/chart/horizontalbardoc.ts +++ b/src/app/showcase/doc/chart/horizontalbardoc.ts @@ -1,24 +1,20 @@ import { isPlatformBrowser } from '@angular/common'; -import { Component, Inject, Input, OnInit, PLATFORM_ID } from '@angular/core'; +import { Component, Inject, OnInit, PLATFORM_ID } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'chart-horizontal-bar-demo', - template: `
    - + template: ` +

    A bar chart is rendered horizontally when indexAxis option is set as y.
    -
    ` + ` }) export class HorizontalBarDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - data: any; options: any; @@ -89,8 +85,7 @@ export class HorizontalBarDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/chart/importdoc.ts b/src/app/showcase/doc/chart/importdoc.ts index 23347b6f4ad..99aa87c70b9 100644 --- a/src/app/showcase/doc/chart/importdoc.ts +++ b/src/app/showcase/doc/chart/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { ChartModule } from 'primeng/chart';` }; diff --git a/src/app/showcase/doc/chart/linedoc.ts b/src/app/showcase/doc/chart/linedoc.ts index 34cc1d36870..c7cd4756e16 100644 --- a/src/app/showcase/doc/chart/linedoc.ts +++ b/src/app/showcase/doc/chart/linedoc.ts @@ -1,24 +1,20 @@ import { isPlatformBrowser } from '@angular/common'; -import { Component, Inject, Input, OnInit, PLATFORM_ID } from '@angular/core'; +import { Component, Inject, OnInit, PLATFORM_ID } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'chart-line-demo', - template: `
    - + template: ` +

    A line chart or line graph is a type of chart which displays information as a series of data points called 'markers' connected by straight line segments.
    -
    ` + ` }) export class LineDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - data: any; options: any; @@ -87,8 +83,7 @@ export class LineDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/chart/linestyledoc.ts b/src/app/showcase/doc/chart/linestyledoc.ts index 140c7bca86f..5bd73554764 100644 --- a/src/app/showcase/doc/chart/linestyledoc.ts +++ b/src/app/showcase/doc/chart/linestyledoc.ts @@ -1,24 +1,20 @@ import { isPlatformBrowser } from '@angular/common'; -import { Component, Inject, Input, OnInit, PLATFORM_ID } from '@angular/core'; +import { Component, Inject, OnInit, PLATFORM_ID } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'chart-line-style-demo', - template: `
    - + template: ` +

    Various styles of a line series can be customized to display customizations like an area chart.
    -
    ` + ` }) export class LineStyleDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - data: any; options: any; @@ -94,8 +90,7 @@ export class LineStyleDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/chart/methodsdoc.ts b/src/app/showcase/doc/chart/methodsdoc.ts index ac72f7c87b6..cfca37ff6d8 100644 --- a/src/app/showcase/doc/chart/methodsdoc.ts +++ b/src/app/showcase/doc/chart/methodsdoc.ts @@ -1,9 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'methods-doc', - template: `
    - + template: `
    @@ -32,10 +31,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class MethodsDoc { - @Input() id: string; - - @Input() title: string; -} +export class MethodsDoc {} diff --git a/src/app/showcase/doc/chart/multiaxisdoc.ts b/src/app/showcase/doc/chart/multiaxisdoc.ts index 6142ba4b1c2..edcd92aa19b 100644 --- a/src/app/showcase/doc/chart/multiaxisdoc.ts +++ b/src/app/showcase/doc/chart/multiaxisdoc.ts @@ -1,24 +1,20 @@ import { isPlatformBrowser } from '@angular/common'; -import { Component, Inject, Input, OnInit, PLATFORM_ID } from '@angular/core'; +import { Component, Inject, OnInit, PLATFORM_ID } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'chart-multi-axis-demo', - template: `
    - + template: ` +

    Multiple axes can be added using the scales option.
    -
    ` + ` }) export class MultiAxisDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - data: any; options: any; @@ -103,8 +99,7 @@ export class MultiAxisDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/chart/piedoc.ts b/src/app/showcase/doc/chart/piedoc.ts index 9f90ad58e4d..260b8e005e0 100644 --- a/src/app/showcase/doc/chart/piedoc.ts +++ b/src/app/showcase/doc/chart/piedoc.ts @@ -1,24 +1,20 @@ import { isPlatformBrowser } from '@angular/common'; -import { Component, Inject, Input, OnInit, PLATFORM_ID } from '@angular/core'; +import { Component, Inject, OnInit, PLATFORM_ID } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'chart-pie-demo', - template: `
    - + template: ` +

    A pie chart is a circular statistical graphic which is divided into slices to illustrate numerical proportion.
    -
    ` + ` }) export class PieDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - data: any; options: any; @@ -55,8 +51,7 @@ export class PieDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/chart/polarareadoc.ts b/src/app/showcase/doc/chart/polarareadoc.ts index 36cd310fb6e..0b438c10734 100644 --- a/src/app/showcase/doc/chart/polarareadoc.ts +++ b/src/app/showcase/doc/chart/polarareadoc.ts @@ -1,24 +1,20 @@ import { isPlatformBrowser } from '@angular/common'; -import { Component, Inject, Input, OnInit, PLATFORM_ID } from '@angular/core'; +import { Component, Inject, OnInit, PLATFORM_ID } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'chart-polar-area-demo', - template: `
    - + template: ` +

    Polar area charts are similar to pie charts, but each segment has the same angle - the radius of the segment differs depending on the value.
    -
    ` + ` }) export class PolarAreaDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - data: any; options: any; @@ -68,8 +64,7 @@ export class PolarAreaDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/chart/propsdoc.ts b/src/app/showcase/doc/chart/propsdoc.ts index aa05b65f9ba..6d27e594ce2 100644 --- a/src/app/showcase/doc/chart/propsdoc.ts +++ b/src/app/showcase/doc/chart/propsdoc.ts @@ -1,9 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'props-doc', - template: `
    - + template: `
    @@ -66,10 +65,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class PropsDoc { - @Input() id: string; - - @Input() title: string; -} +export class PropsDoc {} diff --git a/src/app/showcase/doc/chart/radardoc.ts b/src/app/showcase/doc/chart/radardoc.ts index 248e507d299..968da3827fd 100644 --- a/src/app/showcase/doc/chart/radardoc.ts +++ b/src/app/showcase/doc/chart/radardoc.ts @@ -1,24 +1,20 @@ import { isPlatformBrowser } from '@angular/common'; -import { Component, Inject, Input, OnInit, PLATFORM_ID } from '@angular/core'; +import { Component, Inject, OnInit, PLATFORM_ID } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'chart-radar-demo', - template: `
    - + template: ` +

    A radar chart is a graphical method of displaying multivariate data in the form of a two-dimensional chart of three or more quantitative variables represented on axes starting from the same point.
    -
    ` + ` }) export class RadarDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - data: any; options: any; @@ -78,8 +74,7 @@ export class RadarDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/chart/stackedbardoc.ts b/src/app/showcase/doc/chart/stackedbardoc.ts index 84675dda12f..74b4041ed00 100644 --- a/src/app/showcase/doc/chart/stackedbardoc.ts +++ b/src/app/showcase/doc/chart/stackedbardoc.ts @@ -1,24 +1,20 @@ import { isPlatformBrowser } from '@angular/common'; -import { Component, Inject, Input, OnInit, PLATFORM_ID } from '@angular/core'; +import { Component, Inject, OnInit, PLATFORM_ID } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'chart-stacked-bar-demo', - template: `
    - + template: ` +

    Bars can be stacked on top of each other when stacked option of a scale is enabled.
    -
    ` + ` }) export class StackedBarDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - data: any; options: any; @@ -97,8 +93,7 @@ export class StackedBarDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/chart/verticalbardoc.ts b/src/app/showcase/doc/chart/verticalbardoc.ts index caac8563636..373446ef4d8 100644 --- a/src/app/showcase/doc/chart/verticalbardoc.ts +++ b/src/app/showcase/doc/chart/verticalbardoc.ts @@ -1,24 +1,20 @@ import { isPlatformBrowser } from '@angular/common'; -import { Component, Inject, Input, OnInit, PLATFORM_ID } from '@angular/core'; +import { Component, Inject, OnInit, PLATFORM_ID } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'chart-vertical-bar-demo', - template: `
    - + template: ` +

    A bar chart or bar graph is a chart that presents grouped data with rectangular bars with lengths proportional to the values that they represent.
    -
    ` + ` }) export class VerticalBarDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - data: any; options: any; @@ -88,8 +84,7 @@ export class VerticalBarDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/checkbox/accessibilitydoc.ts b/src/app/showcase/doc/checkbox/accessibilitydoc.ts index be48cda95d6..505d65424e7 100644 --- a/src/app/showcase/doc/checkbox/accessibilitydoc.ts +++ b/src/app/showcase/doc/checkbox/accessibilitydoc.ts @@ -1,60 +1,54 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
    - -

    Screen Reader

    -

    - Checkbox component uses a hidden native checkbox element internally that is only visible to screen readers. Value to describe the component can either be provided via label tag combined with inputId prop or using - aria-labelledby, aria-label props. -

    -     + template: `
    + +

    Screen Reader

    +

    + Checkbox component uses a hidden native checkbox element internally that is only visible to screen readers. Value to describe the component can either be provided via label tag combined with inputId prop or using + ariaLabelledBy, ariaLabel props. +

    +     - + -

    Keyboard Support

    -
    - - - - - - - - - - - - - - - - - -
    KeyFunction
    - tab - Moves focus to the checkbox.
    - space - Toggles the checked state.
    -
    +

    Keyboard Support

    +
    + + + + + + + + + + + + + + + + + +
    KeyFunction
    + tab + Moves focus to the checkbox.
    + space + Toggles the checked state.
    - ` +
    ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: ` Remember Me - + -` +` }; } diff --git a/src/app/showcase/doc/checkbox/basicdoc.ts b/src/app/showcase/doc/checkbox/basicdoc.ts index 0b07d5714cc..239cbc4a651 100644 --- a/src/app/showcase/doc/checkbox/basicdoc.ts +++ b/src/app/showcase/doc/checkbox/basicdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'checkbox-basic-demo', - template: `
    - + template: ` +

    Binary checkbox is used as a controlled input with ngModel and binary properties.
    -
    ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - checked: boolean = false; code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/checkbox/checkboxdoc.module.ts b/src/app/showcase/doc/checkbox/checkboxdoc.module.ts index 3d23d2d12a0..f0332123e11 100644 --- a/src/app/showcase/doc/checkbox/checkboxdoc.module.ts +++ b/src/app/showcase/doc/checkbox/checkboxdoc.module.ts @@ -4,7 +4,7 @@ import { RouterModule } from '@angular/router'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { CheckboxModule } from 'primeng/checkbox'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { ImportDoc } from './importdoc'; import { BasicDoc } from './basicdoc'; import { MultipleDoc } from './multipledoc'; diff --git a/src/app/showcase/doc/checkbox/disableddoc.ts b/src/app/showcase/doc/checkbox/disableddoc.ts index 6e99fcf04fa..3a2a829cdd5 100644 --- a/src/app/showcase/doc/checkbox/disableddoc.ts +++ b/src/app/showcase/doc/checkbox/disableddoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'checkbox-disabled-demo', - template: `
    - + template: ` +

    When disabled is present, the element cannot be edited and focused.
    -
    ` + ` }) export class DisabledDoc { - @Input() id: string; - - @Input() title: string; - checked: boolean = false; code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/checkbox/dynamicdoc.ts b/src/app/showcase/doc/checkbox/dynamicdoc.ts index bd2336630ff..443b801b71a 100644 --- a/src/app/showcase/doc/checkbox/dynamicdoc.ts +++ b/src/app/showcase/doc/checkbox/dynamicdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'checkbox-dynamic-demo', - template: `
    - + template: ` +

    Checkboxes can be generated using a list of values.
    @@ -16,13 +16,9 @@ import { Code } from '../../domain/code';
    - ` + ` }) export class DynamicDoc { - @Input() id: string; - - @Input() title: string; - selectedCategories: any[] = []; categories: any[] = [ @@ -33,8 +29,7 @@ export class DynamicDoc { ]; code: Code = { - basic: ` -
    + basic: `
    `, diff --git a/src/app/showcase/doc/checkbox/importdoc.ts b/src/app/showcase/doc/checkbox/importdoc.ts index 0ea8b84930b..53aec9ab529 100644 --- a/src/app/showcase/doc/checkbox/importdoc.ts +++ b/src/app/showcase/doc/checkbox/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { CheckboxModule } from 'primeng/checkbox';` }; diff --git a/src/app/showcase/doc/checkbox/labeldoc.ts b/src/app/showcase/doc/checkbox/labeldoc.ts index e5e330a338a..a9c2dd3ad2a 100644 --- a/src/app/showcase/doc/checkbox/labeldoc.ts +++ b/src/app/showcase/doc/checkbox/labeldoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'checkbox-label-demo', - template: `
    - + template: ` +

    The label attribute provides a label text for the checkbox. This label is also clickable and toggles the checked state.
    @@ -12,18 +12,13 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class LabelDoc { - @Input() id: string; - - @Input() title: string; - selectedValues: string[] = []; code: Code = { - basic: ` - + basic: ` `, html: ` diff --git a/src/app/showcase/doc/checkbox/multipledoc.ts b/src/app/showcase/doc/checkbox/multipledoc.ts index 3f56564e85d..c431cfc9788 100644 --- a/src/app/showcase/doc/checkbox/multipledoc.ts +++ b/src/app/showcase/doc/checkbox/multipledoc.ts @@ -1,16 +1,16 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'checkbox-multiple-demo', - template: `
    - + template: ` +

    Multiple checkboxes can be grouped together.
    - - + +
    @@ -22,18 +22,13 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class MultipleDoc { - @Input() id: string; - - @Input() title: string; - selectedCities: string[] = []; code: Code = { - basic: ` -
    + basic: `
    diff --git a/src/app/showcase/doc/checkbox/reactiveformsdoc.ts b/src/app/showcase/doc/checkbox/reactiveformsdoc.ts index 539f88b7ddf..eb969b445e6 100644 --- a/src/app/showcase/doc/checkbox/reactiveformsdoc.ts +++ b/src/app/showcase/doc/checkbox/reactiveformsdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
    - + template: ` +

    Checkbox can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
    @@ -15,13 +15,9 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - formGroup: FormGroup | undefined; ngOnInit() { @@ -31,8 +27,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
    + basic: `
    `, diff --git a/src/app/showcase/doc/checkbox/styledoc.ts b/src/app/showcase/doc/checkbox/styledoc.ts index b4fd580c152..683f1b04fc9 100644 --- a/src/app/showcase/doc/checkbox/styledoc.ts +++ b/src/app/showcase/doc/checkbox/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -46,10 +46,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/chip/accessibilitydoc.ts b/src/app/showcase/doc/chip/accessibilitydoc.ts index e60b79efa04..decad3e898d 100644 --- a/src/app/showcase/doc/chip/accessibilitydoc.ts +++ b/src/app/showcase/doc/chip/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
    - +

    Screen Reader

    @@ -35,8 +35,4 @@ import { Component, Input } from '@angular/core';

    ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/chip/basicdoc.ts b/src/app/showcase/doc/chip/basicdoc.ts index 61c7e9ec1e3..2e0cd8f3872 100644 --- a/src/app/showcase/doc/chip/basicdoc.ts +++ b/src/app/showcase/doc/chip/basicdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'chip-basic-demo', - template: `
    - + template: ` +

    A basic chip with a text is created with the label property. In addition when removable is added, a delete icon is displayed to remove a chip, the optional onRemove event is available to get notified when a chip is hidden. @@ -17,16 +17,11 @@ import { Code } from '../../domain/code';

    - ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/chip/chipdoc.module.ts b/src/app/showcase/doc/chip/chipdoc.module.ts index 4ccc1b57cf6..2cb09c64ea3 100644 --- a/src/app/showcase/doc/chip/chipdoc.module.ts +++ b/src/app/showcase/doc/chip/chipdoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { ChipModule } from 'primeng/chip'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { IconDoc } from './icondoc'; diff --git a/src/app/showcase/doc/chip/icondoc.ts b/src/app/showcase/doc/chip/icondoc.ts index e7da7e49b9b..1c979c318f4 100644 --- a/src/app/showcase/doc/chip/icondoc.ts +++ b/src/app/showcase/doc/chip/icondoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'chip-icon-demo', - template: `
    - + template: ` +

    A font icon next to the label can be displayed with the icon property.
    @@ -14,16 +14,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class IconDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/chip/imagedoc.ts b/src/app/showcase/doc/chip/imagedoc.ts index 74aaa2c748a..ecdb5afcec9 100644 --- a/src/app/showcase/doc/chip/imagedoc.ts +++ b/src/app/showcase/doc/chip/imagedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'chip-image-demo', - template: `
    - + template: ` +

    The image property is used to display an image like an avatar.
    @@ -14,16 +14,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class ImageDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/chip/importdoc.ts b/src/app/showcase/doc/chip/importdoc.ts index 20ade8f32f2..5ceaac30ed7 100644 --- a/src/app/showcase/doc/chip/importdoc.ts +++ b/src/app/showcase/doc/chip/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { ChipModule } from 'primeng/chip';` }; diff --git a/src/app/showcase/doc/chip/styledoc.ts b/src/app/showcase/doc/chip/styledoc.ts index 41be82df138..b4e872e434a 100644 --- a/src/app/showcase/doc/chip/styledoc.ts +++ b/src/app/showcase/doc/chip/styledoc.ts @@ -1,9 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: `
    @@ -32,10 +31,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/chip/templatedoc.ts b/src/app/showcase/doc/chip/templatedoc.ts index 6ad53050aa1..02840522078 100644 --- a/src/app/showcase/doc/chip/templatedoc.ts +++ b/src/app/showcase/doc/chip/templatedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'chip-template-demo', - template: `
    - + template: ` +

    Content can easily be customized with the dynamic content instead of using the built-in modes.
    @@ -13,16 +13,11 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `
    Content
    `, html: ` diff --git a/src/app/showcase/doc/chips/accessibilitydoc.ts b/src/app/showcase/doc/chips/accessibilitydoc.ts index 75b8e082dd8..1edc01ea840 100644 --- a/src/app/showcase/doc/chips/accessibilitydoc.ts +++ b/src/app/showcase/doc/chips/accessibilitydoc.ts @@ -1,104 +1,98 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
    - -

    Screen Reader

    -

    - Value to describe the component can either be provided via label tag combined with inputId prop or using aria-labelledby, aria-label props. Chip list uses listbox role with - aria-orientation set to horizontal whereas each chip has the option role with aria-label set to the label of the chip. -

    -     + template: `
    + +

    Screen Reader

    +

    + Value to describe the component can either be provided via label tag combined with inputId prop or using ariaLabelledBy, ariaLabel props. Chip list uses listbox role with aria-orientation set + to horizontal whereas each chip has the option role with aria-label set to the label of the chip. +

    +     - + -

    Input Field Keyboard Support

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - -
    KeyFunction
    - tab - Moves focus to the input element
    - enter - Adds a new chips using the input field value.
    - backspace - Deletes the previous chip if the input field is empty.
    - left arrow - Moves focus to the previous chip if available and input field is empty.
    -
    +

    Input Field Keyboard Support

    +
    + + + + + + + + + + + + + + + + + + + + + + + + + +
    KeyFunction
    + tab + Moves focus to the input element
    + enter + Adds a new chips using the input field value.
    + backspace + Deletes the previous chip if the input field is empty.
    + left arrow + Moves focus to the previous chip if available and input field is empty.
    +
    -

    Chip Keyboard Support

    -
    - - - - - - - - - - - - - - - - - - - - - -
    KeyFunction
    - left arrow - Moves focus to the previous chip if available.
    - right arrow - Moves focus to the next chip, if there is none then input field receives the focus.
    - backspace - Deletes the chips and adds focus to the input field.
    -
    +

    Chip Keyboard Support

    +
    + + + + + + + + + + + + + + + + + + + + + +
    KeyFunction
    + left arrow + Moves focus to the previous chip if available.
    + right arrow + Moves focus to the next chip, if there is none then input field receives the focus.
    + backspace + Deletes the chips and adds focus to the input field.
    - ` +
    ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: ` Tags - + -` +` }; } diff --git a/src/app/showcase/doc/chips/basicdoc.ts b/src/app/showcase/doc/chips/basicdoc.ts index 6d04d49a454..1d7455e0696 100644 --- a/src/app/showcase/doc/chips/basicdoc.ts +++ b/src/app/showcase/doc/chips/basicdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'chips-basic-demo', - template: `
    - + template: ` +

    Chips is used as a controlled input with ngModel property where it should be an array.
    -
    ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - values: string[] | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/chips/chipsdoc.module.ts b/src/app/showcase/doc/chips/chipsdoc.module.ts index dfd1557b3ff..0ec182daac6 100644 --- a/src/app/showcase/doc/chips/chipsdoc.module.ts +++ b/src/app/showcase/doc/chips/chipsdoc.module.ts @@ -3,19 +3,20 @@ import { NgModule } from '@angular/core'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { ChipsModule } from 'primeng/chips'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; -import { CommaSeperatorDoc } from './commaseperator.doc'; +import { CommaSeparatorDoc } from './commaseparator.doc'; import { ImportDoc } from './importdoc'; import { ReactiveFormsDoc } from './reactiveformsdoc'; -import { RegexpSeperatorDoc } from './regexpseperator.doc'; +import { RegexpSeparatorDoc } from './regexpseparator.doc'; import { StyleDoc } from './styledoc'; import { TemplateDoc } from './templatedoc'; +import { MaxValuesDoc } from './maxvaluesdoc'; @NgModule({ imports: [CommonModule, ChipsModule, FormsModule, ReactiveFormsModule, AppCodeModule, AppDocModule], exports: [AppDocModule], - declarations: [ImportDoc, BasicDoc, CommaSeperatorDoc, RegexpSeperatorDoc, TemplateDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc] + declarations: [ImportDoc, BasicDoc, CommaSeparatorDoc, RegexpSeparatorDoc, TemplateDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc, MaxValuesDoc] }) export class ChipsDocModule {} diff --git a/src/app/showcase/doc/chips/commaseperator.doc.ts b/src/app/showcase/doc/chips/commaseparator.doc.ts similarity index 55% rename from src/app/showcase/doc/chips/commaseperator.doc.ts rename to src/app/showcase/doc/chips/commaseparator.doc.ts index f00394b26d9..377ec062eeb 100644 --- a/src/app/showcase/doc/chips/commaseperator.doc.ts +++ b/src/app/showcase/doc/chips/commaseparator.doc.ts @@ -1,28 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ - selector: 'chips-comma-seperator-demo', - template: `
    - + selector: 'chips-comma-separator-demo', + template: `

    A new chip is added when enter key is pressed, separator property allows definining an additional key. Currently only valid value is , to create a new item when comma key is pressed.
    - -
    ` + ` }) -export class CommaSeperatorDoc { - @Input() id: string; - - @Input() title: string; - +export class CommaSeparatorDoc { values: string[] | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
    @@ -33,10 +26,10 @@ export class CommaSeperatorDoc { import { Component } from '@angular/core'; @Component({ - selector: 'chips-comma-seperator-demo', - templateUrl: './chips-comma-seperator-demo.html', + selector: 'chips-comma-separator-demo', + templateUrl: './chips-comma-separator-demo.html', }) -export class ChipsCommaSeperatorDemo { +export class ChipsCommaseparatorDemo { values: string[] | undefined; }` }; diff --git a/src/app/showcase/doc/chips/importdoc.ts b/src/app/showcase/doc/chips/importdoc.ts index 2cd85554dea..d341cc3dbf8 100644 --- a/src/app/showcase/doc/chips/importdoc.ts +++ b/src/app/showcase/doc/chips/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { ChipsModule } from 'primeng/chips';` }; diff --git a/src/app/showcase/doc/chips/maxvaluesdoc.ts b/src/app/showcase/doc/chips/maxvaluesdoc.ts new file mode 100644 index 00000000000..8efd7003fdf --- /dev/null +++ b/src/app/showcase/doc/chips/maxvaluesdoc.ts @@ -0,0 +1,42 @@ +import { Component } from '@angular/core'; +import { FormControl } from '@angular/forms'; +import { Code } from '../../domain/code'; + +@Component({ + selector: 'max-values-doc', + template: ` + +

    Chips can have a maximum number of entered items. To set this limit, the max property is used, which accepts a numeric value that represents the maximum number of items in the chip list

    +     +
    + +
    + + ` +}) +export class MaxValuesDoc { + values = new FormControl(null); + + code: Code = { + basic: ``, + + html: ` +
    + +
    `, + + typescript: ` +import { Component, OnInit } from '@angular/core'; +import { FormControl, FormGroup } from '@angular/forms'; + +@Component({ + selector: 'chips-max-values-demo', + templateUrl: './chips-max-values-demo.html', + styleUrls: ['./chips-max-values-demo.scss'] +}) +export class ChipsMaxValuesDemo { + values = new FormControl(null); + max = 2; +}` + }; +} diff --git a/src/app/showcase/doc/chips/reactiveformsdoc.ts b/src/app/showcase/doc/chips/reactiveformsdoc.ts index f078c554bca..c46fa9e39d3 100644 --- a/src/app/showcase/doc/chips/reactiveformsdoc.ts +++ b/src/app/showcase/doc/chips/reactiveformsdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
    - + template: ` +

    Chips can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
    @@ -14,13 +14,9 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - formGroup: FormGroup | undefined; ngOnInit() { @@ -30,8 +26,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
    + basic: `
    `, diff --git a/src/app/showcase/doc/chips/regexpseperator.doc.ts b/src/app/showcase/doc/chips/regexpseparator.doc.ts similarity index 61% rename from src/app/showcase/doc/chips/regexpseperator.doc.ts rename to src/app/showcase/doc/chips/regexpseparator.doc.ts index 421a817d196..09cf020f7a8 100644 --- a/src/app/showcase/doc/chips/regexpseperator.doc.ts +++ b/src/app/showcase/doc/chips/regexpseparator.doc.ts @@ -2,29 +2,22 @@ import { Component, Input } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ - selector: 'chips-reg-exp-seperator-demo', - template: `
    - + selector: 'chips-reg-exp-separator-demo', + template: `

    A new chip is added when enter key is pressed, separator property allows definining an additional key. Currently only valid value is , to create a new item when comma key is pressed.
    - -
    ` + ` }) -export class RegexpSeperatorDoc { - @Input() id: string; - - @Input() title: string; - +export class RegexpSeparatorDoc { separatorExp: RegExp = /,| /; values: string[] | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
    @@ -35,10 +28,10 @@ export class RegexpSeperatorDoc { import { Component } from '@angular/core'; @Component({ - selector: 'chips-reg-exp-seperator-demo', - templateUrl: './chips-reg-exp-seperator-demo.html' + selector: 'chips-reg-exp-separator-demo', + templateUrl: './chips-reg-exp-separator-demo.html' }) -export class ChipsRegExpSeperatorDemo { +export class ChipsRegExpSeparatorDemo { values: string[] | undefined; separatorExp: RegExp = /,| /; diff --git a/src/app/showcase/doc/chips/styledoc.ts b/src/app/showcase/doc/chips/styledoc.ts index a97394926e9..39c67b1d69d 100644 --- a/src/app/showcase/doc/chips/styledoc.ts +++ b/src/app/showcase/doc/chips/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -38,10 +38,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/chips/templatedoc.ts b/src/app/showcase/doc/chips/templatedoc.ts index 60a69c45891..2e8dcd3b269 100644 --- a/src/app/showcase/doc/chips/templatedoc.ts +++ b/src/app/showcase/doc/chips/templatedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'chips-template-demo', - template: `
    - + template: ` +

    A chip is customized using a ng-template element where the value is passed as the implicit variable.
    @@ -13,18 +13,13 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - values: string[] | undefined; code: Code = { - basic: ` - + basic: ` {{ item }} - (active) `, diff --git a/src/app/showcase/doc/colorpicker/accessibilitydoc.ts b/src/app/showcase/doc/colorpicker/accessibilitydoc.ts index 08f8b9ae1d6..e97b30d8418 100644 --- a/src/app/showcase/doc/colorpicker/accessibilitydoc.ts +++ b/src/app/showcase/doc/colorpicker/accessibilitydoc.ts @@ -1,133 +1,116 @@ -import { Component, Input } from '@angular/core'; -import { Code } from '../../domain/code'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` -
    - -

    Screen Reader

    -

    - Specification does not cover a color picker yet and using a semantic native color picker is not consistent across browsers so currently component is not compatible with screen - readers. In the upcoming versions, text fields will be introduced below the slider section to be able to pick a color using accessible text boxes in hsl, rgba and hex formats. -

    -     + template: `
    + +

    Screen Reader

    +

    + Specification does not cover a color picker yet and using a semantic native color picker is not consistent across browsers so currently component is not compatible with screen + readers. In the upcoming versions, text fields will be introduced below the slider section to be able to pick a color using accessible text boxes in hsl, rgba and hex formats. +

    +     -

    Closed State Keyboard Support of Popup ColorPicker

    -
    - - - - - - - - - - - - - - - - - -
    KeyFunction
    - tab - Moves focus to the color picker button.
    - space - Opens the popup and moves focus to the color slider.
    -
    +

    Closed State Keyboard Support of Popup ColorPicker

    +
    + + + + + + + + + + + + + + + + + +
    KeyFunction
    + tab + Moves focus to the color picker button.
    + space + Opens the popup and moves focus to the color slider.
    +
    -

    Popup Keyboard Support

    -
    - - - - - - - - - - - - - - - - - - - - - -
    KeyFunction
    - enter - Selects the color and closes the popup.
    - space - Selects the color and closes the popup.
    - escape - Closes the popup, moves focus to the input.
    -
    +

    Popup Keyboard Support

    +
    + + + + + + + + + + + + + + + + + + + + + +
    KeyFunction
    + enter + Selects the color and closes the popup.
    + space + Selects the color and closes the popup.
    + escape + Closes the popup, moves focus to the input.
    +
    -

    Color Picker Slider

    -
    - - - - - - - - - - - - - -
    KeyFunction
    - arrow keys - Changes color.
    -
    +

    Color Picker Slider

    +
    + + + + + + + + + + + + + +
    KeyFunction
    + arrow keys + Changes color.
    +
    -

    Hue Slider

    -
    - - - - - - - - - - - - - -
    KeyFunction
    - - up arrow - down arrow - - Changes hue.
    -
    +

    Hue Slider

    +
    + + + + + + + + + + + + + +
    KeyFunction
    + + up arrow + down arrow + + Changes hue.
    - ` +
    ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - - code: Code = { - basic: ` - - -Remember Me - - -` - }; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/colorpicker/basicdoc.ts b/src/app/showcase/doc/colorpicker/basicdoc.ts index d216f91b876..e953d81fbc4 100644 --- a/src/app/showcase/doc/colorpicker/basicdoc.ts +++ b/src/app/showcase/doc/colorpicker/basicdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'color-picker-basic-demo', - template: `
    - + template: ` +

    ColorPicker is used as a controlled input with ngModel property.
    -
    ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - color: string | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/colorpicker/colorpickerdoc.module.ts b/src/app/showcase/doc/colorpicker/colorpickerdoc.module.ts index 7cf4580f6f0..ea36400f9ae 100644 --- a/src/app/showcase/doc/colorpicker/colorpickerdoc.module.ts +++ b/src/app/showcase/doc/colorpicker/colorpickerdoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { ColorPickerModule } from 'primeng/colorpicker'; import { ImportDoc } from './importdoc'; import { BasicDoc } from './basicdoc'; diff --git a/src/app/showcase/doc/colorpicker/disableddoc.ts b/src/app/showcase/doc/colorpicker/disableddoc.ts index 281f56ba41f..c4795b157ce 100644 --- a/src/app/showcase/doc/colorpicker/disableddoc.ts +++ b/src/app/showcase/doc/colorpicker/disableddoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'color-picker-disabled-demo', - template: `
    - + template: ` +

    When disabled is present, the element cannot be edited and focused.
    -
    ` + ` }) export class DisabledDoc { - @Input() id: string; - - @Input() title: string; - color: string | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/colorpicker/formatdoc.ts b/src/app/showcase/doc/colorpicker/formatdoc.ts index 8d07bd52eb5..8cef02208a0 100644 --- a/src/app/showcase/doc/colorpicker/formatdoc.ts +++ b/src/app/showcase/doc/colorpicker/formatdoc.ts @@ -1,37 +1,33 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'color-picker-format-demo', - template: `
    - + template: ` +

    Default color format to use in value binding is hex and other possible values can be rgb and hsb using the format property.
    - + {{ color }}
    - + {{ 'r:' + colorRGB.r + ' g:' + colorRGB.g + ' b:' + colorRGB.b }}
    - + {{ 'h:' + colorHSB.h + ' s:' + colorHSB.s + ' b:' + colorHSB.b }}
    -
    ` + ` }) export class FormatDoc { - @Input() id: string; - - @Input() title: string; - color: string = '#6466f1'; colorRGB: any = { r: 100, g: 102, b: 241 }; @@ -39,25 +35,24 @@ export class FormatDoc { colorHSB: any = { h: 239, s: 59, b: 95 }; code: Code = { - basic: ` - + basic: ` `, html: `
    - + {{ color }}
    - + {{ 'r:' + colorRGB.r + ' g:' + colorRGB.g + ' b:' + colorRGB.b }}
    - + {{ 'h:' + colorHSB.h + ' s:' + colorHSB.s + ' b:' + colorHSB.b }}
    diff --git a/src/app/showcase/doc/colorpicker/importdoc.ts b/src/app/showcase/doc/colorpicker/importdoc.ts index 2018cbd6388..788641ece22 100644 --- a/src/app/showcase/doc/colorpicker/importdoc.ts +++ b/src/app/showcase/doc/colorpicker/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { ColorPickerModule } from 'primeng/colorpicker';` }; diff --git a/src/app/showcase/doc/colorpicker/inlinedoc.ts b/src/app/showcase/doc/colorpicker/inlinedoc.ts index e72c1211bb2..7898a892ddd 100644 --- a/src/app/showcase/doc/colorpicker/inlinedoc.ts +++ b/src/app/showcase/doc/colorpicker/inlinedoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'color-picker-inline-demo', - template: `
    - + template: ` +

    ColorPicker is displayed as a popup by default, add inline property to customize this behavior.
    -
    ` + ` }) export class InlineDoc { - @Input() id: string; - - @Input() title: string; - color: string | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/colorpicker/reactiveformsdoc.ts b/src/app/showcase/doc/colorpicker/reactiveformsdoc.ts index ba08f00bceb..517cc5d612a 100644 --- a/src/app/showcase/doc/colorpicker/reactiveformsdoc.ts +++ b/src/app/showcase/doc/colorpicker/reactiveformsdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
    - + template: ` +

    ColorPicker can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
    @@ -14,13 +14,9 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - formGroup: FormGroup | undefined; ngOnInit() { @@ -30,8 +26,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
    + basic: `
    `, diff --git a/src/app/showcase/doc/colorpicker/styledoc.ts b/src/app/showcase/doc/colorpicker/styledoc.ts index a6f0c706505..c7140028133 100644 --- a/src/app/showcase/doc/colorpicker/styledoc.ts +++ b/src/app/showcase/doc/colorpicker/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -58,10 +58,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/colors/colorsdoc.module.ts b/src/app/showcase/doc/colors/colorsdoc.module.ts index a0238321b7f..e7e7955c99a 100644 --- a/src/app/showcase/doc/colors/colorsdoc.module.ts +++ b/src/app/showcase/doc/colors/colorsdoc.module.ts @@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { OverviewDoc } from './overviewdoc'; import { PaletteDoc } from './palettedoc'; import { SurfacesDoc } from './surfacesdoc'; diff --git a/src/app/showcase/doc/colors/overviewdoc.ts b/src/app/showcase/doc/colors/overviewdoc.ts index d718ace62ce..1c3030ef4fe 100644 --- a/src/app/showcase/doc/colors/overviewdoc.ts +++ b/src/app/showcase/doc/colors/overviewdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'overview-doc', - template: `
    - + template: ` +

    Colors are exported as CSS variables and used with the standard var syntax such as var(--text-color). Following is the list of general variables used in a theme.
    @@ -68,13 +68,9 @@ import { Code } from '../../domain/code';
    Primary Color
    -
    ` + ` }) export class OverviewDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: `
    Highlighted Item
    Primary Color
    ` diff --git a/src/app/showcase/doc/colors/palettedoc.ts b/src/app/showcase/doc/colors/palettedoc.ts index 4e3c0e7b137..682f6f9d51a 100644 --- a/src/app/showcase/doc/colors/palettedoc.ts +++ b/src/app/showcase/doc/colors/palettedoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'palette-doc', - template: `
    - + template: ` +

    Colors palette consists of 13 main colors where each color provides tints/shades from 50 to 900.
    @@ -166,10 +166,6 @@ import { Component, Input } from '@angular/core';
    - ` + ` }) -export class PaletteDoc { - @Input() id: string; - - @Input() title: string; -} +export class PaletteDoc {} diff --git a/src/app/showcase/doc/colors/surfacesdoc.ts b/src/app/showcase/doc/colors/surfacesdoc.ts index 2768dea730c..2442a7dac4b 100644 --- a/src/app/showcase/doc/colors/surfacesdoc.ts +++ b/src/app/showcase/doc/colors/surfacesdoc.ts @@ -1,18 +1,15 @@ -import { Component, Input, OnDestroy, OnInit } from '@angular/core'; -import { Subscription } from 'rxjs'; -import { AppConfig } from '../../domain/appconfig'; -import { AppConfigService } from '../../service/appconfigservice'; +import { Component } from '@angular/core'; @Component({ selector: 'surfaces-doc', - template: `
    - + template: ` +

    Surface palette is used when designing the layers such as headers, content, footers, overlays and dividers. Surface palette varies between 0 - 900 and named surfaces are also available.
    -
    surface-{{ shade }}
    +
    surface-{{ shade }}
    @@ -52,7 +49,7 @@ import { AppConfigService } from '../../service/appconfigservice';
    - `, + `, styles: [ ` .color-stack { @@ -75,29 +72,8 @@ import { AppConfigService } from '../../service/appconfigservice'; ` ] }) -export class SurfacesDoc implements OnInit, OnDestroy { - @Input() id: string; - - @Input() title: string; - +export class SurfacesDoc { colors: string[] = ['blue', 'green', 'yellow', 'cyan', 'pink', 'indigo', 'red', 'teal', 'orange', 'bluegray', 'purple', 'gray', 'primary']; shades: number[] = [0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900]; - - config: AppConfig; - - subscription: Subscription; - - constructor(private configService: AppConfigService) {} - - ngOnInit() { - this.config = this.configService.config; - this.subscription = this.configService.configUpdate$.subscribe((config) => (this.config = config)); - } - - ngOnDestroy() { - if (this.subscription) { - this.subscription.unsubscribe(); - } - } } diff --git a/src/app/showcase/doc/configuration/configurationdoc.module.ts b/src/app/showcase/doc/configuration/configurationdoc.module.ts index 6babc3db100..482a59838ef 100644 --- a/src/app/showcase/doc/configuration/configurationdoc.module.ts +++ b/src/app/showcase/doc/configuration/configurationdoc.module.ts @@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { FilterModeDoc } from './filtermodedoc'; import { ImportDoc } from './importdoc'; import { ApiDoc } from './locale/apidoc'; diff --git a/src/app/showcase/doc/configuration/filtermodedoc.ts b/src/app/showcase/doc/configuration/filtermodedoc.ts index aa30650a4e8..5b588c47a3a 100644 --- a/src/app/showcase/doc/configuration/filtermodedoc.ts +++ b/src/app/showcase/doc/configuration/filtermodedoc.ts @@ -1,20 +1,16 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'filter-mode-doc', - template: `
    - + template: ` +

    Default filter modes to display on DataTable filter menus.

     -
    ` + ` }) export class FilterModeDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { PrimeNGConfig } from 'primeng/api'; diff --git a/src/app/showcase/doc/configuration/importdoc.ts b/src/app/showcase/doc/configuration/importdoc.ts index 7843a6c45d9..c0a4de53c16 100644 --- a/src/app/showcase/doc/configuration/importdoc.ts +++ b/src/app/showcase/doc/configuration/importdoc.ts @@ -1,20 +1,16 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - + template: ` +

    Configuration is managed by the PrimeNGConfig instance imported from primeng/api and injected via dependency injection.

     -
    ` + ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { PrimeNGConfig } from 'primeng/api';` }; diff --git a/src/app/showcase/doc/configuration/locale/apidoc.ts b/src/app/showcase/doc/configuration/locale/apidoc.ts index 14a9841bfa4..fa466573c9a 100644 --- a/src/app/showcase/doc/configuration/locale/apidoc.ts +++ b/src/app/showcase/doc/configuration/locale/apidoc.ts @@ -1,486 +1,477 @@ -import { Component, Input, ViewChild } from '@angular/core'; -import { AppDocSectionTextComponent } from 'src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component'; +import { Component } from '@angular/core'; @Component({ selector: 'api-doc', template: ` -
    - -

    Configuration is managed by the Locale API imported from primeng/config.

    + +

    Configuration is managed by the Locale API imported from primeng/config.

    -

    Locale Options

    -     -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    KeyValue
    startsWithStarts with
    containsContains
    notContainsNot contains
    endsWithEnds with
    equalsEquals
    notEqualsNot equals
    noFilterNo Filter
    ltLess than
    lteLess than or equal to
    gtGreater than
    gteGreater than or equal to
    dateIsDate is
    dateIsNotDate is not
    dateBeforeDate is before
    dateAfterDate is after
    clearClear
    applyApply
    matchAllMatch All
    matchAnyMatch Any
    addRuleAdd Rule
    removeRuleRemove Rule
    acceptYes
    rejectNo
    chooseChoose
    uploadUpload
    cancelCancel
    completedCompleted
    pendingPending
    fileSizeTypes['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
    dayNames['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
    dayNamesShort['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    dayNamesMin['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']
    monthNames['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
    monthNamesShort['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    chooseYearChoose Year
    chooseMonthChoose Month
    chooseDateChoose Date
    prevDecadePrevious Decade
    nextDecadeNext Decade
    prevYearPrevious Year
    nextYearNext Year
    prevMonthPrevious Month
    nextMonthNext Month
    prevHourPrevious Hour
    nextHourNext Hour
    prevMinutePrevious Minute
    nextMinuteNext Minute
    prevSecondPrevious Second
    nextSecondNext Second
    amam
    pmpm
    todayToday
    weekHeaderWk
    firstDayOfWeek0
    dateFormatmm/dd/yy
    weakWeak
    mediumMedium
    strongStrong
    passwordPromptEnter a password
    emptyFilterMessageNo results found', // @deprecated Use 'emptySearchMessage' option instea
    searchMessage{0} results are available
    selectionMessage{0} items selected
    emptySelectionMessageNo selected item
    emptySearchMessageNo results found
    emptyMessageNo available options
    aria.trueLabelTrue
    aria.falseLabelFalse
    aria.nullLabelNot Selected
    aria.star1 star
    aria.stars{star} stars
    aria.selectAllAll items selected
    aria.unselectAllAll items unselected
    aria.closeClose
    aria.previousPrevious
    aria.nextNext
    aria.navigationNavigation
    aria.scrollTopScroll Top
    aria.moveTopMove Top
    aria.moveUpMove Up
    aria.moveDownMove Down
    aria.moveBottomMove Bottom
    aria.moveToTargetMove to Target
    aria.moveToSourceMove to Source
    aria.moveAllToTargetMove All to Target
    aria.moveAllToSourceMove All to Source
    aria.pageLabel{page}
    aria.firstPageLabelFirst Page
    aria.lastPageLabelLast Page
    aria.nextPageLabelNext Page
    aria.prevPageLabelPrevious Page
    aria.rowsPerPageLabelRows per page
    aria.jumpToPageDropdownLabelJump to Page Dropdown
    aria.jumpToPageInputLabelJump to Page Input
    aria.selectRowRow Selected
    aria.unselectRowRow Unselected
    aria.expandRowRow Expanded
    aria.collapseRowRow Collapsed
    aria.showFilterMenuShow Filter Menu
    aria.hideFilterMenuHide Filter Menu
    aria.filterOperatorFilter Operator
    aria.filterConstraintFilter Constraint
    aria.editRowRow Edit
    aria.saveEditSave Edit
    aria.cancelEditCancel Edit
    aria.listViewList View
    aria.gridViewGrid View
    aria.slideSlide
    aria.slideNumber{slideNumber}
    aria.zoomImageZoom Image
    aria.zoomInZoom In
    aria.zoomOutZoom Out
    aria.rotateRightRotate Right
    aria.rotateLeftRotate Left
    -
    -
    +

    Locale Options

    + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    KeyValue
    startsWithStarts with
    containsContains
    notContainsNot contains
    endsWithEnds with
    equalsEquals
    notEqualsNot equals
    noFilterNo Filter
    ltLess than
    lteLess than or equal to
    gtGreater than
    gteGreater than or equal to
    dateIsDate is
    dateIsNotDate is not
    dateBeforeDate is before
    dateAfterDate is after
    clearClear
    applyApply
    matchAllMatch All
    matchAnyMatch Any
    addRuleAdd Rule
    removeRuleRemove Rule
    acceptYes
    rejectNo
    chooseChoose
    uploadUpload
    cancelCancel
    completedCompleted
    pendingPending
    fileSizeTypes['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
    dayNames['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
    dayNamesShort['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    dayNamesMin['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']
    monthNames['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
    monthNamesShort['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    chooseYearChoose Year
    chooseMonthChoose Month
    chooseDateChoose Date
    prevDecadePrevious Decade
    nextDecadeNext Decade
    prevYearPrevious Year
    nextYearNext Year
    prevMonthPrevious Month
    nextMonthNext Month
    prevHourPrevious Hour
    nextHourNext Hour
    prevMinutePrevious Minute
    nextMinuteNext Minute
    prevSecondPrevious Second
    nextSecondNext Second
    amam
    pmpm
    todayToday
    weekHeaderWk
    firstDayOfWeek0
    dateFormatmm/dd/yy
    weakWeak
    mediumMedium
    strongStrong
    passwordPromptEnter a password
    emptyFilterMessageNo results found'
    searchMessage{0} results are available
    selectionMessage{0} items selected
    emptySelectionMessageNo selected item
    emptySearchMessageNo results found
    emptyMessageNo available options
    aria.trueLabelTrue
    aria.falseLabelFalse
    aria.nullLabelNot Selected
    aria.star1 star
    aria.stars{star} stars
    aria.selectAllAll items selected
    aria.unselectAllAll items unselected
    aria.closeClose
    aria.previousPrevious
    aria.nextNext
    aria.navigationNavigation
    aria.scrollTopScroll Top
    aria.moveTopMove Top
    aria.moveUpMove Up
    aria.moveDownMove Down
    aria.moveBottomMove Bottom
    aria.moveToTargetMove to Target
    aria.moveToSourceMove to Source
    aria.moveAllToTargetMove All to Target
    aria.moveAllToSourceMove All to Source
    aria.pageLabel{page}
    aria.firstPageLabelFirst Page
    aria.lastPageLabelLast Page
    aria.nextPageLabelNext Page
    aria.prevPageLabelPrevious Page
    aria.rowsPerPageLabelRows per page
    aria.jumpToPageDropdownLabelJump to Page Dropdown
    aria.jumpToPageInputLabelJump to Page Input
    aria.selectRowRow Selected
    aria.unselectRowRow Unselected
    aria.expandRowRow Expanded
    aria.collapseRowRow Collapsed
    aria.showFilterMenuShow Filter Menu
    aria.hideFilterMenuHide Filter Menu
    aria.filterOperatorFilter Operator
    aria.filterConstraintFilter Constraint
    aria.editRowRow Edit
    aria.saveEditSave Edit
    aria.cancelEditCancel Edit
    aria.listViewList View
    aria.gridViewGrid View
    aria.slideSlide
    aria.slideNumber{slideNumber}
    aria.zoomImageZoom Image
    aria.zoomInZoom In
    aria.zoomOutZoom Out
    aria.rotateRightRotate Right
    aria.rotateLeftRotate Left
    +
    ` }) -export class ApiDoc { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; -} +export class ApiDoc {} diff --git a/src/app/showcase/doc/configuration/locale/ngx-translatedoc.ts b/src/app/showcase/doc/configuration/locale/ngx-translatedoc.ts index 848d0ffab0c..eb5f05a1994 100644 --- a/src/app/showcase/doc/configuration/locale/ngx-translatedoc.ts +++ b/src/app/showcase/doc/configuration/locale/ngx-translatedoc.ts @@ -1,23 +1,16 @@ -import { Component, Input, ViewChild } from '@angular/core'; -import { AppDocSectionTextComponent } from 'src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component'; +import { Component } from '@angular/core'; import { Code } from '../../../domain/code'; @Component({ selector: 'ngx-translate-doc', - template: `
    - + template: ` +

    i18n API can easily be integrated with 3rd party libraries such as ngx-translate that even allows dynamically changing the language in the application.

     -
    ` + ` }) export class NgxTranslateDoc { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - code: Code = { typescript: ` import { Component, OnInit } from '@angular/core'; diff --git a/src/app/showcase/doc/configuration/locale/repositorydoc.ts b/src/app/showcase/doc/configuration/locale/repositorydoc.ts index 96dab57e27e..d5de8acbd82 100644 --- a/src/app/showcase/doc/configuration/locale/repositorydoc.ts +++ b/src/app/showcase/doc/configuration/locale/repositorydoc.ts @@ -1,21 +1,14 @@ -import { Component, Input, ViewChild } from '@angular/core'; -import { AppDocSectionTextComponent } from 'src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component'; +import { Component } from '@angular/core'; @Component({ selector: 'repository-doc', - template: `
    - + template: ` +

    Ready to use settings for locales are available at the community supported PrimeLocale repository. We'd appreciate if you could contribute to this repository with pull requests and share it with the rest of the community.

    -
    ` + ` }) -export class RepositoryDoc { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; -} +export class RepositoryDoc {} diff --git a/src/app/showcase/doc/configuration/locale/setlocaledoc.ts b/src/app/showcase/doc/configuration/locale/setlocaledoc.ts index 0c445769523..2f0fc606446 100644 --- a/src/app/showcase/doc/configuration/locale/setlocaledoc.ts +++ b/src/app/showcase/doc/configuration/locale/setlocaledoc.ts @@ -1,26 +1,19 @@ -import { Component, Input, ViewChild } from '@angular/core'; -import { AppDocSectionTextComponent } from 'src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component'; +import { Component } from '@angular/core'; import { Code } from '../../../domain/code'; @Component({ selector: 'set-locale-doc', - template: `
    - + template: ` +

    A translation is applied using the PrimeNGConfig instance so begin with injecting it. A common location is the application root to initialize the default language used by the components. English is the default language and setTranslation function is used to change the values by passing a Translation object.

    -
    ` + ` }) export class SetLocaleDoc { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - code: Code = { typescript: ` import { Component, OnInit } from '@angular/core'; diff --git a/src/app/showcase/doc/configuration/rippledoc.ts b/src/app/showcase/doc/configuration/rippledoc.ts index 19a57ba7fc0..cc2735d10c9 100644 --- a/src/app/showcase/doc/configuration/rippledoc.ts +++ b/src/app/showcase/doc/configuration/rippledoc.ts @@ -1,20 +1,16 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'ripple-doc', - template: `
    - + template: ` +

    Ripple is an optional animation for the supported components such as buttons. It is disabled by default and needs to be enabled globally by injecting PrimeNGConfig.

     -
    ` + ` }) export class RippleDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { Component, OnInit } from '@angular/core'; import { PrimeNGConfig } from 'primeng/api'; diff --git a/src/app/showcase/doc/configuration/zindexdoc.ts b/src/app/showcase/doc/configuration/zindexdoc.ts index cd57a5ed1f1..38c76815655 100644 --- a/src/app/showcase/doc/configuration/zindexdoc.ts +++ b/src/app/showcase/doc/configuration/zindexdoc.ts @@ -1,11 +1,10 @@ -import { Component, Input, ViewChild } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; @Component({ selector: 'zindex-doc', - template: `
    - + template: ` +

    ZIndexes are managed automatically to make sure layering of overlay components work seamlessly when combining multiple components. Still there may be cases where you'd like to configure the configure default values such as a custom layout where header section is fixed. In a case like this, dropdown needs to be displayed below the application header but a modal dialog should be displayed above. PrimeNG configuration offers the zIndex property to customize @@ -14,15 +13,9 @@ import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.

    The ZIndex of all components is increased according to their groups in harmony with each other. When autoZIndex is false, each group increments its zIndex within itself.

     -
    ` + ` }) export class ZIndexDoc { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - code: Code = { typescript: `import { PrimeNGConfig } from 'primeng/api'; diff --git a/src/app/showcase/doc/confirmdialog/accessibilitydoc.ts b/src/app/showcase/doc/confirmdialog/accessibilitydoc.ts index 200ecb29bff..d6bb9c09922 100644 --- a/src/app/showcase/doc/confirmdialog/accessibilitydoc.ts +++ b/src/app/showcase/doc/confirmdialog/accessibilitydoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', template: `
    - +

    Screen Reader

    ConfirmDialog component uses alertdialog role along with aria-labelledby referring to the header element however any attribute is passed to the root element so you may use aria-labelledby to override this default @@ -73,10 +73,6 @@ import { Code } from '../../domain/code';

    ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code1: Code = { typescript: `confirm1() { this.confirmationService.confirm({ diff --git a/src/app/showcase/doc/confirmdialog/basicdoc.ts b/src/app/showcase/doc/confirmdialog/basicdoc.ts index 5dba0e70116..26c178e7508 100644 --- a/src/app/showcase/doc/confirmdialog/basicdoc.ts +++ b/src/app/showcase/doc/confirmdialog/basicdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { ConfirmEventType, ConfirmationService, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'confirm-dialog-basic-demo', - template: `
    - + template: ` +

    ConfirmDialog is defined using p-confirmDialog tag and an instance of ConfirmationService is required to display it bycalling confirm method.
    @@ -15,14 +15,10 @@ import { Code } from '../../domain/code';
    -
    `, + `, providers: [ConfirmationService, MessageService] }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - constructor(private confirmationService: ConfirmationService, private messageService: MessageService) {} confirm1() { @@ -68,8 +64,7 @@ export class BasicDoc { } code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/confirmdialog/confirmdialogdoc.module.ts b/src/app/showcase/doc/confirmdialog/confirmdialogdoc.module.ts index 0a86afc607e..02d4f495156 100644 --- a/src/app/showcase/doc/confirmdialog/confirmdialogdoc.module.ts +++ b/src/app/showcase/doc/confirmdialog/confirmdialogdoc.module.ts @@ -5,7 +5,7 @@ import { ConfirmDialogModule } from 'primeng/confirmdialog'; import { ButtonModule } from 'primeng/button'; import { ToastModule } from 'primeng/toast'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { BasicDoc } from './basicdoc'; import { ImportDoc } from './importdoc'; import { StyleDoc } from './styledoc'; diff --git a/src/app/showcase/doc/confirmdialog/importdoc.ts b/src/app/showcase/doc/confirmdialog/importdoc.ts index ff4cff90be5..20dbd04d3af 100644 --- a/src/app/showcase/doc/confirmdialog/importdoc.ts +++ b/src/app/showcase/doc/confirmdialog/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { ConfirmDialogModule } from 'primeng/confirmdialog';` }; diff --git a/src/app/showcase/doc/confirmdialog/positiondoc.ts b/src/app/showcase/doc/confirmdialog/positiondoc.ts index 28f3cc0fee2..8ae6cf2a876 100644 --- a/src/app/showcase/doc/confirmdialog/positiondoc.ts +++ b/src/app/showcase/doc/confirmdialog/positiondoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { ConfirmEventType, ConfirmationService, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'confirm-dialog-position-demo', - template: `
    - + template: ` +

    The position property of the confirm options is used to display a Dialog at all edges and corners of the screen.
    @@ -27,14 +27,10 @@ import { Code } from '../../domain/code';
    - `, + `, providers: [ConfirmationService, MessageService] }) export class PositionDoc { - @Input() id: string; - - @Input() title: string; - position: string = 'center'; constructor(private confirmationService: ConfirmationService, private messageService: MessageService) {} @@ -64,8 +60,7 @@ export class PositionDoc { } code: Code = { - basic: ` - + basic: `
    diff --git a/src/app/showcase/doc/confirmdialog/styledoc.ts b/src/app/showcase/doc/confirmdialog/styledoc.ts index 2f8c501e599..7ec481dc903 100644 --- a/src/app/showcase/doc/confirmdialog/styledoc.ts +++ b/src/app/showcase/doc/confirmdialog/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -46,10 +46,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/confirmdialog/templatedoc.ts b/src/app/showcase/doc/confirmdialog/templatedoc.ts index af8a0da5131..eb1bc7bc48b 100644 --- a/src/app/showcase/doc/confirmdialog/templatedoc.ts +++ b/src/app/showcase/doc/confirmdialog/templatedoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { ConfirmEventType, ConfirmationService, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'confirm-dialog-template-demo', - template: `
    - + template: ` +

    Properties of the dialog are defined in two ways, message, icon, header properties can either be defined using confirm method or declaratively on p-confirmDialog ng-template by header, message, icon and footer templates. If these values are unlikely to change then declarative approach would be useful, still properties defined in a ng-template can be overridden with confirm method call. @@ -35,14 +35,10 @@ import { Code } from '../../domain/code';

    - `, + `, providers: [ConfirmationService, MessageService] }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - constructor(private confirmationService: ConfirmationService, private messageService: MessageService) {} confirm1() { @@ -64,8 +60,7 @@ export class TemplateDoc { } code: Code = { - basic: ` - + basic: `

    Header Content

    diff --git a/src/app/showcase/doc/confirmpopup/accessibilitydoc.ts b/src/app/showcase/doc/confirmpopup/accessibilitydoc.ts index e8a1fdd7835..20104f4075c 100644 --- a/src/app/showcase/doc/confirmpopup/accessibilitydoc.ts +++ b/src/app/showcase/doc/confirmpopup/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
    - +

    Screen Reader

    ConfirmPopup component uses alertdialog role and since any attribute is passed to the root element you may define attributes like aria-label or aria-labelledby to describe the popup contents. In addition @@ -63,8 +63,4 @@ import { Component, Input } from '@angular/core';

    ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/confirmpopup/basicdoc.ts b/src/app/showcase/doc/confirmpopup/basicdoc.ts index 2067c0f1874..7ee63e613f9 100644 --- a/src/app/showcase/doc/confirmpopup/basicdoc.ts +++ b/src/app/showcase/doc/confirmpopup/basicdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { ConfirmationService, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'confirm-popup-basic-demo', - template: `
    - + template: ` +

    ConfirmDialog is defined using p-confirmDialog tag and an instance of ConfirmationService is required to display it bycalling confirm method.
    @@ -14,14 +14,10 @@ import { Code } from '../../domain/code';
    -
    `, + `, providers: [ConfirmationService, MessageService] }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - constructor(private confirmationService: ConfirmationService, private messageService: MessageService) {} confirm(event: Event) { @@ -39,8 +35,7 @@ export class BasicDoc { } code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/confirmpopup/confirmationapidoc.ts b/src/app/showcase/doc/confirmpopup/confirmationapidoc.ts index 4c00b374c8b..0ed0afe17dc 100644 --- a/src/app/showcase/doc/confirmpopup/confirmationapidoc.ts +++ b/src/app/showcase/doc/confirmpopup/confirmationapidoc.ts @@ -1,9 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'confirmationapi-doc', - template: `
    - + template: `
    @@ -102,10 +101,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class ConfirmationApiDoc { - @Input() id: string; - - @Input() title: string; -} +export class ConfirmationApiDoc {} diff --git a/src/app/showcase/doc/confirmpopup/confirmpopupdoc.module.ts b/src/app/showcase/doc/confirmpopup/confirmpopupdoc.module.ts index fac1fc65aa2..95400fa7107 100644 --- a/src/app/showcase/doc/confirmpopup/confirmpopupdoc.module.ts +++ b/src/app/showcase/doc/confirmpopup/confirmpopupdoc.module.ts @@ -5,7 +5,7 @@ import { ConfirmPopupModule } from 'primeng/confirmpopup'; import { ButtonModule } from 'primeng/button'; import { ToastModule } from 'primeng/toast'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { BasicDoc } from './basicdoc'; import { ImportDoc } from './importdoc'; import { PropsDoc } from './propsdoc'; diff --git a/src/app/showcase/doc/confirmpopup/importdoc.ts b/src/app/showcase/doc/confirmpopup/importdoc.ts index 096fd2f5cb6..658aca97962 100644 --- a/src/app/showcase/doc/confirmpopup/importdoc.ts +++ b/src/app/showcase/doc/confirmpopup/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { ConfirmPopupModule } from 'primeng/confirmpopup';` }; diff --git a/src/app/showcase/doc/confirmpopup/propsdoc.ts b/src/app/showcase/doc/confirmpopup/propsdoc.ts index e6267aeed5b..0dff965999a 100644 --- a/src/app/showcase/doc/confirmpopup/propsdoc.ts +++ b/src/app/showcase/doc/confirmpopup/propsdoc.ts @@ -1,9 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'props-doc', - template: `
    - + template: `
    @@ -60,10 +59,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class PropsDoc { - @Input() id: string; - - @Input() title: string; -} +export class PropsDoc {} diff --git a/src/app/showcase/doc/confirmpopup/styledoc.ts b/src/app/showcase/doc/confirmpopup/styledoc.ts index f324fa5b978..9a411ce9b14 100644 --- a/src/app/showcase/doc/confirmpopup/styledoc.ts +++ b/src/app/showcase/doc/confirmpopup/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -38,10 +38,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/confirmpopup/templatesdoc.ts b/src/app/showcase/doc/confirmpopup/templatesdoc.ts index 11e625e4f59..89e7f9168df 100644 --- a/src/app/showcase/doc/confirmpopup/templatesdoc.ts +++ b/src/app/showcase/doc/confirmpopup/templatesdoc.ts @@ -1,9 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'templates-doc', - template: `
    - + template: `
    @@ -24,10 +23,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class TemplatesDoc { - @Input() id: string; - - @Input() title: string; -} +export class TemplatesDoc {} diff --git a/src/app/showcase/doc/contextmenu/accessibilitydoc.ts b/src/app/showcase/doc/contextmenu/accessibilitydoc.ts index c9d9f8edd77..1a39ecd919e 100644 --- a/src/app/showcase/doc/contextmenu/accessibilitydoc.ts +++ b/src/app/showcase/doc/contextmenu/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
    - +

    Screen Reader

    ContextMenu component uses the menubar role with aria-orientation set to "vertical" and the value to describe the menu can either be provided with aria-labelledby or aria-label props. Each list item has a @@ -67,8 +67,4 @@ import { Component, Input } from '@angular/core';

    ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/contextmenu/basicdoc.ts b/src/app/showcase/doc/contextmenu/basicdoc.ts index c67f2629515..337887d8a21 100644 --- a/src/app/showcase/doc/contextmenu/basicdoc.ts +++ b/src/app/showcase/doc/contextmenu/basicdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'context-menu-basic-demo', - template: `
    - + template: ` +

    ContextMenu can be attached to a particular element whose local template variable name is defined using the target property.
    @@ -13,148 +13,20 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; ngOnInit() { this.items = [ - { - label: 'File', - icon: 'pi pi-fw pi-file', - escape: false, - items: [ - { - label: 'New', - icon: 'pi pi-fw pi-plus', - items: [ - { - label: 'Bookmark', - icon: 'pi pi-fw pi-bookmark' - }, - { - label: 'Video', - icon: 'pi pi-fw pi-video' - } - ] - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-trash' - }, - { - separator: true - }, - { - label: 'Export', - icon: 'pi pi-fw pi-external-link' - } - ] - }, - { - label: 'Edit', - icon: 'pi pi-fw pi-pencil', - items: [ - { - label: 'Left', - icon: 'pi pi-fw pi-align-left' - }, - { - label: 'Right', - icon: 'pi pi-fw pi-align-right' - }, - { - label: 'Center', - icon: 'pi pi-fw pi-align-center' - }, - { - label: 'Justify', - icon: 'pi pi-fw pi-align-justify' - } - ] - }, - { - label: 'Users', - icon: 'pi pi-fw pi-user', - items: [ - { - label: 'New', - icon: 'pi pi-fw pi-user-plus' - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-user-minus' - }, - { - label: 'Search', - icon: 'pi pi-fw pi-users', - items: [ - { - label: 'Filter', - icon: 'pi pi-fw pi-filter', - items: [ - { - label: 'Print', - icon: 'pi pi-fw pi-print' - } - ] - }, - { - icon: 'pi pi-fw pi-bars', - label: 'List' - } - ] - } - ] - }, - { - label: 'Events', - icon: 'pi pi-fw pi-calendar', - items: [ - { - label: 'Edit', - icon: 'pi pi-fw pi-pencil', - items: [ - { - label: 'Save', - icon: 'pi pi-fw pi-calendar-plus' - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-calendar-minus' - } - ] - }, - { - label: 'Archieve', - icon: 'pi pi-fw pi-calendar-times', - items: [ - { - label: 'Remove', - icon: 'pi pi-fw pi-calendar-minus' - } - ] - } - ] - }, - { - separator: true - }, - { - label: 'Quit', - icon: 'pi pi-fw pi-power-off' - } + { label: 'View', icon: 'pi pi-fw pi-search' }, + { label: 'Delete', icon: 'pi pi-fw pi-trash' } ]; } code: Code = { - basic: ` -Logo + basic: `Logo `, html: ` @@ -176,130 +48,8 @@ export class ContextMenuBasicDemo implements OnInit { ngOnInit() { this.items = [ - { - label: 'File', - icon: 'pi pi-fw pi-file', - items: [ - { - label: 'New', - icon: 'pi pi-fw pi-plus', - items: [ - { - label: 'Bookmark', - icon: 'pi pi-fw pi-bookmark' - }, - { - label: 'Video', - icon: 'pi pi-fw pi-video' - } - ] - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-trash' - }, - { - separator: true - }, - { - label: 'Export', - icon: 'pi pi-fw pi-external-link' - } - ] - }, - { - label: 'Edit', - icon: 'pi pi-fw pi-pencil', - items: [ - { - label: 'Left', - icon: 'pi pi-fw pi-align-left' - }, - { - label: 'Right', - icon: 'pi pi-fw pi-align-right' - }, - { - label: 'Center', - icon: 'pi pi-fw pi-align-center' - }, - { - label: 'Justify', - icon: 'pi pi-fw pi-align-justify' - } - ] - }, - { - label: 'Users', - icon: 'pi pi-fw pi-user', - items: [ - { - label: 'New', - icon: 'pi pi-fw pi-user-plus' - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-user-minus' - }, - { - label: 'Search', - icon: 'pi pi-fw pi-users', - items: [ - { - label: 'Filter', - icon: 'pi pi-fw pi-filter', - items: [ - { - label: 'Print', - icon: 'pi pi-fw pi-print' - } - ] - }, - { - icon: 'pi pi-fw pi-bars', - label: 'List' - } - ] - } - ] - }, - { - label: 'Events', - icon: 'pi pi-fw pi-calendar', - items: [ - { - label: 'Edit', - icon: 'pi pi-fw pi-pencil', - items: [ - { - label: 'Save', - icon: 'pi pi-fw pi-calendar-plus' - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-calendar-minus' - } - ] - }, - { - label: 'Archieve', - icon: 'pi pi-fw pi-calendar-times', - items: [ - { - label: 'Remove', - icon: 'pi pi-fw pi-calendar-minus' - } - ] - } - ] - }, - { - separator: true - }, - { - label: 'Quit', - icon: 'pi pi-fw pi-power-off' - } + { label: 'View', icon: 'pi pi-fw pi-search' }, + { label: 'Delete', icon: 'pi pi-fw pi-trash' } ]; } }` diff --git a/src/app/showcase/doc/contextmenu/contextmenudoc.module.ts b/src/app/showcase/doc/contextmenu/contextmenudoc.module.ts index cef9b48ab6e..96f3204947e 100644 --- a/src/app/showcase/doc/contextmenu/contextmenudoc.module.ts +++ b/src/app/showcase/doc/contextmenu/contextmenudoc.module.ts @@ -3,17 +3,16 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { ContextMenuModule } from 'primeng/contextmenu'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { DocumentDoc } from './documentdoc'; import { ImportDoc } from './importdoc'; import { StyleDoc } from './styledoc'; -import { TriggerEventDoc } from './triggereventdoc'; @NgModule({ imports: [CommonModule, AppCodeModule, RouterModule, ContextMenuModule, AppDocModule], - declarations: [BasicDoc, ImportDoc, DocumentDoc, StyleDoc, TriggerEventDoc, AccessibilityDoc], + declarations: [BasicDoc, ImportDoc, DocumentDoc, StyleDoc, AccessibilityDoc], exports: [AppDocModule] }) export class ContextMenuDocModule {} diff --git a/src/app/showcase/doc/contextmenu/documentdoc.ts b/src/app/showcase/doc/contextmenu/documentdoc.ts index 5f86fa159b2..c4b3560de21 100644 --- a/src/app/showcase/doc/contextmenu/documentdoc.ts +++ b/src/app/showcase/doc/contextmenu/documentdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'context-menu-document-demo', - template: `
    - + template: ` +

    Setting global property to true attaches the context menu to the document.
    @@ -13,13 +13,9 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class DocumentDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; ngOnInit() { @@ -152,8 +148,7 @@ export class DocumentDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
    diff --git a/src/app/showcase/doc/contextmenu/importdoc.ts b/src/app/showcase/doc/contextmenu/importdoc.ts index 2cede6cbe4a..3e30f8cbaf3 100644 --- a/src/app/showcase/doc/contextmenu/importdoc.ts +++ b/src/app/showcase/doc/contextmenu/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { ContextMenuModule } from 'primeng/contextmenu';` }; diff --git a/src/app/showcase/doc/contextmenu/styledoc.ts b/src/app/showcase/doc/contextmenu/styledoc.ts index 0cb52a10a35..62a3f25fbb5 100644 --- a/src/app/showcase/doc/contextmenu/styledoc.ts +++ b/src/app/showcase/doc/contextmenu/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -42,10 +42,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/contextmenu/triggereventdoc.ts b/src/app/showcase/doc/contextmenu/triggereventdoc.ts deleted file mode 100644 index 34e97f636da..00000000000 --- a/src/app/showcase/doc/contextmenu/triggereventdoc.ts +++ /dev/null @@ -1,318 +0,0 @@ -import { Component, Input, OnInit } from '@angular/core'; -import { MenuItem } from 'primeng/api'; -import { Code } from '../../domain/code'; - -@Component({ - selector: 'context-menu-trigger-event-demo', - template: `
    - -

    Trigger event of context menu can be replaced by a different event with triggerEvent property. Default value of triggerEvent is contextmenu.

    -     -
    - Logo - -
    - -
    ` -}) -export class TriggerEventDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - items: MenuItem[] | undefined; - - ngOnInit() { - this.items = [ - { - label: 'File', - icon: 'pi pi-fw pi-file', - items: [ - { - label: 'New', - icon: 'pi pi-fw pi-plus', - items: [ - { - label: 'Bookmark', - icon: 'pi pi-fw pi-bookmark' - }, - { - label: 'Video', - icon: 'pi pi-fw pi-video' - } - ] - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-trash' - }, - { - separator: true - }, - { - label: 'Export', - icon: 'pi pi-fw pi-external-link' - } - ] - }, - { - label: 'Edit', - icon: 'pi pi-fw pi-pencil', - items: [ - { - label: 'Left', - icon: 'pi pi-fw pi-align-left' - }, - { - label: 'Right', - icon: 'pi pi-fw pi-align-right' - }, - { - label: 'Center', - icon: 'pi pi-fw pi-align-center' - }, - { - label: 'Justify', - icon: 'pi pi-fw pi-align-justify' - } - ] - }, - { - label: 'Users', - icon: 'pi pi-fw pi-user', - items: [ - { - label: 'New', - icon: 'pi pi-fw pi-user-plus' - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-user-minus' - }, - { - label: 'Search', - icon: 'pi pi-fw pi-users', - items: [ - { - label: 'Filter', - icon: 'pi pi-fw pi-filter', - items: [ - { - label: 'Print', - icon: 'pi pi-fw pi-print' - } - ] - }, - { - icon: 'pi pi-fw pi-bars', - label: 'List' - } - ] - } - ] - }, - { - label: 'Events', - icon: 'pi pi-fw pi-calendar', - items: [ - { - label: 'Edit', - icon: 'pi pi-fw pi-pencil', - items: [ - { - label: 'Save', - icon: 'pi pi-fw pi-calendar-plus' - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-calendar-minus' - } - ] - }, - { - label: 'Archieve', - icon: 'pi pi-fw pi-calendar-times', - items: [ - { - label: 'Remove', - icon: 'pi pi-fw pi-calendar-minus' - } - ] - } - ] - }, - { - separator: true - }, - { - label: 'Quit', - icon: 'pi pi-fw pi-power-off' - } - ]; - } - - code: Code = { - basic: ` -Logo -`, - - html: ` -
    - Logo - -
    `, - - typescript: ` -import { Component, OnInit } from '@angular/core'; -import { MenuItem } from 'primeng/api'; - -@Component({ - selector: 'context-menu-trigger-event-demo', - templateUrl: './context-menu-trigger-event-demo.html' -}) -export class ContextMenuTriggerEventDemo implements OnInit { - items: MenuItem[] | undefined; - - ngOnInit() { - this.items = [ - { - label: 'File', - icon: 'pi pi-fw pi-file', - items: [ - { - label: 'New', - icon: 'pi pi-fw pi-plus', - items: [ - { - label: 'Bookmark', - icon: 'pi pi-fw pi-bookmark' - }, - { - label: 'Video', - icon: 'pi pi-fw pi-video' - } - ] - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-trash' - }, - { - separator: true - }, - { - label: 'Export', - icon: 'pi pi-fw pi-external-link' - } - ] - }, - { - label: 'Edit', - icon: 'pi pi-fw pi-pencil', - items: [ - { - label: 'Left', - icon: 'pi pi-fw pi-align-left' - }, - { - label: 'Right', - icon: 'pi pi-fw pi-align-right' - }, - { - label: 'Center', - icon: 'pi pi-fw pi-align-center' - }, - { - label: 'Justify', - icon: 'pi pi-fw pi-align-justify' - } - ] - }, - { - label: 'Users', - icon: 'pi pi-fw pi-user', - items: [ - { - label: 'New', - icon: 'pi pi-fw pi-user-plus' - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-user-minus' - }, - { - label: 'Search', - icon: 'pi pi-fw pi-users', - items: [ - { - label: 'Filter', - icon: 'pi pi-fw pi-filter', - items: [ - { - label: 'Print', - icon: 'pi pi-fw pi-print' - } - ] - }, - { - icon: 'pi pi-fw pi-bars', - label: 'List' - } - ] - } - ] - }, - { - label: 'Events', - icon: 'pi pi-fw pi-calendar', - items: [ - { - label: 'Edit', - icon: 'pi pi-fw pi-pencil', - items: [ - { - label: 'Save', - icon: 'pi pi-fw pi-calendar-plus' - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-calendar-minus' - } - ] - }, - { - label: 'Archieve', - icon: 'pi pi-fw pi-calendar-times', - items: [ - { - label: 'Remove', - icon: 'pi pi-fw pi-calendar-minus' - } - ] - } - ] - }, - { - separator: true - }, - { - label: 'Quit', - icon: 'pi pi-fw pi-power-off' - } - ]; - } -}`, - - module: ` -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { ContextMenuModule } from 'primeng/contextmenu'; -import { ContextMenuDemo } from './contextmenudemo'; - -@NgModule({ - imports: [CommonModule, ContextMenuModule], - declarations: [ContextMenuDemo] -}) -export class ContextMenuDemoModule {}` - }; -} diff --git a/src/app/showcase/doc/customicons/customicons.module.ts b/src/app/showcase/doc/customicons/customicons.module.ts index 60b5aca4d41..a30a5460b20 100644 --- a/src/app/showcase/doc/customicons/customicons.module.ts +++ b/src/app/showcase/doc/customicons/customicons.module.ts @@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { FontAwesomeDoc } from './fontawesomedoc'; import { ImageDoc } from './imagedoc'; import { MaterialDoc } from './materialdoc'; diff --git a/src/app/showcase/doc/customicons/fontawesomedoc.ts b/src/app/showcase/doc/customicons/fontawesomedoc.ts index 6051926e7bb..8230b59c5ef 100644 --- a/src/app/showcase/doc/customicons/fontawesomedoc.ts +++ b/src/app/showcase/doc/customicons/fontawesomedoc.ts @@ -1,20 +1,16 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'fontawesome-doc', - template: `
    - + template: ` +

    Font Awesome is a popular icon library with a wide range of icons.

     -
    ` + ` }) export class FontAwesomeDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: ` diff --git a/src/app/showcase/doc/customicons/imagedoc.ts b/src/app/showcase/doc/customicons/imagedoc.ts index 9a87f6945cc..25b2a41e8ce 100644 --- a/src/app/showcase/doc/customicons/imagedoc.ts +++ b/src/app/showcase/doc/customicons/imagedoc.ts @@ -1,20 +1,16 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'image-doc', - template: `
    - + template: ` +

    Any type of image can be used as an icon.

     -
    ` + ` }) export class ImageDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: ` diff --git a/src/app/showcase/doc/customicons/materialdoc.ts b/src/app/showcase/doc/customicons/materialdoc.ts index e00a502c8b6..a84d2e240a8 100644 --- a/src/app/showcase/doc/customicons/materialdoc.ts +++ b/src/app/showcase/doc/customicons/materialdoc.ts @@ -1,20 +1,16 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'material-doc', - template: `
    - + template: ` +

    Material icons is the official icon library based on Google Material Design.

     -
    ` + ` }) export class MaterialDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: ` diff --git a/src/app/showcase/doc/customicons/svgdoc.ts b/src/app/showcase/doc/customicons/svgdoc.ts index f64c41b30a3..01c9f579316 100644 --- a/src/app/showcase/doc/customicons/svgdoc.ts +++ b/src/app/showcase/doc/customicons/svgdoc.ts @@ -1,20 +1,16 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'svg-doc', - template: `
    - + template: ` +

    Inline SVGs are embedded inside the dom.

     -
    ` + ` }) export class SVGDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: ` diff --git a/src/app/showcase/doc/dataview/accessibilitydoc.ts b/src/app/showcase/doc/dataview/accessibilitydoc.ts index 9604d8a7e68..b624408f37d 100644 --- a/src/app/showcase/doc/dataview/accessibilitydoc.ts +++ b/src/app/showcase/doc/dataview/accessibilitydoc.ts @@ -1,43 +1,37 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` -
    - -

    Screen Reader

    -

    - The container element that wraps the layout options buttons has a group role whereas each button element uses button role and aria-pressed is updated depending on selection state. Values to describe the - buttons are derived from the aria.listView and aria.gridView properties of the locale API respectively. -

    -

    Refer to paginator accessibility documentation for the paginator of the component.

    -

    Keyboard Support

    -
    - - - - - - - - - - - - - - - - - -
    KeyFunction
    tabMoves focus to the buttons.
    spaceToggles the checked state of a button.
    -
    -     -
    -     ` + template: `
    + +

    Screen Reader

    +

    + The container element that wraps the layout options buttons has a group role whereas each button element uses button role and aria-pressed is updated depending on selection state. Values to describe the buttons + are derived from the aria.listView and aria.gridView properties of the locale API respectively. +

    +

    Refer to paginator accessibility documentation for the paginator of the component.

    +

    Keyboard Support

    +
    + + + + + + + + + + + + + + + + + +
    KeyFunction
    tabMoves focus to the buttons.
    spaceToggles the checked state of a button.
    +
    +     +
    ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/dataview/basicdoc.ts b/src/app/showcase/doc/dataview/basicdoc.ts index 1c3ec860cc1..1b7f375535e 100644 --- a/src/app/showcase/doc/dataview/basicdoc.ts +++ b/src/app/showcase/doc/dataview/basicdoc.ts @@ -1,38 +1,37 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'data-view-basic-demo', - template: `
    - -

    - DataView requires a value to display along with an pTemplate that receives an object in the collection to return content. The root element should have the PrimeFlex Grid classes e.g. col-12 to define how items are - displayed. -

    + template: ` + +

    DataView requires a value to display along with a list template that receives an object in the collection to return content.
    - -
    -
    - -
    -
    -
    {{ product.name }}
    - -
    - - - {{ product.category }} - - + +
    +
    +
    + +
    +
    +
    {{ item.name }}
    + +
    + + + {{ item.category }} + + +
    +
    +
    + {{ '$' + item.price }} +
    -
    -
    - {{ '$' + product.price }} -
    @@ -41,13 +40,9 @@ import { ProductService } from '../../service/productservice';
    -
    ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - products!: Product[]; constructor(private productService: ProductService) {} @@ -75,25 +70,27 @@ export class BasicDoc { code: Code = { basic: ` - -
    -
    - -
    -
    -
    {{ product.name }}
    - -
    - - - {{ product.category }} - - + +
    +
    +
    + +
    +
    +
    {{ item.name }}
    + +
    + + + {{ item.category }} + + +
    +
    +
    + {{ '$' + item.price }} +
    -
    -
    - {{'$'+ product.price }} -
    @@ -104,25 +101,27 @@ export class BasicDoc { html: `
    - -
    -
    - -
    -
    -
    {{ product.name }}
    - -
    - - - {{ product.category }} - - + +
    +
    +
    + +
    +
    +
    {{ item.name }}
    + +
    + + + {{ item.category }} + + +
    +
    +
    + {{ '$' + item.price }} +
    -
    -
    - {{'$'+ product.price }} -
    diff --git a/src/app/showcase/doc/dataview/dataviewdoc.module.ts b/src/app/showcase/doc/dataview/dataviewdoc.module.ts index 3255142e73d..8dc0680aed5 100644 --- a/src/app/showcase/doc/dataview/dataviewdoc.module.ts +++ b/src/app/showcase/doc/dataview/dataviewdoc.module.ts @@ -8,19 +8,18 @@ import { DropdownModule } from 'primeng/dropdown'; import { RatingModule } from 'primeng/rating'; import { TagModule } from 'primeng/tag'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { ImportDoc } from './importdoc'; import { LayoutDoc } from './layoutdoc'; import { PaginationDoc } from './paginationdoc'; -import { PrimeflexDoc } from './primeflexdoc'; import { SortingDoc } from './sortingdoc'; import { StyleDoc } from './styledoc'; @NgModule({ imports: [CommonModule, AppCodeModule, AppDocModule, DataViewModule, DropdownModule, ButtonModule, RouterModule, RatingModule, TagModule, FormsModule], exports: [AppDocModule], - declarations: [ImportDoc, PrimeflexDoc, BasicDoc, PaginationDoc, SortingDoc, LayoutDoc, StyleDoc, AccessibilityDoc] + declarations: [ImportDoc, BasicDoc, PaginationDoc, SortingDoc, LayoutDoc, StyleDoc, AccessibilityDoc] }) export class DataViewDocModule {} diff --git a/src/app/showcase/doc/dataview/importdoc.ts b/src/app/showcase/doc/dataview/importdoc.ts index cd33cd19274..e15229fb7b0 100644 --- a/src/app/showcase/doc/dataview/importdoc.ts +++ b/src/app/showcase/doc/dataview/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { DataViewModule } from 'primeng/dataview';` }; diff --git a/src/app/showcase/doc/dataview/layoutdoc.ts b/src/app/showcase/doc/dataview/layoutdoc.ts index e23741203be..c22eb59498f 100644 --- a/src/app/showcase/doc/dataview/layoutdoc.ts +++ b/src/app/showcase/doc/dataview/layoutdoc.ts @@ -1,15 +1,15 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'data-view-layout-demo', - template: `
    - + template: ` +

    DataView supports list and grid display modes defined with the layout property. The helper DataViewLayoutOptions component can be used to switch between the modes however this component is optional and you - may use your own UI to switch modes as well. As in list layout, the grid layout also requires PrimeFlex Grid classes to define how the grid is displayed per screen sizes. + may use your own UI to switch modes as well.

    @@ -19,48 +19,52 @@ import { ProductService } from '../../service/productservice';
    - -
    -
    - -
    -
    -
    {{ product.name }}
    - -
    - - - {{ product.category }} - - + +
    +
    +
    + +
    +
    +
    {{ product.name }}
    + +
    + + + {{ product.category }} + + +
    +
    +
    + {{ '$' + product.price }} +
    -
    -
    - {{ '$' + product.price }} -
    - -
    -
    -
    - - - {{ product.category }} - - -
    -
    - -
    {{ product.name }}
    - -
    -
    - {{ '$' + product.price }} - + +
    +
    +
    +
    + + + {{ product.category }} + + +
    +
    + +
    {{ product.name }}
    + +
    +
    + {{ '$' + product.price }} + +
    @@ -68,13 +72,9 @@ import { ProductService } from '../../service/productservice';
    -
    ` + ` }) export class LayoutDoc { - @Input() id: string; - - @Input() title: string; - layout: string = 'list'; products!: Product[]; @@ -102,72 +102,16 @@ export class LayoutDoc { } code: Code = { - basic: ` - + basic: `
    - -
    -
    - -
    -
    -
    {{ product.name }}
    - -
    - - - {{ product.category }} - - -
    -
    -
    - {{ '$' + product.price }} - -
    -
    -
    -
    -     - -
    -
    -
    - - - {{ product.category }} - - -
    -
    - -
    {{ product.name }}
    - -
    -
    - {{ '$' + product.price }} - -
    -
    -
    -     -    `, - - html: ` -
    - - -
    - -
    -     - -
    -
    + +
    +
    +
    @@ -188,9 +132,11 @@ export class LayoutDoc {
    - - -
    +
    +     + +
    +
    @@ -210,6 +156,67 @@ export class LayoutDoc {
    +
    +     +`, + + html: ` +
    + + +
    + +
    +     + +
    +
    +
    + +
    +
    +
    {{ product.name }}
    + +
    + + + {{ product.category }} + + +
    +
    +
    + {{ '$' + product.price }} + +
    +
    +
    +
    +
    +     + +
    +
    +
    +
    + + + {{ product.category }} + + +
    +
    + +
    {{ product.name }}
    + +
    +
    + {{ '$' + product.price }} + +
    +
    +
    +
    `, diff --git a/src/app/showcase/doc/dataview/paginationdoc.ts b/src/app/showcase/doc/dataview/paginationdoc.ts index 97536fca368..8faaf6aba1c 100644 --- a/src/app/showcase/doc/dataview/paginationdoc.ts +++ b/src/app/showcase/doc/dataview/paginationdoc.ts @@ -1,35 +1,37 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'data-view-pagination-demo', - template: `
    - + template: ` +

    Pagination is enabled with the paginator and rows properties. Refer to the Paginator for more information about customizing the paginator.
    - -
    -
    - -
    -
    -
    {{ product.name }}
    - -
    - - - {{ product.category }} - - + +
    +
    +
    + +
    +
    +
    {{ item.name }}
    + +
    + + + {{ item.category }} + + +
    +
    +
    + {{ '$' + item.price }} +
    -
    -
    - {{ '$' + product.price }} -
    @@ -38,13 +40,9 @@ import { ProductService } from '../../service/productservice';
    -
    ` + ` }) export class PaginationDoc { - @Input() id: string; - - @Input() title: string; - products!: Product[]; constructor(private productService: ProductService) {} @@ -72,25 +70,27 @@ export class PaginationDoc { code: Code = { basic: ` - -
    -
    - -
    -
    -
    {{ product.name }}
    - -
    - - - {{ product.category }} - - + +
    +
    +
    + +
    +
    +
    {{ item.name }}
    + +
    + + + {{ item.category }} + + +
    +
    +
    + {{ '$' + item.price }} +
    -
    -
    - {{ '$' + product.price }} -
    @@ -101,25 +101,27 @@ export class PaginationDoc { html: `
    - -
    -
    - -
    -
    -
    {{ product.name }}
    - -
    - - - {{ product.category }} - - + +
    +
    +
    + +
    +
    +
    {{ item.name }}
    + +
    + + + {{ item.category }} + + +
    +
    +
    + {{ '$' + item.price }} +
    -
    -
    - {{ '$' + product.price }} -
    diff --git a/src/app/showcase/doc/dataview/primeflexdoc.ts b/src/app/showcase/doc/dataview/primeflexdoc.ts deleted file mode 100644 index 9e3ea6359dc..00000000000 --- a/src/app/showcase/doc/dataview/primeflexdoc.ts +++ /dev/null @@ -1,21 +0,0 @@ -import { Component, Input } from '@angular/core'; -import { Code } from '../../domain/code'; - -@Component({ - selector: 'primeflex-doc', - template: `
    - -

    DataView depends on PrimeFlex Grid functionality so it needs to be installed and imported.

    -     - -
    ` -}) -export class PrimeflexDoc { - @Input() id: string; - - @Input() title: string; - - code: Code = { - basic: `npm install primeflex` - }; -} diff --git a/src/app/showcase/doc/dataview/sortingdoc.ts b/src/app/showcase/doc/dataview/sortingdoc.ts index 63fd8b437ed..eb502f41195 100644 --- a/src/app/showcase/doc/dataview/sortingdoc.ts +++ b/src/app/showcase/doc/dataview/sortingdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { SelectItem } from 'primeng/api'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; @@ -6,8 +6,8 @@ import { ProductService } from '../../service/productservice'; @Component({ selector: 'data-view-sorting-demo', - template: `
    - + template: ` +

    Built-in sorting is controlled by bindings sortField and sortField properties from a custom UI.
    @@ -17,25 +17,27 @@ import { ProductService } from '../../service/productservice';
    - -
    -
    - -
    -
    -
    {{ product.name }}
    - -
    - - - {{ product.category }} - - + +
    +
    +
    + +
    +
    +
    {{ item.name }}
    + +
    + + + {{ item.category }} + + +
    +
    +
    + {{ '$' + item.price }} +
    -
    -
    - {{ '$' + product.price }} -
    @@ -44,13 +46,9 @@ import { ProductService } from '../../service/productservice';
    -
    ` + ` }) export class SortingDoc { - @Input() id: string; - - @Input() title: string; - sortOptions!: SelectItem[]; sortOrder!: number; @@ -99,32 +97,33 @@ export class SortingDoc { } code: Code = { - basic: ` - + basic: `
    - -
    -
    - -
    -
    -
    {{ product.name }}
    - -
    - - - {{ product.category }} - - + +
    +
    +
    + +
    +
    +
    {{ item.name }}
    + +
    + + + {{ item.category }} + + +
    +
    +
    + {{ '$' + item.price }} +
    -
    -
    - {{ '$' + product.price }} -
    @@ -140,25 +139,27 @@ export class SortingDoc {
    - -
    -
    - -
    -
    -
    {{ product.name }}
    - -
    - - - {{ product.category }} - - + +
    +
    +
    + +
    +
    +
    {{ item.name }}
    + +
    + + + {{ item.category }} + + +
    +
    +
    + {{ '$' + item.price }} +
    -
    -
    - {{ '$' + product.price }} -
    diff --git a/src/app/showcase/doc/dataview/styledoc.ts b/src/app/showcase/doc/dataview/styledoc.ts index ab940a94d11..6c714c47d17 100644 --- a/src/app/showcase/doc/dataview/styledoc.ts +++ b/src/app/showcase/doc/dataview/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -46,10 +46,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/defer/basicdoc.ts b/src/app/showcase/doc/defer/basicdoc.ts index 180d897f8bb..57e9989a95d 100644 --- a/src/app/showcase/doc/defer/basicdoc.ts +++ b/src/app/showcase/doc/defer/basicdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
    - + template: ` +

    Defer is applied to a container element with pDefer directive where content needs to be placed inside an ng-template.
    @@ -18,14 +18,10 @@ import { Code } from '../../domain/code';
    - `, + `, providers: [MessageService] }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - constructor(private messageService: MessageService) {} onLoad() { @@ -33,8 +29,7 @@ export class BasicDoc { } code: Code = { - basic: ` -
    + basic: `
    Prime diff --git a/src/app/showcase/doc/defer/datatabledoc.ts b/src/app/showcase/doc/defer/datatabledoc.ts index 1af82a51d8e..41c91cafb0f 100644 --- a/src/app/showcase/doc/defer/datatabledoc.ts +++ b/src/app/showcase/doc/defer/datatabledoc.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Car } from '../../domain/car'; import { Code } from '../../domain/code'; @@ -6,8 +6,8 @@ import { CarService } from '../../service/carservice'; @Component({ selector: 'datatable-doc', - template: `
    - + template: ` +

    Defer is applied to a container element with pDefer directive where content needs to be placed inside an ng-template.
    @@ -38,14 +38,10 @@ import { CarService } from '../../service/carservice';
    - `, + `, providers: [MessageService, CarService] }) export class DataTableDoc { - @Input() id: string; - - @Input() title: string; - cars: Car[] | undefined; constructor(private carService: CarService, private messageService: MessageService) {} @@ -56,8 +52,7 @@ export class DataTableDoc { } code: Code = { - basic: ` -
    + basic: `
    diff --git a/src/app/showcase/doc/defer/deferdoc.module.ts b/src/app/showcase/doc/defer/deferdoc.module.ts index 1e4b03ea743..09dce706957 100644 --- a/src/app/showcase/doc/defer/deferdoc.module.ts +++ b/src/app/showcase/doc/defer/deferdoc.module.ts @@ -6,7 +6,7 @@ import { DeferModule } from 'primeng/defer'; import { TableModule } from 'primeng/table'; import { ToastModule } from 'primeng/toast'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { BasicDoc } from './basicdoc'; import { DataTableDoc } from './datatabledoc'; import { ImportDoc } from './importdoc'; diff --git a/src/app/showcase/doc/defer/importdoc.ts b/src/app/showcase/doc/defer/importdoc.ts index b241148e4aa..62aa1a72e2a 100644 --- a/src/app/showcase/doc/defer/importdoc.ts +++ b/src/app/showcase/doc/defer/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { DeferModule } from 'primeng/defer';` }; diff --git a/src/app/showcase/doc/dialog/accessibilitydoc.ts b/src/app/showcase/doc/dialog/accessibilitydoc.ts index 9762175db2d..cd441901af3 100644 --- a/src/app/showcase/doc/dialog/accessibilitydoc.ts +++ b/src/app/showcase/doc/dialog/accessibilitydoc.ts @@ -1,87 +1,81 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
    - -

    Screen Reader

    -

    - Dialog component uses dialog role along with aria-labelledby referring to the header element however any attribute is passed to the root element so you may use aria-labelledby to override this default - behavior. In addition aria-modal is added since focus is kept within the popup. -

    -

    It is recommended to use a trigger component that can be accessed with keyboard such as a button, if not adding tabIndex would be necessary.

    -

    Trigger element also requires aria-expanded and aria-controls to be handled explicitly.

    -

    - Close element is a button with an aria-label that refers to the aria.close property of the locale API by default, you may usecloseButtonProps to customize the - element and override the default aria-label. -

    + template: `
    + +

    Screen Reader

    +

    + Dialog component uses dialog role along with aria-labelledby referring to the header element however any attribute is passed to the root element so you may use aria-labelledby to override this default behavior. In + addition aria-modal is added since focus is kept within the popup. +

    +

    It is recommended to use a trigger component that can be accessed with keyboard such as a button, if not adding tabIndex would be necessary.

    +

    Trigger element also requires aria-expanded and aria-controls to be handled explicitly.

    +

    + Close element is a button with an aria-label that refers to the aria.close property of the locale API by default, you may usecloseButtonProps to customize the element + and override the default aria-label. +

    - + -

    Overlay Keyboard Support

    -
    - - - - - - - - - - - - - - - - - - - - - -
    KeyFunction
    tabMoves focus to the next the focusable element within the dialog.
    shift + tabMoves focus to the previous the focusable element within the dialog.
    escapeCloses the dialog if closeOnEscape is true.
    -
    -

    Close Button Keyboard Support

    -
    - - - - - - - - - - - - - - - - - -
    KeyFunction
    enterCloses the dialog.
    spaceCloses the dialog.
    -
    -     -
    - ` +

    Overlay Keyboard Support

    +
    + + + + + + + + + + + + + + + + + + + + + +
    KeyFunction
    tabMoves focus to the next the focusable element within the dialog.
    shift + tabMoves focus to the previous the focusable element within the dialog.
    escapeCloses the dialog if closeOnEscape is true.
    +
    +

    Close Button Keyboard Support

    +
    + + + + + + + + + + + + + + + + + +
    KeyFunction
    enterCloses the dialog.
    spaceCloses the dialog.
    +
    +     +
    ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - html: ` +>

    Content

    ` diff --git a/src/app/showcase/doc/dialog/basicdoc.ts b/src/app/showcase/doc/dialog/basicdoc.ts index 2b84a224ce1..6b8378281bc 100644 --- a/src/app/showcase/doc/dialog/basicdoc.ts +++ b/src/app/showcase/doc/dialog/basicdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'dialog-basic-demo', - template: `
    - + template: ` +

    Dialog is used as a container and visibility is controlled with visible property. Dialogs are draggable and resizable by default.
    @@ -17,13 +17,9 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - visible: boolean = false; showDialog() { @@ -31,8 +27,7 @@ export class BasicDoc { } code: Code = { - basic: ` - + basic: `

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo diff --git a/src/app/showcase/doc/dialog/dialogdoc.module.ts b/src/app/showcase/doc/dialog/dialogdoc.module.ts index 2ab9416edff..43452ac5c57 100644 --- a/src/app/showcase/doc/dialog/dialogdoc.module.ts +++ b/src/app/showcase/doc/dialog/dialogdoc.module.ts @@ -6,7 +6,7 @@ import { DialogModule } from 'primeng/dialog'; import { ButtonModule } from 'primeng/button'; import { DropdownModule } from 'primeng/dropdown'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { BasicDoc } from './basicdoc'; import { ImportDoc } from './importdoc'; import { StyleDoc } from './styledoc'; diff --git a/src/app/showcase/doc/dialog/importdoc.ts b/src/app/showcase/doc/dialog/importdoc.ts index 2efa4225d16..48c19b9de0d 100644 --- a/src/app/showcase/doc/dialog/importdoc.ts +++ b/src/app/showcase/doc/dialog/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `

    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { DialogModule } from 'primeng/dialog';` }; diff --git a/src/app/showcase/doc/dialog/longcontentdoc.ts b/src/app/showcase/doc/dialog/longcontentdoc.ts index 943045896c8..e6b68883c60 100644 --- a/src/app/showcase/doc/dialog/longcontentdoc.ts +++ b/src/app/showcase/doc/dialog/longcontentdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'dialog-long-content-demo', - template: `
    - + template: ` +

    Dialog automatically displays a scroller when content exceeeds viewport.
    @@ -31,13 +31,9 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class LongContentDoc { - @Input() id: string; - - @Input() title: string; - visible: boolean = false; showDialog() { @@ -45,8 +41,7 @@ export class LongContentDoc { } code: Code = { - basic: ` - + basic: `

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo diff --git a/src/app/showcase/doc/dialog/maximizabledoc.ts b/src/app/showcase/doc/dialog/maximizabledoc.ts index 52d5e57d8d5..7a50582622e 100644 --- a/src/app/showcase/doc/dialog/maximizabledoc.ts +++ b/src/app/showcase/doc/dialog/maximizabledoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'dialog-maximizable-demo', - template: `

    - + template: ` +

    Setting maximizable property to true enables the full screen mode.
    @@ -17,13 +17,9 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class MaximizableDoc { - @Input() id: string; - - @Input() title: string; - visible: boolean = false; showDialog() { @@ -31,8 +27,7 @@ export class MaximizableDoc { } code: Code = { - basic: ` - + basic: `

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo diff --git a/src/app/showcase/doc/dialog/modaldoc.ts b/src/app/showcase/doc/dialog/modaldoc.ts index c385335f86f..515ad1d3fb8 100644 --- a/src/app/showcase/doc/dialog/modaldoc.ts +++ b/src/app/showcase/doc/dialog/modaldoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'dialog-modal-demo', - template: `

    - + template: ` +

    Mask layer behind the Dialog can be turned on by setting the modal property to true.
    @@ -17,13 +17,9 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class ModalDoc { - @Input() id: string; - - @Input() title: string; - visible: boolean = false; showDialog() { @@ -31,8 +27,7 @@ export class ModalDoc { } code: Code = { - basic: ` - + basic: `

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo diff --git a/src/app/showcase/doc/dialog/overlaysinsidedoc.ts b/src/app/showcase/doc/dialog/overlaysinsidedoc.ts index 1cfc147fce8..9e7f0440572 100644 --- a/src/app/showcase/doc/dialog/overlaysinsidedoc.ts +++ b/src/app/showcase/doc/dialog/overlaysinsidedoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; interface City { @@ -8,8 +8,8 @@ interface City { @Component({ selector: 'dialog-overlays-inside-demo', - template: `

    - + template: ` +

    When dialog includes other components with overlays such as dropdown, the overlay part cannot exceed dialog boundaries due to overflow. In order to solve this, you can either append the overlay to the body by using appendTo property or allow overflow in dialog. @@ -24,13 +24,9 @@ interface City {

    - ` + ` }) export class OverlaysInsideDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - cities: City[] | undefined; selectedCity: City | undefined; @@ -52,8 +48,7 @@ export class OverlaysInsideDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
    diff --git a/src/app/showcase/doc/dialog/positiondoc.ts b/src/app/showcase/doc/dialog/positiondoc.ts index d02fdd56b33..e9fe6d24409 100644 --- a/src/app/showcase/doc/dialog/positiondoc.ts +++ b/src/app/showcase/doc/dialog/positiondoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'dialog-position-demo', - template: `
    - + template: ` +

    The position property is used to display a Dialog at all edges and corners of the screen.
    @@ -30,13 +30,9 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class PositionDoc { - @Input() id: string; - - @Input() title: string; - visible: boolean = false; position: string = 'center'; @@ -47,8 +43,7 @@ export class PositionDoc { } code: Code = { - basic: ` -
    + basic: `
    diff --git a/src/app/showcase/doc/dialog/responsivedoc.ts b/src/app/showcase/doc/dialog/responsivedoc.ts index aa6fac7df88..bc2f7078c85 100644 --- a/src/app/showcase/doc/dialog/responsivedoc.ts +++ b/src/app/showcase/doc/dialog/responsivedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'dialog-responsive-demo', - template: `
    - + template: ` +

    Dialog width can be adjusted per screen size with the breakpoints option where a key defines the max-width for the breakpoint and value for the corresponding width. When no breakpoint matches width defined in style property is used. @@ -20,13 +20,9 @@ import { Code } from '../../domain/code';

    - ` + ` }) export class ResponsiveDoc { - @Input() id: string; - - @Input() title: string; - visible: boolean = false; showDialog() { @@ -34,8 +30,7 @@ export class ResponsiveDoc { } code: Code = { - basic: ` - + basic: `

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo diff --git a/src/app/showcase/doc/dialog/styledoc.ts b/src/app/showcase/doc/dialog/styledoc.ts index 9d133e07e2d..a3f99459495 100644 --- a/src/app/showcase/doc/dialog/styledoc.ts +++ b/src/app/showcase/doc/dialog/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `

    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -46,10 +46,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/dialog/templatedoc.ts b/src/app/showcase/doc/dialog/templatedoc.ts index 4a8249ee427..f2eb767622d 100644 --- a/src/app/showcase/doc/dialog/templatedoc.ts +++ b/src/app/showcase/doc/dialog/templatedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'dialog-template-demo', - template: `
    - + template: ` +

    Dialog can be customized using header and footer templates.
    @@ -23,13 +23,9 @@ import { Code } from '../../domain/code';
    -
    ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - visible: boolean = false; showDialog() { @@ -37,8 +33,7 @@ export class TemplateDoc { } code: Code = { - basic: ` - + basic: ` Header Content diff --git a/src/app/showcase/doc/divider/accessibilitydoc.ts b/src/app/showcase/doc/divider/accessibilitydoc.ts index f583d1a4a89..d29054101c9 100644 --- a/src/app/showcase/doc/divider/accessibilitydoc.ts +++ b/src/app/showcase/doc/divider/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
    - +

    Screen Reader

    Divider uses a separator role with aria-orientation set to either "horizontal" or "vertical".

    Keyboard Support

    @@ -11,8 +11,4 @@ import { Component, Input } from '@angular/core';
    ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/divider/basicdoc.ts b/src/app/showcase/doc/divider/basicdoc.ts index 1b496d20112..1a9b79a9191 100644 --- a/src/app/showcase/doc/divider/basicdoc.ts +++ b/src/app/showcase/doc/divider/basicdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'divider-basic-demo', - template: `
    - + template: ` +

    Divider is basically placed between the items to separate.
    @@ -35,16 +35,11 @@ import { Code } from '../../domain/code';

    -
    ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -

    + basic: `

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    diff --git a/src/app/showcase/doc/divider/contentdoc.ts b/src/app/showcase/doc/divider/contentdoc.ts index 20bc1a56b8b..f99d40c24bd 100644 --- a/src/app/showcase/doc/divider/contentdoc.ts +++ b/src/app/showcase/doc/divider/contentdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'divider-content-demo', - template: `
    - + template: ` +

    Children are rendered within the boundaries of the divider where location of the content is configured with the align property. In horizontal layout, alignment options are left, center and right whereas vertical mode supports top, center and bottom. @@ -47,16 +47,11 @@ import { Code } from '../../domain/code';

    - ` + ` }) export class ContentDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -

    + basic: `

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    diff --git a/src/app/showcase/doc/divider/dividerdoc.module.ts b/src/app/showcase/doc/divider/dividerdoc.module.ts index dbbf47a0044..c043fddd0e8 100644 --- a/src/app/showcase/doc/divider/dividerdoc.module.ts +++ b/src/app/showcase/doc/divider/dividerdoc.module.ts @@ -5,7 +5,7 @@ import { ButtonModule } from 'primeng/button'; import { DividerModule } from 'primeng/divider'; import { InputTextModule } from 'primeng/inputtext'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { ContentDoc } from './contentdoc'; diff --git a/src/app/showcase/doc/divider/importdoc.ts b/src/app/showcase/doc/divider/importdoc.ts index df02abbbe8c..208985e2743 100644 --- a/src/app/showcase/doc/divider/importdoc.ts +++ b/src/app/showcase/doc/divider/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { DividerModule } from 'primeng/divider';` }; diff --git a/src/app/showcase/doc/divider/logindoc.ts b/src/app/showcase/doc/divider/logindoc.ts index 85cea886c37..bfbded9c324 100644 --- a/src/app/showcase/doc/divider/logindoc.ts +++ b/src/app/showcase/doc/divider/logindoc.ts @@ -1,94 +1,80 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'divider-login-demo', - template: `
    - + template: ` +

    Sample implementation of a login form using a divider with content.
    -
    -
    -
    -
    - - -
    -
    - - -
    - +
    +
    +
    + + +
    +
    + +
    +
    -
    - - OR - +
    + OR + OR
    -
    - +
    +
    -
    ` + ` }) export class LoginDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -
    -
    -
    -
    - - -
    -
    - - -
    - + basic: `
    +
    +
    + + +
    +
    + +
    +
    -
    - - OR - +
    + OR + OR
    -
    - +
    +
    `, html: `
    -
    -
    -
    -
    - - -
    -
    - - -
    - +
    +
    +
    + + +
    +
    + +
    +
    -
    - - OR - +
    + OR + OR
    -
    - +
    +
    `, diff --git a/src/app/showcase/doc/divider/styledoc.ts b/src/app/showcase/doc/divider/styledoc.ts index bd81dd1d787..ab699cb16e0 100644 --- a/src/app/showcase/doc/divider/styledoc.ts +++ b/src/app/showcase/doc/divider/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -62,10 +62,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/divider/typedoc.ts b/src/app/showcase/doc/divider/typedoc.ts index f96f4a3a60a..e7c82876d62 100644 --- a/src/app/showcase/doc/divider/typedoc.ts +++ b/src/app/showcase/doc/divider/typedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'divider-type-demo', - template: `
    - + template: ` +

    Style of the border is configured with the type property that can either be solid, dotted or dashed.
    @@ -35,16 +35,11 @@ import { Code } from '../../domain/code';

    -
    ` + ` }) export class TypeDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -

    + basic: `

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    diff --git a/src/app/showcase/doc/divider/verticaldoc.ts b/src/app/showcase/doc/divider/verticaldoc.ts index 5d6cec2cb65..53d3d11c471 100644 --- a/src/app/showcase/doc/divider/verticaldoc.ts +++ b/src/app/showcase/doc/divider/verticaldoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'divider-vertical-demo', - template: `
    - + template: ` +

    Vertical divider is enabled by setting the layout property as vertical.
    @@ -28,16 +28,11 @@ import { Code } from '../../domain/code';

    -
    ` + ` }) export class VerticalDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -

    + basic: `

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    diff --git a/src/app/showcase/doc/dock/accessibilitydoc.ts b/src/app/showcase/doc/dock/accessibilitydoc.ts index 7edea1c9d72..8ad4b301ff6 100644 --- a/src/app/showcase/doc/dock/accessibilitydoc.ts +++ b/src/app/showcase/doc/dock/accessibilitydoc.ts @@ -1,66 +1,60 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` -
    - -

    Screen Reader

    -

    - Dock component uses the menu role with the aria-orientation and the value to describe the menu can either be provided with aria-labelledby or aria-label props. Each list item has a - presentation role whereas anchor elements have a menuitem role with aria-label referring to the label of the item and aria-disabled defined if the item is disabled. -

    -

    Keyboard Support

    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    KeyFunction
    tabAdd focus to the first item if focus moves in to the menu. If the focus is already within the menu, focus moves to the next focusable item in the page tab sequence.
    shift + tabAdd focus to the last item if focus moves in to the menu. If the focus is already within the menu, focus moves to the previous focusable item in the page tab sequence.
    enterActivates the focused menuitem.
    spaceActivates the focused menuitem.
    down arrowMoves focus to the next menuitem in vertical layout.
    up arrowMoves focus to the previous menuitem in vertical layout.
    homeMoves focus to the first menuitem in horizontal layout.
    endMoves focus to the last menuitem in horizontal layout.
    -
    -     -
    -     ` + template: `
    + +

    Screen Reader

    +

    + Dock component uses the menu role with the aria-orientation and the value to describe the menu can either be provided with aria-labelledby or aria-label props. Each list item has a presentation role + whereas anchor elements have a menuitem role with aria-label referring to the label of the item and aria-disabled defined if the item is disabled. +

    +

    Keyboard Support

    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    KeyFunction
    tabAdd focus to the first item if focus moves in to the menu. If the focus is already within the menu, focus moves to the next focusable item in the page tab sequence.
    shift + tabAdd focus to the last item if focus moves in to the menu. If the focus is already within the menu, focus moves to the previous focusable item in the page tab sequence.
    enterActivates the focused menuitem.
    spaceActivates the focused menuitem.
    down arrowMoves focus to the next menuitem in vertical layout.
    up arrowMoves focus to the previous menuitem in vertical layout.
    homeMoves focus to the first menuitem in horizontal layout.
    endMoves focus to the last menuitem in horizontal layout.
    +
    +     +
    ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/dock/advanceddoc.ts b/src/app/showcase/doc/dock/advanceddoc.ts index 878702d953c..697bdb40b79 100644 --- a/src/app/showcase/doc/dock/advanceddoc.ts +++ b/src/app/showcase/doc/dock/advanceddoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnDestroy, OnInit } from '@angular/core'; +import { Component, OnDestroy, OnInit } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { TerminalService } from 'primeng/terminal'; import { Subscription } from 'rxjs'; @@ -8,8 +8,8 @@ import { PhotoService } from '../../service/photoservice'; @Component({ selector: 'dock-advanced-demo', - template: `
    - + template: ` +

    Dock requires a collection of menuitems as its model. Default location is bottom and other sides are also available when defined with the position property. Content of the dock component is defined by item template. @@ -65,14 +65,10 @@ import { PhotoService } from '../../service/photoservice';

    - `, + `, providers: [MessageService, TerminalService, PhotoService, NodeService] }) export class AdvancedDoc implements OnInit, OnDestroy { - @Input() id: string; - - @Input() title: string; - displayTerminal: boolean | undefined; displayFinder: boolean | undefined; @@ -371,8 +367,7 @@ export class AdvancedDoc implements OnInit, OnDestroy { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/dock/basicdoc.ts b/src/app/showcase/doc/dock/basicdoc.ts index 5255985b2df..85ed67a31e5 100644 --- a/src/app/showcase/doc/dock/basicdoc.ts +++ b/src/app/showcase/doc/dock/basicdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'dock-basic-demo', - template: `
    - + template: ` +

    Dock requires a collection of menuitems as its model. Default location is bottom and other sides are also available when defined with the position property. Content of the dock component is defined by item template. @@ -24,13 +24,9 @@ import { Code } from '../../domain/code';

    - ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; position: string = 'top'; @@ -76,8 +72,7 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/dock/dockdoc.module.ts b/src/app/showcase/doc/dock/dockdoc.module.ts index 9cd01f0eae5..cba9068807c 100644 --- a/src/app/showcase/doc/dock/dockdoc.module.ts +++ b/src/app/showcase/doc/dock/dockdoc.module.ts @@ -11,7 +11,7 @@ import { TerminalModule } from 'primeng/terminal'; import { ToastModule } from 'primeng/toast'; import { TreeModule } from 'primeng/tree'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { AdvancedDoc } from './advanceddoc'; import { BasicDoc } from './basicdoc'; diff --git a/src/app/showcase/doc/dock/importdoc.ts b/src/app/showcase/doc/dock/importdoc.ts index 962a8e7dc95..f31ce4e573f 100644 --- a/src/app/showcase/doc/dock/importdoc.ts +++ b/src/app/showcase/doc/dock/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
    - - -
    ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { DockModule } from 'primeng/dock';` }; diff --git a/src/app/showcase/doc/dock/styledoc.ts b/src/app/showcase/doc/dock/styledoc.ts index 26f8fafb33a..b079244584a 100644 --- a/src/app/showcase/doc/dock/styledoc.ts +++ b/src/app/showcase/doc/dock/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
    - + template: ` +

    Following is the list of structural style classes, for theming classes visit theming page.
    @@ -30,10 +30,6 @@ import { Component, Input } from '@angular/core';
    -
    ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/dragdrop/basicdoc.ts b/src/app/showcase/doc/dragdrop/basicdoc.ts index 99cf337b232..ef60c578f90 100644 --- a/src/app/showcase/doc/dragdrop/basicdoc.ts +++ b/src/app/showcase/doc/dragdrop/basicdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; @Component({ selector: 'drag-drop-basic-demo', - template: `
    - + template: ` +

    pDraggable and pDroppable are attached to a target element to add drag-drop behavior. The value of a Directive attribute is required and it defines the scope to match draggables with droppables. Droppable scope can also be an array to accept multiple droppables. @@ -29,13 +29,9 @@ import { Product } from '../../domain/product';

    - ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - availableProducts: Product[] | undefined; selectedProducts: Product[] | undefined; @@ -79,8 +75,7 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` -
    + basic: `
    • {{product.name}} diff --git a/src/app/showcase/doc/dragdrop/datatabledoc.ts b/src/app/showcase/doc/dragdrop/datatabledoc.ts index cf341d619f8..c07cf49c604 100644 --- a/src/app/showcase/doc/dragdrop/datatabledoc.ts +++ b/src/app/showcase/doc/dragdrop/datatabledoc.ts @@ -1,12 +1,12 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'drag-drop-data-table-demo', - template: `
      - + template: ` +

      Drag and Drop to Table
      @@ -50,13 +50,9 @@ import { ProductService } from '../../service/productservice';
    - ` + ` }) export class DataTableDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - availableProducts: Product[] | undefined; selectedProducts: Product[] | undefined; @@ -110,8 +106,7 @@ export class DataTableDoc implements OnInit { } code: Code = { - basic: ` -
    + basic: `
    diff --git a/src/app/showcase/doc/dragdrop/dragdropdoc.module.ts b/src/app/showcase/doc/dragdrop/dragdropdoc.module.ts index d3687d992dd..4c87912056f 100644 --- a/src/app/showcase/doc/dragdrop/dragdropdoc.module.ts +++ b/src/app/showcase/doc/dragdrop/dragdropdoc.module.ts @@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { ImportDoc } from './importdoc'; import { DataTableDoc } from './datatabledoc'; import { DragDropModule } from 'primeng/dragdrop'; diff --git a/src/app/showcase/doc/dragdrop/draghandledoc.ts b/src/app/showcase/doc/dragdrop/draghandledoc.ts index 9d0650957bc..3e21c606314 100644 --- a/src/app/showcase/doc/dragdrop/draghandledoc.ts +++ b/src/app/showcase/doc/dragdrop/draghandledoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'drag-drop-drag-handle-demo', - template: `
    - + template: ` +

    dragHandle is used to restrict dragging unless mousedown occurs on the specified element. Panel below can only be dragged using its header.
    @@ -13,16 +13,11 @@ import { Code } from '../../domain/code';
    - ` + ` }) export class DragHandleDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -
    + basic: `
    Content diff --git a/src/app/showcase/doc/dragdrop/dropindicatordoc.ts b/src/app/showcase/doc/dragdrop/dropindicatordoc.ts index 146ce710e66..d3b509682c1 100644 --- a/src/app/showcase/doc/dragdrop/dropindicatordoc.ts +++ b/src/app/showcase/doc/dragdrop/dropindicatordoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; @Component({ selector: 'drag-drop-drop-indicator-demo', - template: `
    - + template: ` +

    When a suitable draggable enters a droppable area, the area gets p-draggable-enter class that can be used to style the droppable section.
    @@ -26,13 +26,9 @@ import { Product } from '../../domain/product';
    - ` + ` }) export class DropIndicatorDoc { - @Input() id: string; - - @Input() title: string; - availableProducts: Product[] | undefined; selectedProducts: Product[] | undefined; @@ -75,8 +71,7 @@ export class DropIndicatorDoc { return index; } code: Code = { - basic: ` -
    + basic: `
    • {{product.name}} diff --git a/src/app/showcase/doc/dragdrop/importdoc.ts b/src/app/showcase/doc/dragdrop/importdoc.ts index c50f1cc65d8..36857631454 100644 --- a/src/app/showcase/doc/dragdrop/importdoc.ts +++ b/src/app/showcase/doc/dragdrop/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { DragDropModule } from 'primeng/dragdrop';` }; diff --git a/src/app/showcase/doc/dropdown/accessibilitydoc.ts b/src/app/showcase/doc/dropdown/accessibilitydoc.ts index 8ce9a605502..951a782daa7 100644 --- a/src/app/showcase/doc/dropdown/accessibilitydoc.ts +++ b/src/app/showcase/doc/dropdown/accessibilitydoc.ts @@ -1,186 +1,180 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
      - -

      Screen Reader

      -

      - Value to describe the component can either be provided with aria-labelledby or aria-label props. The dropdown element has a combobox role in addition to aria-haspopup and - aria-expanded attributes. If the editable option is enabled aria-autocomplete is also added. The relation between the combobox and the popup is created with aria-controls and - aria-activedescendant attribute is used to instruct screen reader which option to read during keyboard navigation within the popup list. -

      -

      - The popup list has an id that refers to the aria-controls attribute of the combobox element and uses listbox as the role. Each list item has an option role, an id to match the - aria-activedescendant of the input element along with aria-label, aria-selected and aria-disabled attributes. -

      + template: `
      + +

      Screen Reader

      +

      + Value to describe the component can either be provided with ariaLabelledBy or ariaLabel props. The dropdown element has a combobox role in addition to aria-haspopup and aria-expanded attributes. If + the editable option is enabled aria-autocomplete is also added. The relation between the combobox and the popup is created with aria-controls and aria-activedescendant attribute is used to instruct screen reader + which option to read during keyboard navigation within the popup list. +

      +

      + The popup list has an id that refers to the aria-controls attribute of the combobox element and uses listbox as the role. Each list item has an option role, an id to match the + aria-activedescendant of the input element along with aria-label, aria-selected and aria-disabled attributes. +

      -

      If filtering is enabled, filterInputProps can be defined to give aria-* props to the filter input element.

      -       +

      If filtering is enabled, filterInputProps can be defined to give aria-* props to the filter input element.

      + - + -

      Closed State Keyboard Support

      -
      - - - - - - - - - - - - - - - - - - - - - - - - - -
      KeyFunction
      - tab - Moves focus to the dropdown element.
      - space - Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.
      - down arrow - Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.
      - up arrow - Opens the popup and moves visual focus to the selected option, if there is none then last option receives the focus.
      -
      +

      Closed State Keyboard Support

      +
      + + + + + + + + + + + + + + + + + + + + + + + + + +
      KeyFunction
      + tab + Moves focus to the dropdown element.
      + space + Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.
      + down arrow + Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.
      + up arrow + Opens the popup and moves visual focus to the selected option, if there is none then last option receives the focus.
      +
      -

      Popup Keyboard Support

      -
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      KeyFunction
      - tab - Moves focus to the next focusable element in the popup, if there is none then first focusable element receives the focus.
      shift + tabMoves focus to the previous focusable element in the popup, if there is none then last focusable element receives the focus.
      - enter - Selects the focused option and closes the popup.
      - space - Selects the focused option and closes the popup.
      - escape - Closes the popup, moves focus to the dropdown element.
      - down arrow - Moves focus to the next option, if there is none then visual focus does not change.
      - up arrow - Moves focus to the previous option, if there is none then visual focus does not change.
      - right arrow - If the dropdown is editable, removes the visual focus from the current option and moves input cursor to one character left.
      - left arrow - If the dropdown is editable, removes the visual focus from the current option and moves input cursor to one character right.
      - home - If the dropdown is editable, moves input cursor at the end, if not then moves focus to the first option.
      - end - If the dropdown is editable, moves input cursor at the beginning, if not then moves focus to the last option.
      - any printable character - Moves focus to the option whose label starts with the characters being typed if dropdown is not editable.
      -
      +

      Popup Keyboard Support

      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      KeyFunction
      + tab + Moves focus to the next focusable element in the popup, if there is none then first focusable element receives the focus.
      shift + tabMoves focus to the previous focusable element in the popup, if there is none then last focusable element receives the focus.
      + enter + Selects the focused option and closes the popup.
      + space + Selects the focused option and closes the popup.
      + escape + Closes the popup, moves focus to the dropdown element.
      + down arrow + Moves focus to the next option, if there is none then visual focus does not change.
      + up arrow + Moves focus to the previous option, if there is none then visual focus does not change.
      + right arrow + If the dropdown is editable, removes the visual focus from the current option and moves input cursor to one character left.
      + left arrow + If the dropdown is editable, removes the visual focus from the current option and moves input cursor to one character right.
      + home + If the dropdown is editable, moves input cursor at the end, if not then moves focus to the first option.
      + end + If the dropdown is editable, moves input cursor at the beginning, if not then moves focus to the last option.
      + any printable character + Moves focus to the option whose label starts with the characters being typed if dropdown is not editable.
      +
      -

      Filter Input Keyboard Support

      -
      - - - - - - - - - - - - - - - - - -
      KeyFunction
      - enter - Closes the popup and moves focus to the dropdown element.
      - escape - Closes the popup and moves focus to the dropdown element.
      -
      +

      Filter Input Keyboard Support

      +
      + + + + + + + + + + + + + + + + + +
      KeyFunction
      + enter + Closes the popup and moves focus to the dropdown element.
      + escape + Closes the popup and moves focus to the dropdown element.
      - ` +
      ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: `Options - + -` +` }; } diff --git a/src/app/showcase/doc/dropdown/basicdoc.ts b/src/app/showcase/doc/dropdown/basicdoc.ts index 58feebdaa03..6c327cbbc8d 100644 --- a/src/app/showcase/doc/dropdown/basicdoc.ts +++ b/src/app/showcase/doc/dropdown/basicdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; interface City { @@ -8,26 +8,21 @@ interface City { @Component({ selector: 'dropdown-basic-demo', - template: `
      - + template: ` +

      - Dropdown is used as a controlled component with ngModel property along with an options collection. Label and value of an option are defined with the optionLabel and optionValue properties respectively. - Default property name for the optionLabel is label and value for the optionValue. If optionValue is omitted and the object has no value property, the object itself becomes the value of an - option. Note that, when options are simple primitive values such as a string array, no optionLabel and optionValue would be necessary. + Dropdown is used as a controlled component with ngModel property along with an options collection. Label and value of an option are defined with the optionLabel and optionValue properties respectively. Note + that, when options are simple primitive values such as a string array, no optionLabel and optionValue would be necessary.

      - +
      -
      ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - cities: City[] | undefined; + cities: City[]; selectedCity: City | undefined; @@ -42,12 +37,11 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
      - +
      `, typescript: ` diff --git a/src/app/showcase/doc/dropdown/disableddoc.ts b/src/app/showcase/doc/dropdown/disableddoc.ts index d01bb67899b..7153970ecef 100644 --- a/src/app/showcase/doc/dropdown/disableddoc.ts +++ b/src/app/showcase/doc/dropdown/disableddoc.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; interface City { @@ -8,21 +8,17 @@ interface City { @Component({ selector: 'dropdown-disabled-demo', - template: `
      - + template: ` +

      When disabled is present, the element cannot be edited and focused.
      -
      ` + ` }) export class DisabledDoc { - @Input() id: string; - - @Input() title: string; - cities: City[] | undefined; selectedCity: City | undefined; @@ -38,8 +34,7 @@ export class DisabledDoc { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/dropdown/dropdowndoc.module.ts b/src/app/showcase/doc/dropdown/dropdowndoc.module.ts index e8782f53f55..bd80ae57c55 100644 --- a/src/app/showcase/doc/dropdown/dropdowndoc.module.ts +++ b/src/app/showcase/doc/dropdown/dropdowndoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { ImportDoc } from './importdoc'; import { BasicDoc } from './basicdoc'; import { DropdownModule } from 'primeng/dropdown'; diff --git a/src/app/showcase/doc/dropdown/editabledoc.ts b/src/app/showcase/doc/dropdown/editabledoc.ts index cdaa99080d1..c5e526da2ab 100644 --- a/src/app/showcase/doc/dropdown/editabledoc.ts +++ b/src/app/showcase/doc/dropdown/editabledoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; interface City { @@ -8,21 +8,17 @@ interface City { @Component({ selector: 'dropdown-editable-demo', - template: `
      - + template: ` +

      When editable is present, the input can also be entered with typing.
      -
      ` + ` }) export class EditableDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - cities: City[] | undefined; selectedCity: City | undefined; @@ -38,8 +34,7 @@ export class EditableDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/dropdown/filterdoc.ts b/src/app/showcase/doc/dropdown/filterdoc.ts index 1761cfcce11..d18b3b6cc9e 100644 --- a/src/app/showcase/doc/dropdown/filterdoc.ts +++ b/src/app/showcase/doc/dropdown/filterdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'dropdown-filter-demo', - template: `
      - + template: ` +

      Dropdown provides built-in filtering that is enabled by adding the filter property.
      @@ -24,13 +24,9 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class FilterDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - countries: any[] | undefined; selectedCountry: string | undefined; @@ -51,8 +47,7 @@ export class FilterDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
      diff --git a/src/app/showcase/doc/dropdown/floatlabeldoc.ts b/src/app/showcase/doc/dropdown/floatlabeldoc.ts index cb96aedd1d2..6b0a85b56c1 100644 --- a/src/app/showcase/doc/dropdown/floatlabeldoc.ts +++ b/src/app/showcase/doc/dropdown/floatlabeldoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; interface City { @@ -8,24 +8,20 @@ interface City { @Component({ selector: 'dropdown-floatlabel-demo', - template: `
      - + template: ` +

      A floating label appears on top of the input field when focused.
      - +
      -
      ` + ` }) export class FloatLabelDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - cities: City[] | undefined; selectedCity: City | undefined; @@ -41,8 +37,7 @@ export class FloatLabelDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/dropdown/groupdoc.ts b/src/app/showcase/doc/dropdown/groupdoc.ts index 60d1e5a4da7..26b51af4b72 100644 --- a/src/app/showcase/doc/dropdown/groupdoc.ts +++ b/src/app/showcase/doc/dropdown/groupdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { SelectItemGroup } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'dropdown-group-demo', - template: `
      - + template: ` +

      Options can be grouped when a nested data structures is provided.
      @@ -19,13 +19,9 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class GroupDoc { - @Input() id: string; - - @Input() title: string; - groupedCities: SelectItemGroup[]; selectedCity: string | undefined; @@ -66,8 +62,7 @@ export class GroupDoc { } code: Code = { - basic: ` - + basic: `
      diff --git a/src/app/showcase/doc/dropdown/importdoc.ts b/src/app/showcase/doc/dropdown/importdoc.ts index c10ac9b1d28..d0f66a396ed 100644 --- a/src/app/showcase/doc/dropdown/importdoc.ts +++ b/src/app/showcase/doc/dropdown/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { DropdownModule } from 'primeng/dropdown';` }; diff --git a/src/app/showcase/doc/dropdown/reactiveformsdoc.ts b/src/app/showcase/doc/dropdown/reactiveformsdoc.ts index e456d5ad3fc..19fe88cffb7 100644 --- a/src/app/showcase/doc/dropdown/reactiveformsdoc.ts +++ b/src/app/showcase/doc/dropdown/reactiveformsdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @@ -9,23 +9,19 @@ interface City { @Component({ selector: 'reactive-forms-doc', - template: `
      - + template: ` +

      Dropdown can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
      - +
      -
      ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - cities: City[] | undefined; formGroup: FormGroup | undefined; @@ -45,15 +41,14 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
      - + basic: ` +
      `, html: `
      - +
      `, diff --git a/src/app/showcase/doc/dropdown/styledoc.ts b/src/app/showcase/doc/dropdown/styledoc.ts index 21b561c5272..d16edc4b17f 100644 --- a/src/app/showcase/doc/dropdown/styledoc.ts +++ b/src/app/showcase/doc/dropdown/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -62,10 +62,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/dropdown/templatedoc.ts b/src/app/showcase/doc/dropdown/templatedoc.ts index e8b1b2af2d4..0889eebd1d5 100644 --- a/src/app/showcase/doc/dropdown/templatedoc.ts +++ b/src/app/showcase/doc/dropdown/templatedoc.ts @@ -1,21 +1,21 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'dropdown-template-demo', - template: `
      - + template: ` +

      Both the selected option and the options list can be templated to provide customizated representation. Use selectedItem template to customize the selected label display and the item template to change the content of the options in the dropdown panel. In addition when grouping is enabled, group template is available to customize the option groups. All templates get the option instance as the default local template variable.

      - - -
      - -
      {{ selectedCountry.name }}
      + + +
      + +
      {{ selectedOption.name }}
       @@ -27,13 +27,9 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class TemplateDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - countries: any[] | undefined; selectedCountry: string | undefined; @@ -54,8 +50,7 @@ export class TemplateDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
      diff --git a/src/app/showcase/doc/dropdown/virtualscrolldoc.ts b/src/app/showcase/doc/dropdown/virtualscrolldoc.ts index 40dd53888b8..74d327ea7a0 100644 --- a/src/app/showcase/doc/dropdown/virtualscrolldoc.ts +++ b/src/app/showcase/doc/dropdown/virtualscrolldoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { SelectItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'dropdown-virtualscroll-demo', - template: `
      - + template: ` +

      VirtualScrolling is an efficient way of rendering the options by displaying a small subset of data in the viewport at any time. When dealing with huge number of options, it is suggested to enable VirtualScrolling to avoid performance issues. Usage is simple as setting virtualScroll property to true and defining virtualScrollItemSize to specify the height of an item. @@ -15,13 +15,9 @@ import { Code } from '../../domain/code';

      - ` + ` }) export class VirtualScrollDoc { - @Input() id: string; - - @Input() title: string; - items: SelectItem[]; selectedItem: string | undefined; @@ -34,8 +30,7 @@ export class VirtualScrollDoc { } code: Code = { - basic: ` -`, html: ` diff --git a/src/app/showcase/doc/dynamicdialog/basicdoc.ts b/src/app/showcase/doc/dynamicdialog/basicdoc.ts index 6c2af071afc..cde84dafa89 100644 --- a/src/app/showcase/doc/dynamicdialog/basicdoc.ts +++ b/src/app/showcase/doc/dynamicdialog/basicdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnDestroy } from '@angular/core'; +import { Component, OnDestroy } from '@angular/core'; import { MessageService } from 'primeng/api'; import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog'; import { Code } from '../../domain/code'; @@ -7,8 +7,8 @@ import { ProductListDemo } from './productlistdemo'; @Component({ selector: 'dynamic-dialog-basic-demo', - template: `
      - + template: ` +

      Dynamic dialogs require an instance of a DialogService that is responsible for displaying a dialog with a component as its content. Calling open method of DialogService will display dynamic dialog. First parameter of open method is the type of component to load and the second parameter is the configuration of the Dialog such as header, width and more. @@ -19,14 +19,10 @@ import { ProductListDemo } from './productlistdemo';

      - `, + `, providers: [DialogService, MessageService] }) export class BasicDoc implements OnDestroy { - @Input() id: string; - - @Input() title: string; - constructor(public dialogService: DialogService, public messageService: MessageService) {} ref: DynamicDialogRef | undefined; @@ -58,8 +54,7 @@ export class BasicDoc implements OnDestroy { } code: Code = { - basic: ` - + basic: ` `, html: ` diff --git a/src/app/showcase/doc/dynamicdialog/closedoc.ts b/src/app/showcase/doc/dynamicdialog/closedoc.ts index 2ce6f45e918..4c1bedb48d3 100644 --- a/src/app/showcase/doc/dynamicdialog/closedoc.ts +++ b/src/app/showcase/doc/dynamicdialog/closedoc.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog'; import { Code } from '../../domain/code'; @@ -7,22 +7,18 @@ import { ProductListDemo } from './productlistdemo'; @Component({ selector: 'close-doc', - template: `
      - + template: ` +

      Most of the time, requirement is returning a value from the dialog. DialogRef's close method is used for this purpose where the parameter passed will be available at the onClose event at the caller. Here is an example on how to close the dialog from the ProductListDemo by passing a selected product.

      -
      `, + `, providers: [DialogService, MessageService] }) export class CloseDoc { - @Input() id: string; - - @Input() title: string; - constructor(public dialogService: DialogService, public messageService: MessageService) {} ref: DynamicDialogRef | undefined; diff --git a/src/app/showcase/doc/dynamicdialog/dynamicdialogdoc.module.ts b/src/app/showcase/doc/dynamicdialog/dynamicdialogdoc.module.ts index a4672470d63..a144be3329d 100644 --- a/src/app/showcase/doc/dynamicdialog/dynamicdialogdoc.module.ts +++ b/src/app/showcase/doc/dynamicdialog/dynamicdialogdoc.module.ts @@ -7,7 +7,7 @@ import { ButtonModule } from 'primeng/button'; import { TableModule } from 'primeng/table'; import { ToastModule } from 'primeng/toast'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { OpenDoc } from './opendoc'; import { ImportDoc } from './importdoc'; import { StyleDoc } from './styledoc'; diff --git a/src/app/showcase/doc/dynamicdialog/importdoc.ts b/src/app/showcase/doc/dynamicdialog/importdoc.ts index c94affb6e11..b811df8a787 100644 --- a/src/app/showcase/doc/dynamicdialog/importdoc.ts +++ b/src/app/showcase/doc/dynamicdialog/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { DynamicDialogModule } from 'primeng/dynamicdialog';` }; diff --git a/src/app/showcase/doc/dynamicdialog/opendoc.ts b/src/app/showcase/doc/dynamicdialog/opendoc.ts index d5407002bd0..22d2ed49567 100644 --- a/src/app/showcase/doc/dynamicdialog/opendoc.ts +++ b/src/app/showcase/doc/dynamicdialog/opendoc.ts @@ -1,23 +1,19 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog'; import { Code } from '../../domain/code'; import { ProductListDemo } from './productlistdemo'; @Component({ selector: 'open-doc', - template: `
      - + template: ` +

      The open method of the DialogService is used to open a Dialog. First parameter is the component to load and second one is the configuration object to customize the Dialog.

       -
      `, + `, providers: [DialogService] }) export class OpenDoc { - @Input() id: string; - - @Input() title: string; - constructor(public dialogService: DialogService) {} ref: DynamicDialogRef | undefined; diff --git a/src/app/showcase/doc/dynamicdialog/passingdatadoc.ts b/src/app/showcase/doc/dynamicdialog/passingdatadoc.ts index 4c51da67527..ef7c687953c 100644 --- a/src/app/showcase/doc/dynamicdialog/passingdatadoc.ts +++ b/src/app/showcase/doc/dynamicdialog/passingdatadoc.ts @@ -1,26 +1,22 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog'; import { Code } from '../../domain/code'; import { ProductListDemo } from './productlistdemo'; @Component({ selector: 'passingdata-doc', - template: `
      - + template: ` +

      In case you need to pass data to the component that is dynamically loaded, use the data property that can be access using the DynamicDialogConfig class. In additon, the loaded component can also control the Dialog using the DynamicDialogRef API. Both the DynamicDialogConfig and DynamicDialogRef are injectable using the constructor.

      -
      `, + `, providers: [DialogService] }) export class PassingDataDoc { - @Input() id: string; - - @Input() title: string; - ref: DynamicDialogRef | undefined; constructor(public dialogService: DialogService) {} diff --git a/src/app/showcase/doc/dynamicdialog/productlistdemodoc.ts b/src/app/showcase/doc/dynamicdialog/productlistdemodoc.ts index 5d1e9186e07..d9f52edef27 100644 --- a/src/app/showcase/doc/dynamicdialog/productlistdemodoc.ts +++ b/src/app/showcase/doc/dynamicdialog/productlistdemodoc.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { DynamicDialogRef } from 'primeng/dynamicdialog'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; @@ -7,7 +7,7 @@ import { ProductService } from '../../service/productservice'; @Component({ selector: 'productlistdemo-doc', template: `
      - +

      ProductListDemo component used in examples above.
      @@ -41,10 +41,6 @@ import { ProductService } from '../../service/productservice'; providers: [DynamicDialogRef] }) export class ProductListDemoDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products: Product[]; constructor(private productService: ProductService, public ref: DynamicDialogRef, private cd: ChangeDetectorRef) {} @@ -72,8 +68,7 @@ export class ProductListDemoDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` Name diff --git a/src/app/showcase/doc/dynamicdialog/styledoc.ts b/src/app/showcase/doc/dynamicdialog/styledoc.ts index 351e186f1f0..6ff69224ee1 100644 --- a/src/app/showcase/doc/dynamicdialog/styledoc.ts +++ b/src/app/showcase/doc/dynamicdialog/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -50,10 +50,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/dynamicdialog/usagedoc.ts b/src/app/showcase/doc/dynamicdialog/usagedoc.ts index 478a39ef037..a586f785969 100644 --- a/src/app/showcase/doc/dynamicdialog/usagedoc.ts +++ b/src/app/showcase/doc/dynamicdialog/usagedoc.ts @@ -1,22 +1,18 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog'; import { Code } from '../../domain/code'; @Component({ selector: 'usage-doc', - template: `
      - + template: ` +

      To use dynamic dialog, a reference should be declared as DynamicDialogRef after the DialogService injected into the component.

       -
      `, + `, providers: [DialogService] }) export class UsageDoc { - @Input() id: string; - - @Input() title: string; - ref: DynamicDialogRef | undefined; constructor(public dialogService: DialogService) {} diff --git a/src/app/showcase/doc/editor/accessibilitydoc.ts b/src/app/showcase/doc/editor/accessibilitydoc.ts index f062c1a8e69..f62219c9aad 100644 --- a/src/app/showcase/doc/editor/accessibilitydoc.ts +++ b/src/app/showcase/doc/editor/accessibilitydoc.ts @@ -1,20 +1,14 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` -
      - -

      - Quill performs generally well in terms of accessibility. The elements in the toolbar can be tabbed and have the necessary ARIA roles/attributes for screen readers. One known limitation is the lack of arrow key support for - dropdowns in the toolbar that may be overcome with a custom toolbar. -

      -       -
      -       ` + template: `
      + +

      + Quill performs generally well in terms of accessibility. The elements in the toolbar can be tabbed and have the necessary ARIA roles/attributes for screen readers. One known limitation is the lack of arrow key support for + dropdowns in the toolbar that may be overcome with a custom toolbar. +

      +       +
      ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/editor/basicdoc.ts b/src/app/showcase/doc/editor/basicdoc.ts index cf24f9ad0be..58f85806f2b 100644 --- a/src/app/showcase/doc/editor/basicdoc.ts +++ b/src/app/showcase/doc/editor/basicdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'editor-basic-demo', - template: `
      - + template: ` +

      Editor provides a default toolbar with common options, to customize it define your elements inside the header element. Refer to Quill documentation for available controls.
      -
      ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - text: string | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/editor/customtoolbardoc.ts b/src/app/showcase/doc/editor/customtoolbardoc.ts index a7a0518b998..4d06cf84f93 100644 --- a/src/app/showcase/doc/editor/customtoolbardoc.ts +++ b/src/app/showcase/doc/editor/customtoolbardoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'editor-customtoolbar-demo', - template: `
      - + template: ` +

      Editor provides a default toolbar with common options, to customize it define your elements inside the header element. Refer to Quill documentation for available controls.
      @@ -19,18 +19,13 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class CustomToolbarDoc { - @Input() id: string; - - @Input() title: string; - text: string = 'Hello World!'; code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/editor/editordoc.module.ts b/src/app/showcase/doc/editor/editordoc.module.ts index f51b416b426..b0c0c69465a 100644 --- a/src/app/showcase/doc/editor/editordoc.module.ts +++ b/src/app/showcase/doc/editor/editordoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { DropdownModule } from 'primeng/dropdown'; import { ImportDoc } from './importdoc'; import { QuillDoc } from './quilldoc'; diff --git a/src/app/showcase/doc/editor/importdoc.ts b/src/app/showcase/doc/editor/importdoc.ts index be5b43f3cd1..17d77d060ce 100644 --- a/src/app/showcase/doc/editor/importdoc.ts +++ b/src/app/showcase/doc/editor/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { EditorModule } from 'primeng/editor';` }; diff --git a/src/app/showcase/doc/editor/quilldoc.ts b/src/app/showcase/doc/editor/quilldoc.ts index 6824200acd5..e00d9725e47 100644 --- a/src/app/showcase/doc/editor/quilldoc.ts +++ b/src/app/showcase/doc/editor/quilldoc.ts @@ -1,20 +1,16 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'quill-doc', - template: `
      - + template: ` +

      Editor uses Quill editor underneath so it needs to be installed as a dependency.

       -
      ` + ` }) export class QuillDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: `npm install quill` }; diff --git a/src/app/showcase/doc/editor/reactiveformsdoc.ts b/src/app/showcase/doc/editor/reactiveformsdoc.ts index f4a5e9d5635..1d9c873ae4e 100644 --- a/src/app/showcase/doc/editor/reactiveformsdoc.ts +++ b/src/app/showcase/doc/editor/reactiveformsdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
      - + template: ` +

      Editor can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
      @@ -14,13 +14,9 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - formGroup: FormGroup | undefined; ngOnInit() { @@ -30,8 +26,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
      + basic: `
      `, diff --git a/src/app/showcase/doc/editor/readonlydoc.ts b/src/app/showcase/doc/editor/readonlydoc.ts index 3af8f80e12a..50def218419 100644 --- a/src/app/showcase/doc/editor/readonlydoc.ts +++ b/src/app/showcase/doc/editor/readonlydoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'editor-readonly-demo', - template: `
      - + template: ` +

      When readonly is present, the value cannot be edited.
      -
      ` + ` }) export class ReadOnlyDoc { - @Input() id: string; - - @Input() title: string; - text: string = 'Always bet on Prime!'; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/editor/styledoc.ts b/src/app/showcase/doc/editor/styledoc.ts index 689df336770..f30cddcd6c8 100644 --- a/src/app/showcase/doc/editor/styledoc.ts +++ b/src/app/showcase/doc/editor/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -30,10 +30,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/fieldset/accessibilitydoc.ts b/src/app/showcase/doc/fieldset/accessibilitydoc.ts index e1d41c11107..c2e9057806c 100644 --- a/src/app/showcase/doc/fieldset/accessibilitydoc.ts +++ b/src/app/showcase/doc/fieldset/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
      - +

      Screen Reader

      Fieldset component uses the semantic fieldset element. When toggleable option is enabled, a clickable element with button role is included inside the legend element, this button has aria-controls to define @@ -43,8 +43,4 @@ import { Component, Input } from '@angular/core';

      ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/fieldset/basicdoc.ts b/src/app/showcase/doc/fieldset/basicdoc.ts index 2b6943ade15..26affa7ccca 100644 --- a/src/app/showcase/doc/fieldset/basicdoc.ts +++ b/src/app/showcase/doc/fieldset/basicdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'fieldset-basic-demo', - template: `
      - + template: ` +

      PrimeIcons is available at npm, run the following command to download it to your project.
      @@ -16,16 +16,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `

      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. diff --git a/src/app/showcase/doc/fieldset/fieldsetdoc.module.ts b/src/app/showcase/doc/fieldset/fieldsetdoc.module.ts index 992753f2112..cbccdb2852d 100644 --- a/src/app/showcase/doc/fieldset/fieldsetdoc.module.ts +++ b/src/app/showcase/doc/fieldset/fieldsetdoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { FieldsetModule } from 'primeng/fieldset'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { ImportDoc } from './importdoc'; diff --git a/src/app/showcase/doc/fieldset/importdoc.ts b/src/app/showcase/doc/fieldset/importdoc.ts index d3bb022e373..a4438a278dd 100644 --- a/src/app/showcase/doc/fieldset/importdoc.ts +++ b/src/app/showcase/doc/fieldset/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `

      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { FieldsetModule } from 'primeng/fieldset';` }; diff --git a/src/app/showcase/doc/fieldset/styledoc.ts b/src/app/showcase/doc/fieldset/styledoc.ts index b37fb308e90..6a4afdf232f 100644 --- a/src/app/showcase/doc/fieldset/styledoc.ts +++ b/src/app/showcase/doc/fieldset/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -34,10 +34,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/fieldset/templatedoc.ts b/src/app/showcase/doc/fieldset/templatedoc.ts index b640799f10b..272f52aa23c 100644 --- a/src/app/showcase/doc/fieldset/templatedoc.ts +++ b/src/app/showcase/doc/fieldset/templatedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'fieldset-template-demo', - template: `
      - + template: ` +

      Legend section can also be defined with custom content instead of primitive values.
      @@ -19,16 +19,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `
      diff --git a/src/app/showcase/doc/fieldset/toggleabledoc.ts b/src/app/showcase/doc/fieldset/toggleabledoc.ts index 8ea7e190478..79585a8e477 100644 --- a/src/app/showcase/doc/fieldset/toggleabledoc.ts +++ b/src/app/showcase/doc/fieldset/toggleabledoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'fieldset-toggleable-demo', - template: `
      - + template: ` +

      Content of the fieldset can be expanded and collapsed using toggleable option, default state is defined with collapsed option.
      @@ -16,16 +16,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class ToggleableDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `

      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. diff --git a/src/app/showcase/doc/fileupload/accessibilitydoc.ts b/src/app/showcase/doc/fileupload/accessibilitydoc.ts index 3fd71984f98..2e17d6a38e4 100644 --- a/src/app/showcase/doc/fileupload/accessibilitydoc.ts +++ b/src/app/showcase/doc/fileupload/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: ` - +

      Screen Reader

      FileUpload uses a hidden native input element with type="file" for screen readers.

      Keyboard Support

      @@ -11,8 +11,4 @@ import { Component, Input } from '@angular/core'; ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/fileupload/advanceddoc.ts b/src/app/showcase/doc/fileupload/advanceddoc.ts index ae37bf4056f..08b0f12e8db 100644 --- a/src/app/showcase/doc/fileupload/advanceddoc.ts +++ b/src/app/showcase/doc/fileupload/advanceddoc.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @@ -9,8 +9,7 @@ interface UploadEvent { @Component({ selector: 'file-upload-advanced-demo', - template: `
      - + template: `
      @@ -25,14 +24,10 @@ interface UploadEvent {
      -
      `, + `, providers: [MessageService] }) export class AdvancedDoc { - @Input() id: string; - - @Input() title: string; - uploadedFiles: any[] = []; constructor(private messageService: MessageService) {} @@ -46,8 +41,7 @@ export class AdvancedDoc { } code: Code = { - basic: ` - + basic: `
      • {{ file.name }} - {{ file.size }} bytes
        • diff --git a/src/app/showcase/doc/fileupload/autodoc.ts b/src/app/showcase/doc/fileupload/autodoc.ts index 49176aab59b..01a59978baa 100644 --- a/src/app/showcase/doc/fileupload/autodoc.ts +++ b/src/app/showcase/doc/fileupload/autodoc.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @@ -9,8 +9,8 @@ interface UploadEvent { @Component({ selector: 'file-upload-auto-demo', - template: `
        - + template: ` +

        When auto property is enabled, a file gets uploaded instantly after selection.
        @@ -18,14 +18,10 @@ interface UploadEvent {
        -
        `, + `, providers: [MessageService] }) export class AutoDoc { - @Input() id: string; - - @Input() title: string; - constructor(private messageService: MessageService) {} onBasicUploadAuto(event: UploadEvent) { @@ -33,8 +29,7 @@ export class AutoDoc { } code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/fileupload/basicdoc.ts b/src/app/showcase/doc/fileupload/basicdoc.ts index 8cb437d60eb..15c65102bac 100644 --- a/src/app/showcase/doc/fileupload/basicdoc.ts +++ b/src/app/showcase/doc/fileupload/basicdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @@ -9,8 +9,8 @@ interface UploadEvent { @Component({ selector: 'file-upload-basic-demo', - template: `
        - + template: ` +

        FileUpload basic mode provides a simpler UI as an alternative to default advanced mode.
        @@ -18,14 +18,10 @@ interface UploadEvent {
        -
        `, + `, providers: [MessageService] }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - constructor(private messageService: MessageService) {} onUpload(event: UploadEvent) { @@ -33,8 +29,7 @@ export class BasicDoc { } code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/fileupload/customdoc.ts b/src/app/showcase/doc/fileupload/customdoc.ts index a6ef4e1bd00..b3a36227d98 100644 --- a/src/app/showcase/doc/fileupload/customdoc.ts +++ b/src/app/showcase/doc/fileupload/customdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'file-upload-custom-demo', - template: `
        - + template: ` +

        FileUpload basic mode provides a simpler UI as an alternative to default advanced mode.
        @@ -13,14 +13,10 @@ import { Code } from '../../domain/code';
        -
        `, + `, providers: [MessageService] }) export class CustomDoc { - @Input() id: string; - - @Input() title: string; - constructor(private messageService: MessageService) {} async customUploader(event) { @@ -38,8 +34,7 @@ export class CustomDoc { } code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/fileupload/fileuploaddoc.module.ts b/src/app/showcase/doc/fileupload/fileuploaddoc.module.ts index 0226dffcfc4..0a33bde6280 100644 --- a/src/app/showcase/doc/fileupload/fileuploaddoc.module.ts +++ b/src/app/showcase/doc/fileupload/fileuploaddoc.module.ts @@ -8,7 +8,7 @@ import { ToastModule } from 'primeng/toast'; import { TagModule } from 'primeng/tag'; import { ProgressBarModule } from 'primeng/progressbar'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AdvancedDoc } from './advanceddoc'; import { BasicDoc } from './basicdoc'; import { ImportDoc } from './importdoc'; diff --git a/src/app/showcase/doc/fileupload/importdoc.ts b/src/app/showcase/doc/fileupload/importdoc.ts index 03ddb514e27..7974a08e585 100644 --- a/src/app/showcase/doc/fileupload/importdoc.ts +++ b/src/app/showcase/doc/fileupload/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'file-upload-import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { FileUploadModule } from 'primeng/fileupload';` }; diff --git a/src/app/showcase/doc/fileupload/styledoc.ts b/src/app/showcase/doc/fileupload/styledoc.ts index cbe83404ab4..11c69438322 100644 --- a/src/app/showcase/doc/fileupload/styledoc.ts +++ b/src/app/showcase/doc/fileupload/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
        - + template: ` +

        Following is the list of structural style classes, for theming classes visit theming page.
        @@ -30,10 +30,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/fileupload/templatedoc.ts b/src/app/showcase/doc/fileupload/templatedoc.ts index c262189b90e..37ea877fee4 100644 --- a/src/app/showcase/doc/fileupload/templatedoc.ts +++ b/src/app/showcase/doc/fileupload/templatedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'file-upload-template-demo', - template: `
        - + template: ` +

        Uploader UI is customizable using a ng-template called file that gets the File instance as the implicit variable. Second ng-template named content can be used to place custom content inside the content section which would be useful to implement a user interface to manage the uploaded files such as removing them. This template gets the selected files as the implicit variable. Third and final ng-template @@ -25,16 +25,11 @@ import { Code } from '../../domain/code';

        - ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `
        Upload 3 Files
         diff --git a/src/app/showcase/doc/filterservice/apidoc.ts b/src/app/showcase/doc/filterservice/apidoc.ts index fa61a46d642..ca6fc9a4172 100644 --- a/src/app/showcase/doc/filterservice/apidoc.ts +++ b/src/app/showcase/doc/filterservice/apidoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'api-doc', - template: `
        - + template: ` +

        Following is the list of structural style classes, for theming classes visit theming page.
        @@ -43,10 +43,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class ApiDoc { - @Input() id: string; - - @Input() title: string; -} +export class ApiDoc {} diff --git a/src/app/showcase/doc/filterservice/builtinconstraintsdoc.ts b/src/app/showcase/doc/filterservice/builtinconstraintsdoc.ts index b1f392b0ce5..27c0cfc113d 100644 --- a/src/app/showcase/doc/filterservice/builtinconstraintsdoc.ts +++ b/src/app/showcase/doc/filterservice/builtinconstraintsdoc.ts @@ -1,9 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'built-in-constraints-doc', - template: `
        - + template: `
        @@ -143,10 +142,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class BuiltInConstraintsDoc { - @Input() id: string; - - @Input() title: string; -} +export class BuiltInConstraintsDoc {} diff --git a/src/app/showcase/doc/filterservice/customconstraintsdoc.ts b/src/app/showcase/doc/filterservice/customconstraintsdoc.ts index 2e21f3f2af5..c7b20e7f002 100644 --- a/src/app/showcase/doc/filterservice/customconstraintsdoc.ts +++ b/src/app/showcase/doc/filterservice/customconstraintsdoc.ts @@ -1,20 +1,16 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'custom-constraints-doc', - template: `
        - + template: ` +

        FilterService can be extended by adding new constraints using the register function.

         -
        ` + ` }) export class CustomConstraintsDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `this.filterService.register('isPrimeNumber', (value, filter): boolean => { if (filter === undefined || filter === null || filter.trim() === '') { diff --git a/src/app/showcase/doc/filterservice/filterservicedoc.module.ts b/src/app/showcase/doc/filterservice/filterservicedoc.module.ts index 7a88ccea071..6284eb228a4 100644 --- a/src/app/showcase/doc/filterservice/filterservicedoc.module.ts +++ b/src/app/showcase/doc/filterservice/filterservicedoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { TableModule } from 'primeng/table'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { ApiDoc } from './apidoc'; import { BuiltInConstraintsDoc } from './builtinconstraintsdoc'; import { CustomConstraintsDoc } from './customconstraintsdoc'; diff --git a/src/app/showcase/doc/filterservice/importdoc.ts b/src/app/showcase/doc/filterservice/importdoc.ts index 8ed31b59484..38e06f2406d 100644 --- a/src/app/showcase/doc/filterservice/importdoc.ts +++ b/src/app/showcase/doc/filterservice/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { FilterService } from 'primeng/api';` }; diff --git a/src/app/showcase/doc/filterservice/tableintegrationdoc.ts b/src/app/showcase/doc/filterservice/tableintegrationdoc.ts index 5cc74604eab..05a54a14430 100644 --- a/src/app/showcase/doc/filterservice/tableintegrationdoc.ts +++ b/src/app/showcase/doc/filterservice/tableintegrationdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FilterMatchMode, FilterService, SelectItem } from 'primeng/api'; import { Car } from '../../domain/car'; import { Code } from '../../domain/code'; @@ -6,8 +6,8 @@ import { CarService } from '../../service/carservice'; @Component({ selector: 'filter-service-table-integration-demo', - template: `
        - + template: ` +

        A custom equals filter that checks for exact case sensitive value is registered and defined as a match mode of a column filter.
        @@ -30,14 +30,10 @@ import { CarService } from '../../service/carservice';
        -
        `, + `, providers: [FilterService] }) export class TableIntegrationDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - cars: Car[]; cols: any[]; @@ -78,8 +74,7 @@ export class TableIntegrationDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/filterservice/usagedoc.ts b/src/app/showcase/doc/filterservice/usagedoc.ts index fbefdb95ba7..68595863c9e 100644 --- a/src/app/showcase/doc/filterservice/usagedoc.ts +++ b/src/app/showcase/doc/filterservice/usagedoc.ts @@ -1,20 +1,16 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'usage-doc', - template: `
        - + template: ` +

        FilterService needs to be injected into your component. Filters are accessed with FilterService.filters.

         -
        ` + ` }) export class UsageDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `export class FilterServiceDemo implements OnInit { diff --git a/src/app/showcase/doc/focustrap/basicdoc.ts b/src/app/showcase/doc/focustrap/basicdoc.ts index 24fd8eb0a2f..4523f9a9b16 100644 --- a/src/app/showcase/doc/focustrap/basicdoc.ts +++ b/src/app/showcase/doc/focustrap/basicdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'focus-trap-basic-demo', - template: `
        - + template: ` +

        FocusTrap is applied to a container element with the pFocusTrap directive.
        @@ -37,13 +37,9 @@ import { Code } from '../../domain/code';
        - ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - selectedCity: string | undefined; cities = [ @@ -55,8 +51,7 @@ export class BasicDoc { ]; code: Code = { - basic: ` -
        + basic: `

        Input

        diff --git a/src/app/showcase/doc/focustrap/focustrapdoc.module.ts b/src/app/showcase/doc/focustrap/focustrapdoc.module.ts index 236d4ccb7ea..12b0d3fa0b1 100644 --- a/src/app/showcase/doc/focustrap/focustrapdoc.module.ts +++ b/src/app/showcase/doc/focustrap/focustrapdoc.module.ts @@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { FormsModule } from '@angular/forms'; import { ButtonModule } from 'primeng/button'; import { InputTextModule } from 'primeng/inputtext'; diff --git a/src/app/showcase/doc/focustrap/importdoc.ts b/src/app/showcase/doc/focustrap/importdoc.ts index 1509174acd2..eb01aa139aa 100644 --- a/src/app/showcase/doc/focustrap/importdoc.ts +++ b/src/app/showcase/doc/focustrap/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { FocusTrapModule } from 'primeng/focustrap';` }; diff --git a/src/app/showcase/doc/galleria/accessibilitydoc.ts b/src/app/showcase/doc/galleria/accessibilitydoc.ts index a0e0eeb39be..88f2e7d1093 100644 --- a/src/app/showcase/doc/galleria/accessibilitydoc.ts +++ b/src/app/showcase/doc/galleria/accessibilitydoc.ts @@ -1,8 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` + template: `

        Screen Reader

        Galleria uses region role and since any attribute is passed to the main container element, attributes such as aria-label and aria-roledescription can be used as well. The slides container has @@ -91,8 +91,4 @@ import { Component, Input } from '@angular/core';

        ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/galleria/advanceddoc.ts b/src/app/showcase/doc/galleria/advanceddoc.ts index a989bcd9caa..78ec53ffc61 100644 --- a/src/app/showcase/doc/galleria/advanceddoc.ts +++ b/src/app/showcase/doc/galleria/advanceddoc.ts @@ -1,16 +1,16 @@ import { isPlatformBrowser } from '@angular/common'; -import { ChangeDetectorRef, Component, Inject, Input, OnDestroy, OnInit, PLATFORM_ID, ViewChild } from '@angular/core'; +import { ChangeDetectorRef, Component, Inject, OnDestroy, OnInit, PLATFORM_ID, ViewChild } from '@angular/core'; import { Galleria } from 'primeng/galleria'; import { Code } from '../../domain/code'; import { PhotoService } from '../../service/photoservice'; @Component({ selector: 'galleria-advanced-doc', - template: `
        - + template: ` +

        Galleria can be extended further to implement complex requirements.

         -
        +
        -
        ` + ` }) export class AdvancedDoc implements OnInit, OnDestroy { - @Input() id: string; - - @Input() title: string; - images: any[] | undefined; showThumbnails: boolean | undefined; @@ -171,8 +167,7 @@ export class AdvancedDoc implements OnInit, OnDestroy { } code: Code = { - basic: ` - `, html: ` -
        +
        diff --git a/src/app/showcase/doc/galleria/autoplaydoc.ts b/src/app/showcase/doc/galleria/autoplaydoc.ts index debefb4b489..7fb7b0ce6db 100644 --- a/src/app/showcase/doc/galleria/autoplaydoc.ts +++ b/src/app/showcase/doc/galleria/autoplaydoc.ts @@ -1,14 +1,14 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { PhotoService } from '../../service/photoservice'; @Component({ selector: 'galleria-autoplay-demo', - template: `
        - + template: ` +

        A slideshow implementation is defined by adding circular and autoPlay properties.

         -
        +
        @@ -21,13 +21,9 @@ import { PhotoService } from '../../service/photoservice';
        -
        ` + ` }) export class AutoPlayDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - images: any[] | undefined; responsiveOptions: any[] = [ @@ -52,8 +48,7 @@ export class AutoPlayDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -64,7 +59,7 @@ export class AutoPlayDoc implements OnInit {         `, html: ` -
        +
        diff --git a/src/app/showcase/doc/galleria/basicdoc.ts b/src/app/showcase/doc/galleria/basicdoc.ts index 6b07d143fb8..f48743e740b 100644 --- a/src/app/showcase/doc/galleria/basicdoc.ts +++ b/src/app/showcase/doc/galleria/basicdoc.ts @@ -1,14 +1,14 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { PhotoService } from '../../service/photoservice'; @Component({ selector: 'galleria-basic-demo', - template: `
        - + template: ` +

        Galleria requires a value as a collection of images, item template for the higher resolution image and thumbnail template to display as a thumbnail.

         -
        +
        @@ -21,13 +21,9 @@ import { PhotoService } from '../../service/photoservice';
        -
        ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - images: any[] | undefined; responsiveOptions: any[] | undefined; @@ -53,8 +49,7 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -65,7 +60,7 @@ export class BasicDoc implements OnInit {         `, html: ` -
        +
        diff --git a/src/app/showcase/doc/galleria/captiondoc.ts b/src/app/showcase/doc/galleria/captiondoc.ts index 99805c56869..25119037256 100644 --- a/src/app/showcase/doc/galleria/captiondoc.ts +++ b/src/app/showcase/doc/galleria/captiondoc.ts @@ -1,14 +1,14 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { PhotoService } from '../../service/photoservice'; @Component({ selector: 'galleria-caption-demo', - template: `
        - + template: ` +

        Description of an image is specified with the caption template.

         -
        +
        @@ -25,13 +25,9 @@ import { PhotoService } from '../../service/photoservice';
        -
        ` + ` }) export class CaptionDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - images: any[] | undefined; responsiveOptions: any[] = [ @@ -56,8 +52,7 @@ export class CaptionDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -73,7 +68,7 @@ export class CaptionDoc implements OnInit { `, html: ` -
        +
        diff --git a/src/app/showcase/doc/galleria/controlleddoc.ts b/src/app/showcase/doc/galleria/controlleddoc.ts index 38d267df8d6..3bdd27703ee 100644 --- a/src/app/showcase/doc/galleria/controlleddoc.ts +++ b/src/app/showcase/doc/galleria/controlleddoc.ts @@ -1,14 +1,14 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { PhotoService } from '../../service/photoservice'; @Component({ selector: 'galleria-controlled-demo', - template: `
        - + template: ` +

        Galleria can be controlled programmatically using the activeIndex property.

         -
        +
        @@ -25,13 +25,9 @@ import { PhotoService } from '../../service/photoservice';
        -
        ` + ` }) export class ControlledDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - images: any[] | undefined; get activeIndex(): number { @@ -76,8 +72,7 @@ export class ControlledDoc implements OnInit { } code: Code = { - basic: ` -
        + basic: `
        @@ -92,7 +87,7 @@ export class ControlledDoc implements OnInit { `, html: ` -
        +
        diff --git a/src/app/showcase/doc/galleria/fullscreen/customcontentdoc.ts b/src/app/showcase/doc/galleria/fullscreen/customcontentdoc.ts index 191dc782efd..fd23a660eb7 100644 --- a/src/app/showcase/doc/galleria/fullscreen/customcontentdoc.ts +++ b/src/app/showcase/doc/galleria/fullscreen/customcontentdoc.ts @@ -1,15 +1,14 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; -import { AppDocSectionTextComponent } from 'src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../../domain/code'; import { PhotoService } from '../../../service/photoservice'; @Component({ selector: 'template-doc', - template: `
        - + template: ` +

        Using activeIndex, Galleria is displayed with a specific initial image.

         -
        +
        @@ -33,15 +32,9 @@ import { PhotoService } from '../../../service/photoservice';
        -
        ` + ` }) export class FullScreenTemplateDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - displayCustom: boolean | undefined; activeIndex: number = 0; @@ -79,8 +72,7 @@ export class FullScreenTemplateDoc implements OnInit { } code: Code = { - basic: ` - `, html: ` -
        +
        diff --git a/src/app/showcase/doc/galleria/fullscreen/withoutthumbnailsdoc.ts b/src/app/showcase/doc/galleria/fullscreen/withoutthumbnailsdoc.ts index 66e62229f2f..054b6b2750f 100644 --- a/src/app/showcase/doc/galleria/fullscreen/withoutthumbnailsdoc.ts +++ b/src/app/showcase/doc/galleria/fullscreen/withoutthumbnailsdoc.ts @@ -1,12 +1,11 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; -import { AppDocSectionTextComponent } from 'src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../../domain/code'; import { PhotoService } from '../../../service/photoservice'; @Component({ selector: 'without-thumbnails-doc', - template: `
        - + template: ` +

        Thumbnails can also be hidden in full screen mode.
        @@ -28,15 +27,9 @@ import { PhotoService } from '../../../service/photoservice';
        -
        ` + ` }) export class WithoutThumbnailsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - displayBasic: boolean | undefined; images: any[] | undefined; @@ -67,8 +60,7 @@ export class WithoutThumbnailsDoc implements OnInit { } code: Code = { - basic: ` - - + template: ` +

        Full screen mode is enabled by adding fullScreen property.
        @@ -23,15 +22,9 @@ import { PhotoService } from '../../../service/photoservice';
        - ` + ` }) export class WithThumbnailsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - displayBasic: boolean | undefined; images: any[] | undefined; @@ -62,8 +55,7 @@ export class WithThumbnailsDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/galleria/galleriadoc.module.ts b/src/app/showcase/doc/galleria/galleriadoc.module.ts index 885439770d9..2b57989146a 100644 --- a/src/app/showcase/doc/galleria/galleriadoc.module.ts +++ b/src/app/showcase/doc/galleria/galleriadoc.module.ts @@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { GalleriaModule } from 'primeng/galleria'; import { FormsModule } from '@angular/forms'; import { ButtonModule } from 'primeng/button'; diff --git a/src/app/showcase/doc/galleria/importdoc.ts b/src/app/showcase/doc/galleria/importdoc.ts index 040f7a1fcb0..5280fa1d0b3 100644 --- a/src/app/showcase/doc/galleria/importdoc.ts +++ b/src/app/showcase/doc/galleria/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { GalleriaModule } from 'primeng/galleria';` }; diff --git a/src/app/showcase/doc/galleria/indicator/clickeventdoc.ts b/src/app/showcase/doc/galleria/indicator/clickeventdoc.ts index 5f3e8d3ffe6..fcbdf6e8183 100644 --- a/src/app/showcase/doc/galleria/indicator/clickeventdoc.ts +++ b/src/app/showcase/doc/galleria/indicator/clickeventdoc.ts @@ -1,15 +1,14 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; -import { AppDocSectionTextComponent } from 'src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../../domain/code'; import { PhotoService } from '../../../service/photoservice'; @Component({ selector: 'click-event-doc', - template: `
        - + template: ` +

        Indicators are displayed at the bottom by enabling showIndicators property and interacted with the click event by default.

         -
        +
        @@ -17,15 +16,9 @@ import { PhotoService } from '../../../service/photoservice';
        -
        ` + ` }) export class ClickEventDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - images: any[] | undefined; responsiveOptions: any[] = [ @@ -52,14 +45,13 @@ export class ClickEventDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` `, html: ` -
        +
        diff --git a/src/app/showcase/doc/galleria/indicator/hovereventdoc.ts b/src/app/showcase/doc/galleria/indicator/hovereventdoc.ts index 4c31602b45f..9f5a2c74243 100644 --- a/src/app/showcase/doc/galleria/indicator/hovereventdoc.ts +++ b/src/app/showcase/doc/galleria/indicator/hovereventdoc.ts @@ -1,15 +1,14 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; -import { AppDocSectionTextComponent } from 'src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../../domain/code'; import { PhotoService } from '../../../service/photoservice'; @Component({ selector: 'hover-event-doc', - template: `
        - + template: ` +

        Indicators can be activated on hover instead of click if changeItemOnIndicatorHover is added.

         -
        +
        @@ -17,15 +16,9 @@ import { PhotoService } from '../../../service/photoservice';
        -
        ` + ` }) export class HoverEventDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - images: any[] | undefined; responsiveOptions: any[] = [ @@ -52,14 +45,13 @@ export class HoverEventDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` `, html: ` -
        +
        diff --git a/src/app/showcase/doc/galleria/indicator/positioneddoc.ts b/src/app/showcase/doc/galleria/indicator/positioneddoc.ts index 95e61204565..73c81566e83 100644 --- a/src/app/showcase/doc/galleria/indicator/positioneddoc.ts +++ b/src/app/showcase/doc/galleria/indicator/positioneddoc.ts @@ -1,18 +1,17 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; -import { AppDocSectionTextComponent } from 'src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../../domain/code'; import { PhotoService } from '../../../service/photoservice'; @Component({ selector: 'positioned-doc', - template: `
        - + template: ` +

        Indicators can be placed at four different sides using the indicatorsPosition property. In addition, enabling showIndicatorsOnItem moves the indicators inside the image section. indicatorsPosition set to bottom by default, accepted values are top, left, right, and bottom.

        -
        +
        @@ -34,18 +33,12 @@ import { PhotoService } from '../../../service/photoservice';
        -
        ` + ` }) export class PositionedDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - images: any[] | undefined; - position: string = 'top'; + position: string = 'bottom'; showIndicatorsOnItem: boolean = false; @@ -92,8 +85,7 @@ export class PositionedDoc implements OnInit { } code: Code = { - basic: ` - `, html: ` -
        +
        @@ -131,7 +123,7 @@ import { PhotoService } from '../../service/photoservice'; export class GalleriaIndicatorPositionedDemo implements OnInit { images: any[] | undefined; - position: string = 'top'; + position: string = 'bottom'; showIndicatorsOnItem: boolean = false; diff --git a/src/app/showcase/doc/galleria/indicator/templatedoc.ts b/src/app/showcase/doc/galleria/indicator/templatedoc.ts index c9e4f6b2c4f..6af439572a5 100644 --- a/src/app/showcase/doc/galleria/indicator/templatedoc.ts +++ b/src/app/showcase/doc/galleria/indicator/templatedoc.ts @@ -1,15 +1,14 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; -import { AppDocSectionTextComponent } from 'src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../../domain/code'; import { PhotoService } from '../../../service/photoservice'; @Component({ selector: 'template-doc', - template: `
        - + template: ` +

        Indicator content can be customized with the indicator template.

         -
        +
        @@ -22,15 +21,9 @@ import { PhotoService } from '../../../service/photoservice';
        -
        ` + ` }) export class TemplateDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - images: any[] | undefined; responsiveOptions: any[] = [ @@ -57,8 +50,7 @@ export class TemplateDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -69,7 +61,7 @@ export class TemplateDoc implements OnInit { `, html: ` -
        +
        diff --git a/src/app/showcase/doc/galleria/navigator/hoverdoc.ts b/src/app/showcase/doc/galleria/navigator/hoverdoc.ts index 8015a3a6bf6..95086690e71 100644 --- a/src/app/showcase/doc/galleria/navigator/hoverdoc.ts +++ b/src/app/showcase/doc/galleria/navigator/hoverdoc.ts @@ -1,15 +1,14 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; -import { AppDocSectionTextComponent } from 'src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../../domain/code'; import { PhotoService } from '../../../service/photoservice'; @Component({ selector: 'hover-doc', - template: `
        - + template: ` +

        Navigators are displayed on hover only if showItemNavigatorsOnHover is enabled.

         -
        +
        @@ -22,16 +21,10 @@ import { PhotoService } from '../../../service/photoservice';
        -
        `, + `, providers: [PhotoService] }) export class HoverDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - images: any[] | undefined; responsiveOptions: any[] = [ @@ -58,8 +51,7 @@ export class HoverDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -70,7 +62,7 @@ export class HoverDoc implements OnInit {         `, html: ` -
        +
        diff --git a/src/app/showcase/doc/galleria/navigator/indicatorsdoc.ts b/src/app/showcase/doc/galleria/navigator/indicatorsdoc.ts index 93361822940..4817c345a1d 100644 --- a/src/app/showcase/doc/galleria/navigator/indicatorsdoc.ts +++ b/src/app/showcase/doc/galleria/navigator/indicatorsdoc.ts @@ -1,15 +1,14 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; -import { AppDocSectionTextComponent } from 'src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../../domain/code'; import { PhotoService } from '../../../service/photoservice'; @Component({ selector: 'indicators-doc', - template: `
        - + template: ` +

        Navigators and Indicators can be combined as well.

         -
        +
        -
        `, + `, providers: [PhotoService] }) export class IndicatorsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - images: any[] | undefined; responsiveOptions: any[] = [ @@ -66,8 +59,7 @@ export class IndicatorsDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -78,7 +70,7 @@ export class IndicatorsDoc implements OnInit {         `, html: ` -
        +
        diff --git a/src/app/showcase/doc/galleria/navigator/itemthumbnailsdoc.ts b/src/app/showcase/doc/galleria/navigator/itemthumbnailsdoc.ts index 73f9092bfc7..e78f8305138 100644 --- a/src/app/showcase/doc/galleria/navigator/itemthumbnailsdoc.ts +++ b/src/app/showcase/doc/galleria/navigator/itemthumbnailsdoc.ts @@ -1,15 +1,14 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; -import { AppDocSectionTextComponent } from 'src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../../domain/code'; import { PhotoService } from '../../../service/photoservice'; @Component({ selector: 'itemthumbnails-doc', - template: `
        - + template: ` +

        Add showItemNavigators to display navigator elements and the left and right side.

         -
        +
        @@ -22,16 +21,10 @@ import { PhotoService } from '../../../service/photoservice';
        -
        `, + `, providers: [PhotoService] }) export class ItemThumbnailsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - images: any[] | undefined; responsiveOptions: any[] = [ @@ -58,8 +51,7 @@ export class ItemThumbnailsDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -70,7 +62,7 @@ export class ItemThumbnailsDoc implements OnInit {         `, html: ` -
        +
        diff --git a/src/app/showcase/doc/galleria/navigator/itemwithoutthumbnailsdoc.ts b/src/app/showcase/doc/galleria/navigator/itemwithoutthumbnailsdoc.ts index 72bc8a4692a..79328ea2d0d 100644 --- a/src/app/showcase/doc/galleria/navigator/itemwithoutthumbnailsdoc.ts +++ b/src/app/showcase/doc/galleria/navigator/itemwithoutthumbnailsdoc.ts @@ -1,15 +1,14 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; -import { AppDocSectionTextComponent } from 'src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../../domain/code'; import { PhotoService } from '../../../service/photoservice'; @Component({ selector: 'itemwithoutthumbnails-doc', - template: `
        - + template: ` +

        Simple example with indicators only.

         -
        +
        @@ -17,16 +16,10 @@ import { PhotoService } from '../../../service/photoservice';
        -
        `, + `, providers: [PhotoService] }) export class ItemWithoutThumbnailsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - images: any[] | undefined; responsiveOptions: any[] = [ @@ -53,14 +46,13 @@ export class ItemWithoutThumbnailsDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` `, html: ` -
        +
        diff --git a/src/app/showcase/doc/galleria/responsivedoc.ts b/src/app/showcase/doc/galleria/responsivedoc.ts index ccf5fdb7126..f027b420ac9 100644 --- a/src/app/showcase/doc/galleria/responsivedoc.ts +++ b/src/app/showcase/doc/galleria/responsivedoc.ts @@ -1,14 +1,14 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { PhotoService } from '../../service/photoservice'; @Component({ selector: 'galleria-responsive-demo', - template: `
        - + template: ` +

        Galleria responsiveness is defined with the responsiveOptions property.

         -
        +
        @@ -21,13 +21,9 @@ import { PhotoService } from '../../service/photoservice';
        -
        ` + ` }) export class ResponsiveDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - images: any[] | undefined; responsiveOptions: any[] = [ @@ -52,8 +48,7 @@ export class ResponsiveDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -64,7 +59,7 @@ export class ResponsiveDoc implements OnInit {         `, html: ` -
        +
        diff --git a/src/app/showcase/doc/galleria/styledoc.ts b/src/app/showcase/doc/galleria/styledoc.ts index 7b22f7a5613..1d278ca9a56 100644 --- a/src/app/showcase/doc/galleria/styledoc.ts +++ b/src/app/showcase/doc/galleria/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
        - + template: ` +

        Following is the list of structural style classes, for theming classes visit theming page.
        @@ -54,10 +54,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/galleria/thumbnaildoc.ts b/src/app/showcase/doc/galleria/thumbnaildoc.ts index 41904c46a92..150e0e47d00 100644 --- a/src/app/showcase/doc/galleria/thumbnaildoc.ts +++ b/src/app/showcase/doc/galleria/thumbnaildoc.ts @@ -1,14 +1,14 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { PhotoService } from '../../service/photoservice'; @Component({ selector: 'galleria-thumbnail-demo', - template: `
        - + template: ` +

        Galleria can be controlled programmatically using the activeIndex property.

         -
        +
        @@ -24,13 +24,9 @@ import { PhotoService } from '../../service/photoservice';
        -
        ` + ` }) export class ThumbnailDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - images: any[] | undefined; position: string = 'bottom'; @@ -76,8 +72,7 @@ export class ThumbnailDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -88,7 +83,7 @@ export class ThumbnailDoc implements OnInit {         `, html: ` -
        +
        diff --git a/src/app/showcase/doc/icons/basicdoc.ts b/src/app/showcase/doc/icons/basicdoc.ts index bbc1e0d630b..1cf080c4bc4 100644 --- a/src/app/showcase/doc/icons/basicdoc.ts +++ b/src/app/showcase/doc/icons/basicdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
        - + template: ` +

        PrimeIcons use the pi pi-{icon} syntax such as pi pi-check. A standalone icon can be displayed using an element such as i or span
        @@ -14,16 +14,11 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` ` diff --git a/src/app/showcase/doc/icons/colordoc.ts b/src/app/showcase/doc/icons/colordoc.ts index b5d5a45bf8f..57305407855 100644 --- a/src/app/showcase/doc/icons/colordoc.ts +++ b/src/app/showcase/doc/icons/colordoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'color-doc', - template: `
        - + template: ` +

        Icon color is defined with the color property which is inherited from parent by default.
        @@ -14,13 +14,9 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class ColorDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: ` diff --git a/src/app/showcase/doc/icons/constantsdoc.ts b/src/app/showcase/doc/icons/constantsdoc.ts index 37c25d5b1f2..a30018abd42 100644 --- a/src/app/showcase/doc/icons/constantsdoc.ts +++ b/src/app/showcase/doc/icons/constantsdoc.ts @@ -1,24 +1,20 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MenuItem, PrimeIcons } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'prime-icons-constants-demo', - template: `
        - + template: ` +

        Constants API is available to reference icons easily when used programmatically.
        -
        ` + ` }) export class ConstantsDoc { - @Input() id: string; - - @Input() title: string; - items: MenuItem[]; ngOnInit() { diff --git a/src/app/showcase/doc/icons/downloaddoc.ts b/src/app/showcase/doc/icons/downloaddoc.ts index e18689243f8..495f0f53ac8 100644 --- a/src/app/showcase/doc/icons/downloaddoc.ts +++ b/src/app/showcase/doc/icons/downloaddoc.ts @@ -1,20 +1,16 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'download-doc', - template: `
        - + template: ` +

        PrimeIcons is available at npm, run the following command to download it to your project.

         -
        ` + ` }) export class DownloadDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { command: `npm install primeicons` }; diff --git a/src/app/showcase/doc/icons/icons.module.ts b/src/app/showcase/doc/icons/icons.module.ts index b7ed7e4c078..231c67856c6 100644 --- a/src/app/showcase/doc/icons/icons.module.ts +++ b/src/app/showcase/doc/icons/icons.module.ts @@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common'; import { RouterModule } from '@angular/router'; import { NgModule } from '@angular/core'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { BasicDoc } from './basicdoc'; import { ColorDoc } from './colordoc'; import { ConstantsDoc } from './constantsdoc'; diff --git a/src/app/showcase/doc/icons/importdoc.ts b/src/app/showcase/doc/icons/importdoc.ts index c0aec17c639..2a2c3fe6720 100644 --- a/src/app/showcase/doc/icons/importdoc.ts +++ b/src/app/showcase/doc/icons/importdoc.ts @@ -1,20 +1,16 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - + template: ` +

        CSS file of the icon library needs to be imported in styles.scss of your application.

         -
        ` + ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { scss: `@import "primeicons/primeicons.css";` }; diff --git a/src/app/showcase/doc/icons/listdoc.ts b/src/app/showcase/doc/icons/listdoc.ts index 5e562a3afab..4fa39d4540e 100644 --- a/src/app/showcase/doc/icons/listdoc.ts +++ b/src/app/showcase/doc/icons/listdoc.ts @@ -1,10 +1,10 @@ -import { ChangeDetectorRef, Component, Input } from '@angular/core'; +import { ChangeDetectorRef, Component } from '@angular/core'; import { IconService } from '../../service/iconservice'; @Component({ selector: 'list-doc', - template: `
        - + template: ` +

        Here is the full list of PrimeIcons. More icons will be added periodically and you may also request new icons at the issue tracker.
        @@ -18,13 +18,9 @@ import { IconService } from '../../service/iconservice';
        - ` + ` }) export class ListDoc { - @Input() id: string; - - @Input() title: string; - icons: any[]; filteredIcons: any[]; diff --git a/src/app/showcase/doc/icons/sizedoc.ts b/src/app/showcase/doc/icons/sizedoc.ts index e87e4b49e47..7728e44e4bd 100644 --- a/src/app/showcase/doc/icons/sizedoc.ts +++ b/src/app/showcase/doc/icons/sizedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'size-doc', - template: `
        - + template: ` +

        Size of an icon is controlled with the font-size property of the element.
        @@ -14,13 +14,9 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class SizeDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: ` diff --git a/src/app/showcase/doc/icons/spindoc.ts b/src/app/showcase/doc/icons/spindoc.ts index 4f170b673cd..df357e196d0 100644 --- a/src/app/showcase/doc/icons/spindoc.ts +++ b/src/app/showcase/doc/icons/spindoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'spin-doc', - template: `
        - + template: ` +

        Special pi-spin class applies infinite rotation to an icon.
        @@ -12,13 +12,9 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class SpinDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: ` ` diff --git a/src/app/showcase/doc/inplace/accessibilitydoc.ts b/src/app/showcase/doc/inplace/accessibilitydoc.ts index 1f4000f039b..8a5b83954aa 100644 --- a/src/app/showcase/doc/inplace/accessibilitydoc.ts +++ b/src/app/showcase/doc/inplace/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
        - +

        Screen Reader

        Inplace component defines aria-live as "polite" by default, since any valid attribute is passed to the main container aria roles and attributes of the root element can be customized easily.

        @@ -55,8 +55,4 @@ import { Component, Input } from '@angular/core';

        ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/inplace/basicdoc.ts b/src/app/showcase/doc/inplace/basicdoc.ts index 77ee0a10d39..21716132992 100644 --- a/src/app/showcase/doc/inplace/basicdoc.ts +++ b/src/app/showcase/doc/inplace/basicdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
        - + template: ` +

        Inplace component requires display and content templates to define the content of each state.
        @@ -21,16 +21,11 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` View Content diff --git a/src/app/showcase/doc/inplace/datadoc.ts b/src/app/showcase/doc/inplace/datadoc.ts index 685ea107c50..47550331ae5 100644 --- a/src/app/showcase/doc/inplace/datadoc.ts +++ b/src/app/showcase/doc/inplace/datadoc.ts @@ -1,12 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Car } from '../../domain/car'; import { Code } from '../../domain/code'; import { CarService } from '../../service/carservice'; @Component({ selector: 'data-doc', - template: `
        - + template: `
        @@ -38,13 +37,9 @@ import { CarService } from '../../service/carservice';
        -
        ` + ` }) export class DataDoc { - @Input() id: string; - - @Input() title: string; - cars: Car[] | undefined; constructor(private carService: CarService) {} @@ -54,8 +49,7 @@ export class DataDoc { } code: Code = { - basic: ` - + basic: `
        diff --git a/src/app/showcase/doc/inplace/imagedoc.ts b/src/app/showcase/doc/inplace/imagedoc.ts index 3b9abe5edf9..51f94ba7867 100644 --- a/src/app/showcase/doc/inplace/imagedoc.ts +++ b/src/app/showcase/doc/inplace/imagedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'image-doc', - template: `
        - + template: ` +

        Any content such as an image can be placed inside an Inplace.
        @@ -21,16 +21,11 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class ImageDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `
        diff --git a/src/app/showcase/doc/inplace/importdoc.ts b/src/app/showcase/doc/inplace/importdoc.ts index bed81cf0103..6c450ac156e 100644 --- a/src/app/showcase/doc/inplace/importdoc.ts +++ b/src/app/showcase/doc/inplace/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { InplaceModule } from 'primeng/inplace';` }; diff --git a/src/app/showcase/doc/inplace/inplacedoc.module.ts b/src/app/showcase/doc/inplace/inplacedoc.module.ts index d6233d0d414..26307a80d85 100644 --- a/src/app/showcase/doc/inplace/inplacedoc.module.ts +++ b/src/app/showcase/doc/inplace/inplacedoc.module.ts @@ -5,7 +5,7 @@ import { InplaceModule } from 'primeng/inplace'; import { InputTextModule } from 'primeng/inputtext'; import { TableModule } from 'primeng/table'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { DataDoc } from './datadoc'; diff --git a/src/app/showcase/doc/inplace/inputdoc.ts b/src/app/showcase/doc/inplace/inputdoc.ts index aebbb837e31..13b10a926f1 100644 --- a/src/app/showcase/doc/inplace/inputdoc.ts +++ b/src/app/showcase/doc/inplace/inputdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'input-doc', - template: `
        - + template: ` +

        Inplace can be used within a form to display a value as read only before making it editable. The closable property adds a close button next to the content to switch back to read only mode.
        @@ -18,16 +18,11 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class InputDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` Click to Edit diff --git a/src/app/showcase/doc/inplace/styledoc.ts b/src/app/showcase/doc/inplace/styledoc.ts index c90e86867b9..216f50ba76a 100644 --- a/src/app/showcase/doc/inplace/styledoc.ts +++ b/src/app/showcase/doc/inplace/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
        - + template: ` +

        Following is the list of structural style classes, for theming classes visit theming page.
        @@ -30,10 +30,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/inputgroup/basicdoc.ts b/src/app/showcase/doc/inputgroup/basicdoc.ts index 8ef30db16b2..1eb5f409b07 100644 --- a/src/app/showcase/doc/inputgroup/basicdoc.ts +++ b/src/app/showcase/doc/inputgroup/basicdoc.ts @@ -1,84 +1,75 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
        - -

        An InputGroup is created by wrapping the input and add-ons inside an element with a p-inputgroup class where add-ons also should be inside an element with .p-inputgroup-addon class

        + template: ` + +

        An InputGroup is created by wrapping the add-ons inside the p-inputGroup element.
        -
        - + + - + -
        -
        - $ + + + $ - .00 -
        -
        - www + .00 + + + www -
        +
        - -
        ` + + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -
        - + basic: ` + - + -
        -
        - $ + + + $ - .00 -
        -
        - www + .00 + + + www -
        `, +`, - html: ` -
        -
        - + html: `
        + + - + -
        - -
        - $ + + + $ - .00 -
        - -
        - www + .00 + + + www -
        +
        `, typescript: ` import { Component } from '@angular/core'; @Component({ - selector: 'inputgroup-basic-demo', - templateUrl: './inputgroup-basic-demo.html' + selector: 'input-group-basic-demo', + templateUrl: './input-group-basic-demo.html' }) -export class InputgroupBasicDemo { -}` +export class InputGroupBasicDemo { }` }; } diff --git a/src/app/showcase/doc/inputgroup/buttondoc.ts b/src/app/showcase/doc/inputgroup/buttondoc.ts index 7d9a766831c..cc7aa2ece23 100644 --- a/src/app/showcase/doc/inputgroup/buttondoc.ts +++ b/src/app/showcase/doc/inputgroup/buttondoc.ts @@ -1,82 +1,75 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'button-doc', - template: `
        - + template: ` +

        Buttons can be placed at either side of an input element.
        -
        + -
        + -
        + -
        + -
        + -
        +
        -
        ` + ` }) export class ButtonDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -
        + basic: ` -
        + -
        + -
        + -
        + -
        `, - - html: ` -
        -
        +`, + html: `
        + -
        - -
        + + + -
        + -
        + -
        +
        `, typescript: ` import { Component } from '@angular/core'; @Component({ - selector: 'inputgroup-button-demo', - templateUrl: './inputgroup-button-demo.html' + selector: 'input-group-button-demo', + templateUrl: './input-group-button-demo.html' }) -export class InputgroupButtonDemo { +export class InputGroupButtonDemo { }` }; } diff --git a/src/app/showcase/doc/inputgroup/checkboxdoc.ts b/src/app/showcase/doc/inputgroup/checkboxdoc.ts index 7532a77ead1..01179558c45 100644 --- a/src/app/showcase/doc/inputgroup/checkboxdoc.ts +++ b/src/app/showcase/doc/inputgroup/checkboxdoc.ts @@ -1,37 +1,33 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'checkbox-doc', - template: `
        - + template: ` +

        Checkbox and RadioButton components can be combined with an input element under the same group.
        -
        - + + -
        + -
        + - -
        + + -
        - + + - -
        + +
        - -
        ` + + ` }) export class CheckboxDoc { - @Input() id: string; - - @Input() title: string; - checkbox1: boolean = false; checkbox2: boolean = false; @@ -39,50 +35,48 @@ export class CheckboxDoc { category: string | undefined; code: Code = { - basic: ` -
        - + basic: ` + -
        + -
        + - -
        + + -
        - + + - -
        `, + +`, - html: ` -
        -
        - + html: `
        + + -
        + -
        + - -
        + + -
        - + + - -
        + +
        `, typescript: ` import { Component } from '@angular/core'; @Component({ - selector: 'inputgroup-checkbox-demo', - templateUrl: './inputgroup-checkbox-demo.html' + selector: 'input-group-checkbox-demo', + templateUrl: './input-group-checkbox-demo.html' }) -export class InputgroupCheckboxDemo { +export class InputGroupCheckboxDemo { checkbox1: boolean = false; checkbox2: boolean = false; diff --git a/src/app/showcase/doc/inputgroup/importdoc.ts b/src/app/showcase/doc/inputgroup/importdoc.ts index a76e7d94af5..947c92e0949 100644 --- a/src/app/showcase/doc/inputgroup/importdoc.ts +++ b/src/app/showcase/doc/inputgroup/importdoc.ts @@ -1,21 +1,13 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - typescript: `import { InputTextModule } from 'primeng/inputtext'; -import { CheckboxModule } from 'primeng/checkbox'; -import { RadioButtonModule } from 'primeng/radiobutton';` + typescript: `import { InputGroup } from 'primeng/inputgroup'; +import { InputGroupAddon } from 'primeng/inputgroupaddon';` }; } diff --git a/src/app/showcase/doc/inputgroup/inputgroupddoc.module.ts b/src/app/showcase/doc/inputgroup/inputgroupddoc.module.ts index 242a964b8cd..24182e05119 100644 --- a/src/app/showcase/doc/inputgroup/inputgroupddoc.module.ts +++ b/src/app/showcase/doc/inputgroup/inputgroupddoc.module.ts @@ -7,15 +7,17 @@ import { CheckboxModule } from 'primeng/checkbox'; import { InputTextModule } from 'primeng/inputtext'; import { RadioButtonModule } from 'primeng/radiobutton'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { BasicDoc } from './basicdoc'; import { ButtonDoc } from './buttondoc'; import { CheckboxDoc } from './checkboxdoc'; import { ImportDoc } from './importdoc'; import { MultipleDoc } from './multipledoc'; +import { InputGroupModule } from 'primeng/inputgroup'; +import { InputGroupAddonModule } from 'primeng/inputgroupaddon'; @NgModule({ - imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, FormsModule, InputTextModule, ButtonModule, CheckboxModule, RadioButtonModule], + imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, FormsModule, InputTextModule, ButtonModule, CheckboxModule, RadioButtonModule, InputGroupModule, InputGroupAddonModule], exports: [AppDocModule], declarations: [ImportDoc, BasicDoc, MultipleDoc, ButtonDoc, CheckboxDoc] }) diff --git a/src/app/showcase/doc/inputgroup/multipledoc.ts b/src/app/showcase/doc/inputgroup/multipledoc.ts index 1d112b4427f..11206cc0f9d 100644 --- a/src/app/showcase/doc/inputgroup/multipledoc.ts +++ b/src/app/showcase/doc/inputgroup/multipledoc.ts @@ -1,70 +1,70 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'multiple-doc', - template: `
        - + template: ` +

        Multiple add-ons can be placed inside the same group.
        -
        - + + - - + + + - + + - $ - .00 -
        + $ + .00 +
        - -
        ` + + ` }) export class MultipleDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -
        - + basic: ` + - - + + + - + + - $ - .00 -
        `, + $ + .00 +`, - html: ` -
        -
        - + html: `
        + + - - + + + - + + - $ - .00 -
        + $ + .00 +
        `, typescript: ` import { Component } from '@angular/core'; @Component({ - selector: 'inputgroup-multiple-demo', - templateUrl: './inputgroup-multiple-demo.html' + selector: 'input-group-multiple-demo', + templateUrl: './input-group-multiple-demo.html' }) -export class InputgroupMultipleDemo { +export class InputGroupMultipleDemo { }` }; } diff --git a/src/app/showcase/doc/inputmask/accessibilitydoc.ts b/src/app/showcase/doc/inputmask/accessibilitydoc.ts index 6adefdbb337..37f098015d8 100644 --- a/src/app/showcase/doc/inputmask/accessibilitydoc.ts +++ b/src/app/showcase/doc/inputmask/accessibilitydoc.ts @@ -1,54 +1,48 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
        - -

        Screen Reader

        -

        - InputMask component renders a native input element that implicitly includes any passed prop. Value to describe the component can either be provided via label tag combined with id prop or using aria-labelledby, - aria-label props. -

        -         + template: `
        + +

        Screen Reader

        +

        + InputMask component renders a native input element that implicitly includes any passed prop. Value to describe the component can either be provided via label tag combined with id prop or using ariaLabelledBy, + ariaLabel props. +

        +         - + -

        Keyboard Support

        -
        - - - - - - - - - - - - - -
        KeyFunction
        - tab - Moves focus to the input.
        -
        +

        Keyboard Support

        +
        + + + + + + + + + + + + + +
        KeyFunction
        + tab + Moves focus to the input.
        - ` +
        ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: ` - + Phone - + -` +` }; } diff --git a/src/app/showcase/doc/inputmask/basicdoc.ts b/src/app/showcase/doc/inputmask/basicdoc.ts index 682f0b17113..116f495dbbf 100644 --- a/src/app/showcase/doc/inputmask/basicdoc.ts +++ b/src/app/showcase/doc/inputmask/basicdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
        - + template: ` +

        InputMask is used as a controlled input with ngModel properties.
        -
        ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - value: string | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/inputmask/disableddoc.ts b/src/app/showcase/doc/inputmask/disableddoc.ts index f94f2a37841..6fbef3d3e3a 100644 --- a/src/app/showcase/doc/inputmask/disableddoc.ts +++ b/src/app/showcase/doc/inputmask/disableddoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'disabled-doc', - template: `
        - + template: ` +

        When disabled is present, the element cannot be edited and focused.
        -
        ` + ` }) export class DisabledDoc { - @Input() id: string; - - @Input() title: string; - value: string | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/inputmask/floatlabeldoc.ts b/src/app/showcase/doc/inputmask/floatlabeldoc.ts index cdba214cc54..0eb8f4e4f46 100644 --- a/src/app/showcase/doc/inputmask/floatlabeldoc.ts +++ b/src/app/showcase/doc/inputmask/floatlabeldoc.ts @@ -1,40 +1,35 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'floatlabel-doc', - template: `
        - + template: ` +

        A floating label appears on top of the input field when focused.
        - +
        -
        ` + ` }) export class FloatlabelDoc { - @Input() id: string; - - @Input() title: string; - value: string | undefined; code: Code = { - basic: ` - + basic: ` - + `, html: `
        - +
        `, diff --git a/src/app/showcase/doc/inputmask/importdoc.ts b/src/app/showcase/doc/inputmask/importdoc.ts index 242f66cc10b..1d0ff604956 100644 --- a/src/app/showcase/doc/inputmask/importdoc.ts +++ b/src/app/showcase/doc/inputmask/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { InputMaskModule } from 'primeng/inputmask';` }; diff --git a/src/app/showcase/doc/inputmask/inputmaskdoc.module.ts b/src/app/showcase/doc/inputmask/inputmaskdoc.module.ts index f2ccc6dfac6..caadbbec60a 100644 --- a/src/app/showcase/doc/inputmask/inputmaskdoc.module.ts +++ b/src/app/showcase/doc/inputmask/inputmaskdoc.module.ts @@ -4,7 +4,7 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { RouterModule } from '@angular/router'; import { InputMaskModule } from 'primeng/inputmask'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { DisabledDoc } from './disableddoc'; diff --git a/src/app/showcase/doc/inputmask/invaliddoc.ts b/src/app/showcase/doc/inputmask/invaliddoc.ts index 2e7696f6952..549dc35f7cb 100644 --- a/src/app/showcase/doc/inputmask/invaliddoc.ts +++ b/src/app/showcase/doc/inputmask/invaliddoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'invalid-doc', - template: `
        - + template: ` +

        Invalid state style is added using the ng-invalid and ng-dirty class to indicate a failed validation.
        -
        ` + ` }) export class InvalidDoc { - @Input() id: string; - - @Input() title: string; - value: string | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/inputmask/maskdoc.ts b/src/app/showcase/doc/inputmask/maskdoc.ts index a7cd5861861..d70f11369db 100644 --- a/src/app/showcase/doc/inputmask/maskdoc.ts +++ b/src/app/showcase/doc/inputmask/maskdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'input-mask-mask-demo', - template: `
        - + template: ` +

        Mask format can be a combination of the following definitions; a for alphabetic characters, 9 for numeric characters and * for alphanumberic characters. In addition, formatting characters like ( , ) , - are also accepted. @@ -25,13 +25,9 @@ import { Code } from '../../domain/code';

        - ` + ` }) export class MaskDoc { - @Input() id: string; - - @Input() title: string; - value1: string | undefined; value2: string | undefined; @@ -39,8 +35,7 @@ export class MaskDoc { value3: string | undefined; code: Code = { - basic: ` -SSN + basic: `SSN Phone diff --git a/src/app/showcase/doc/inputmask/optionaldoc.ts b/src/app/showcase/doc/inputmask/optionaldoc.ts index 7b63403b722..a8238536d81 100644 --- a/src/app/showcase/doc/inputmask/optionaldoc.ts +++ b/src/app/showcase/doc/inputmask/optionaldoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'optional-doc', - template: `
        - + template: ` +

        When the input does not complete the mask definition, it is cleared by default. Use autoClear property to control this behavior. In addition, ? is used to mark anything after the question mark optional.
        -
        ` + ` }) export class OptionalDoc { - @Input() id: string; - - @Input() title: string; - value: string | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/inputmask/reactiveformsdoc.ts b/src/app/showcase/doc/inputmask/reactiveformsdoc.ts index 5d18ff88b03..02d41d9c4ad 100644 --- a/src/app/showcase/doc/inputmask/reactiveformsdoc.ts +++ b/src/app/showcase/doc/inputmask/reactiveformsdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
        - + template: ` +

        InputMask can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
        @@ -14,13 +14,9 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - formGroup: FormGroup | undefined; ngOnInit() { @@ -31,11 +27,11 @@ export class ReactiveFormsDoc implements OnInit { code: Code = { basic: ` -`, +`, html: `
        - +
        `, typescript: ` diff --git a/src/app/showcase/doc/inputmask/slotchardoc.ts b/src/app/showcase/doc/inputmask/slotchardoc.ts index f2547232ccf..d1b76c06e55 100644 --- a/src/app/showcase/doc/inputmask/slotchardoc.ts +++ b/src/app/showcase/doc/inputmask/slotchardoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'slot-char-doc', - template: `
        - + template: ` +

        Default placeholder for a mask is underscore that can be customized using slotChar property.
        -
        ` + ` }) export class SlotCharDoc { - @Input() id: string; - - @Input() title: string; - value: string | undefined; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/inputmask/styledoc.ts b/src/app/showcase/doc/inputmask/styledoc.ts index 8cca44125c2..194805f5f1e 100644 --- a/src/app/showcase/doc/inputmask/styledoc.ts +++ b/src/app/showcase/doc/inputmask/styledoc.ts @@ -1,15 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
        - + template: ` +

        Styling is same as inputtext component, for theming classes visit theming page.

         -
        ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/inputnumber/accessibilitydoc.ts b/src/app/showcase/doc/inputnumber/accessibilitydoc.ts index ad73e0abf3d..d4609e3a09b 100644 --- a/src/app/showcase/doc/inputnumber/accessibilitydoc.ts +++ b/src/app/showcase/doc/inputnumber/accessibilitydoc.ts @@ -1,78 +1,72 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
        - -

        Screen Reader

        -

        - Value to describe the component can either be provided via label tag combined with inputId prop or using aria-labelledby, aria-label props. The input element uses spinbutton role in addition to - the aria-valuemin, aria-valuemax and aria-valuenow attributes. -

        -         + template: `
        + +

        Screen Reader

        +

        + Value to describe the component can either be provided via label tag combined with inputId prop or using ariaLabelledBy, ariaLabel props. The input element uses spinbutton role in addition to the + aria-valuemin, aria-valuemax and aria-valuenow attributes. +

        +         - + -

        Keyboard Support

        -
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        KeyFunction
        - tab - Moves focus to the input.
        - up arrow - Increments the value.
        - down arrow - Decrements the value.
        - home - Set the minimum value if provided.
        - end - Set the maximum value if provided.
        -
        +

        Keyboard Support

        +
        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
        KeyFunction
        + tab + Moves focus to the input.
        + up arrow + Increments the value.
        + down arrow + Decrements the value.
        + home + Set the minimum value if provided.
        + end + Set the maximum value if provided.
        - ` +
        ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: ` Number - + -` +` }; } diff --git a/src/app/showcase/doc/inputnumber/buttonsdoc.ts b/src/app/showcase/doc/inputnumber/buttonsdoc.ts index 934b590753c..ca65e54750f 100644 --- a/src/app/showcase/doc/inputnumber/buttonsdoc.ts +++ b/src/app/showcase/doc/inputnumber/buttonsdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'buttons-doc', - template: `
        - + template: ` +

        Spinner buttons are enabled using the showButtons options and layout is defined with the buttonLayout. Default value is "stacked" whereas "horizontal" and "stacked" are alternatives. Note that even there are no buttons, up and down arrow keys can be used to spin the values with keyboard. @@ -38,13 +38,9 @@ import { Code } from '../../domain/code';

        - ` + ` }) export class ButtonsDoc { - @Input() id: string; - - @Input() title: string; - value1: number = 20; value2: number = 10.5; @@ -52,8 +48,7 @@ export class ButtonsDoc { value3: number = 25; code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/inputnumber/currencydoc.ts b/src/app/showcase/doc/inputnumber/currencydoc.ts index 905d9332590..76bbbaad346 100644 --- a/src/app/showcase/doc/inputnumber/currencydoc.ts +++ b/src/app/showcase/doc/inputnumber/currencydoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'currency-doc', - template: `
        - + template: ` +

        Currency formatting is specified by setting the mode option to currency and currency property. In addition currencyDisplay option allows how the currency is displayed, valid values are "symbol" (default) or "code". @@ -29,13 +29,9 @@ import { Code } from '../../domain/code';

        - ` + ` }) export class CurrencyDoc { - @Input() id: string; - - @Input() title: string; - value1: number = 1500; value2: number = 2500; @@ -45,8 +41,7 @@ export class CurrencyDoc { value4: number = 5002; code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/inputnumber/disableddoc.ts b/src/app/showcase/doc/inputnumber/disableddoc.ts index f88b7de746c..3ae6d714d85 100644 --- a/src/app/showcase/doc/inputnumber/disableddoc.ts +++ b/src/app/showcase/doc/inputnumber/disableddoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'disabled-doc', - template: `
        - + template: ` +

        When disabled is present, the element cannot be edited and focused.
        -
        ` + ` }) export class DisabledDoc { - @Input() id: string; - - @Input() title: string; - value1: number = 50; code: Code = { - basic: ` - `, + basic: ` `, html: `
        diff --git a/src/app/showcase/doc/inputnumber/floatlabeldoc.ts b/src/app/showcase/doc/inputnumber/floatlabeldoc.ts index 07ef59159d5..ca4bb9bede6 100644 --- a/src/app/showcase/doc/inputnumber/floatlabeldoc.ts +++ b/src/app/showcase/doc/inputnumber/floatlabeldoc.ts @@ -1,40 +1,35 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'float-label-doc', - template: `
        - + template: ` +

        A floating label appears on top of the input field when focused.
        - +
        -
        ` + ` }) export class FloatlabelDoc { - @Input() id: string; - - @Input() title: string; - value1!: number; code: Code = { - basic: ` - + basic: ` - + `, html: `
        - +
        `, diff --git a/src/app/showcase/doc/inputnumber/importdoc.ts b/src/app/showcase/doc/inputnumber/importdoc.ts index 9ff47a53b7a..950f57df5d6 100644 --- a/src/app/showcase/doc/inputnumber/importdoc.ts +++ b/src/app/showcase/doc/inputnumber/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { InputNumberModule } from 'primeng/inputnumber';` }; diff --git a/src/app/showcase/doc/inputnumber/inputnumberdoc.module.ts b/src/app/showcase/doc/inputnumber/inputnumberdoc.module.ts index 170dd0f2ceb..10e6c5d0932 100644 --- a/src/app/showcase/doc/inputnumber/inputnumberdoc.module.ts +++ b/src/app/showcase/doc/inputnumber/inputnumberdoc.module.ts @@ -4,7 +4,7 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { RouterModule } from '@angular/router'; import { InputNumberModule } from 'primeng/inputnumber'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { ButtonsDoc } from './buttonsdoc'; import { CurrencyDoc } from './currencydoc'; diff --git a/src/app/showcase/doc/inputnumber/invaliddoc.ts b/src/app/showcase/doc/inputnumber/invaliddoc.ts index 4f0bf65c409..d6d515340e2 100644 --- a/src/app/showcase/doc/inputnumber/invaliddoc.ts +++ b/src/app/showcase/doc/inputnumber/invaliddoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'invalid-doc', - template: `
        - + template: ` +

        Invalid state style is added using the ng-invalid and ng-dirty class to indicate a failed validation.
        -
        ` + ` }) export class InvalidDoc { - @Input() id: string; - - @Input() title: string; - value1!: number; code: Code = { - basic: ` - `, + basic: ` `, html: `
        diff --git a/src/app/showcase/doc/inputnumber/localedoc.ts b/src/app/showcase/doc/inputnumber/localedoc.ts index 394c5ed4b32..58f46aa3270 100644 --- a/src/app/showcase/doc/inputnumber/localedoc.ts +++ b/src/app/showcase/doc/inputnumber/localedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'locale-doc', - template: `
        - + template: ` +

        Localization information such as grouping and decimal symbols are defined with the locale property which defaults to the user locale.
        @@ -26,13 +26,9 @@ import { Code } from '../../domain/code';
        - ` + ` }) export class LocaleDoc { - @Input() id: string; - - @Input() title: string; - value1: number = 151351; value2: number = 115744; @@ -42,8 +38,7 @@ export class LocaleDoc { value4: number = 732762; code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/inputnumber/numeralsdoc.ts b/src/app/showcase/doc/inputnumber/numeralsdoc.ts index bc15ac7e0b1..1b4f4e5f922 100644 --- a/src/app/showcase/doc/inputnumber/numeralsdoc.ts +++ b/src/app/showcase/doc/inputnumber/numeralsdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'numerals-doc', - template: `
        - + template: ` +

        InputNumber is used as a controlled input with ngModel property.
        @@ -26,13 +26,9 @@ import { Code } from '../../domain/code';
        - ` + ` }) export class NumeralsDoc { - @Input() id: string; - - @Input() title: string; - value1: number = 42723; value2: number = 58151; @@ -42,12 +38,10 @@ export class NumeralsDoc { value4: number = 50; code: Code = { - basic: ` - + basic: ` - -`, + `, html: `
        diff --git a/src/app/showcase/doc/inputnumber/prefixsuffixdoc.ts b/src/app/showcase/doc/inputnumber/prefixsuffixdoc.ts index f882b78c3de..be292afc2bc 100644 --- a/src/app/showcase/doc/inputnumber/prefixsuffixdoc.ts +++ b/src/app/showcase/doc/inputnumber/prefixsuffixdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'prefix-suffix-doc', - template: `
        - + template: ` +

        Custom texts e.g. units can be placed before or after the input section with the prefix and suffix properties.
        @@ -26,13 +26,9 @@ import { Code } from '../../domain/code';
        - ` + ` }) export class PrefixSuffixDoc { - @Input() id: string; - - @Input() title: string; - value1: number = 20; value2: number = 50; @@ -42,8 +38,7 @@ export class PrefixSuffixDoc { value4: number = 20; code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/inputnumber/reactiveformsdoc.ts b/src/app/showcase/doc/inputnumber/reactiveformsdoc.ts index 2f5c4709f23..978ee749a06 100644 --- a/src/app/showcase/doc/inputnumber/reactiveformsdoc.ts +++ b/src/app/showcase/doc/inputnumber/reactiveformsdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
        - + template: ` +

        InputNumber can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
        @@ -14,13 +14,9 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - formGroup!: FormGroup; ngOnInit() { @@ -30,8 +26,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
        + basic: `
        `, diff --git a/src/app/showcase/doc/inputnumber/styledoc.ts b/src/app/showcase/doc/inputnumber/styledoc.ts index cbce53009f3..5b61eecec36 100644 --- a/src/app/showcase/doc/inputnumber/styledoc.ts +++ b/src/app/showcase/doc/inputnumber/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
        - + template: ` +

        Following is the list of structural style classes, for theming classes visit theming page.
        @@ -54,10 +54,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/inputnumber/verticaldoc.ts b/src/app/showcase/doc/inputnumber/verticaldoc.ts index fcccc88f5d5..cd4b8ddaecd 100644 --- a/src/app/showcase/doc/inputnumber/verticaldoc.ts +++ b/src/app/showcase/doc/inputnumber/verticaldoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'vertical-doc', - template: `
        - + template: ` +

        Buttons can also placed vertically by setting buttonLayout as vertical.
        @@ -14,7 +14,7 @@ import { Code } from '../../domain/code'; buttonLayout="vertical" spinnerMode="vertical" inputId="vertical" - [style]="{'width': '4rem'}" + [style]="{ width: '4rem' }" decrementButtonClass="p-button-secondary" incrementButtonClass="p-button-secondary" incrementButtonIcon="pi pi-plus" @@ -22,18 +22,13 @@ import { Code } from '../../domain/code'; >
        -
        ` + ` }) export class VerticalDoc { - @Input() id: string; - - @Input() title: string; - value1: number = 50; code: Code = { - basic: ` -`, html: ` diff --git a/src/app/showcase/doc/inputswitch/accessibilitydoc.ts b/src/app/showcase/doc/inputswitch/accessibilitydoc.ts index f03724639a7..dfdd49f5d58 100644 --- a/src/app/showcase/doc/inputswitch/accessibilitydoc.ts +++ b/src/app/showcase/doc/inputswitch/accessibilitydoc.ts @@ -1,60 +1,54 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
        - -

        Screen Reader

        -

        - InputSwitch component uses a hidden native checkbox element with switch role internally that is only visible to screen readers. Value to describe the component can either be provided via label tag combined with - inputId prop or using aria-labelledby, aria-label props. -

        -         + template: `
        + +

        Screen Reader

        +

        + InputSwitch component uses a hidden native checkbox element with switch role internally that is only visible to screen readers. Value to describe the component can either be provided via label tag combined with + inputId prop or using ariaLabelledBy, ariaLabel props. +

        +         - + -

        Keyboard Support

        -
        - - - - - - - - - - - - - - - - - -
        KeyFunction
        - tab - Moves focus to the switch.
        - space - Toggles the checked state.
        -
        +

        Keyboard Support

        +
        + + + + + + + + + + + + + + + + + +
        KeyFunction
        + tab + Moves focus to the switch.
        + space + Toggles the checked state.
        - ` +
        ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: ` Remember Me - + -` +` }; } diff --git a/src/app/showcase/doc/inputswitch/basicdoc.ts b/src/app/showcase/doc/inputswitch/basicdoc.ts index 906ca337cb4..c125e420160 100644 --- a/src/app/showcase/doc/inputswitch/basicdoc.ts +++ b/src/app/showcase/doc/inputswitch/basicdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
        - + template: ` +

        Two-way value binding is defined using ngModel.
        -
        ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - checked: boolean = false; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/inputswitch/disableddoc.ts b/src/app/showcase/doc/inputswitch/disableddoc.ts index 33d33dc97b0..e3ab61a1dbe 100644 --- a/src/app/showcase/doc/inputswitch/disableddoc.ts +++ b/src/app/showcase/doc/inputswitch/disableddoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'disabled-doc', - template: `
        - + template: ` +

        When disabled is present, the element cannot be edited and focused.
        -
        ` + ` }) export class DisabledDoc { - @Input() id: string; - - @Input() title: string; - checked: boolean = false; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/inputswitch/importdoc.ts b/src/app/showcase/doc/inputswitch/importdoc.ts index 191f475202f..6e9653642d1 100644 --- a/src/app/showcase/doc/inputswitch/importdoc.ts +++ b/src/app/showcase/doc/inputswitch/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { InputSwitchModule } from 'primeng/inputswitch';` }; diff --git a/src/app/showcase/doc/inputswitch/inputswitchdoc.module.ts b/src/app/showcase/doc/inputswitch/inputswitchdoc.module.ts index f597cf65764..51e056af341 100644 --- a/src/app/showcase/doc/inputswitch/inputswitchdoc.module.ts +++ b/src/app/showcase/doc/inputswitch/inputswitchdoc.module.ts @@ -4,7 +4,7 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { RouterModule } from '@angular/router'; import { InputSwitchModule } from 'primeng/inputswitch'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { BasicDoc } from './basicdoc'; import { ImportDoc } from './importdoc'; import { DisabledDoc } from './disableddoc'; diff --git a/src/app/showcase/doc/inputswitch/preselectiondoc.ts b/src/app/showcase/doc/inputswitch/preselectiondoc.ts index 9086eca5f29..4ee945bc3fd 100644 --- a/src/app/showcase/doc/inputswitch/preselectiondoc.ts +++ b/src/app/showcase/doc/inputswitch/preselectiondoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'preselection-doc', - template: `
        - + template: ` +

        Enabling ngModel property displays the component as active initially.
        -
        ` + ` }) export class PreselectionDoc { - @Input() id: string; - - @Input() title: string; - checked: boolean = true; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/inputswitch/reactiveformsdoc.ts b/src/app/showcase/doc/inputswitch/reactiveformsdoc.ts index 628841334ad..d246eef4390 100644 --- a/src/app/showcase/doc/inputswitch/reactiveformsdoc.ts +++ b/src/app/showcase/doc/inputswitch/reactiveformsdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
        - + template: ` +

        InputSwitch can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
        @@ -14,13 +14,9 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - formGroup: FormGroup | undefined; ngOnInit() { @@ -30,8 +26,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/inputswitch/styledoc.ts b/src/app/showcase/doc/inputswitch/styledoc.ts index 2b1a10d9dd0..7e651bc24b8 100644 --- a/src/app/showcase/doc/inputswitch/styledoc.ts +++ b/src/app/showcase/doc/inputswitch/styledoc.ts @@ -1,9 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
        - + template: `
        @@ -28,10 +27,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/inputtext/accessibilitydoc.ts b/src/app/showcase/doc/inputtext/accessibilitydoc.ts index 44953aa1bc7..eb296edaf70 100644 --- a/src/app/showcase/doc/inputtext/accessibilitydoc.ts +++ b/src/app/showcase/doc/inputtext/accessibilitydoc.ts @@ -1,54 +1,48 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
        - -

        Screen Reader

        -

        - InputText component renders a native input element that implicitly includes any passed prop. Value to describe the component can either be provided via label tag combined with id prop or using aria-labelledby, - aria-label props. -

        -         + template: `
        + +

        Screen Reader

        +

        + InputText component renders a native input element that implicitly includes any passed prop. Value to describe the component can either be provided via label tag combined with id prop or using aria-labelledby, + aria-label props. +

        +         - + -

        Keyboard Support

        -
        - - - - - - - - - - - - - -
        KeyFunction
        - tab - Moves focus to the input.
        -
        +

        Keyboard Support

        +
        + + + + + + + + + + + + + +
        KeyFunction
        + tab + Moves focus to the input.
        - ` +
        ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: ` - + Lastname - + -` +` }; } diff --git a/src/app/showcase/doc/inputtext/basicdoc.ts b/src/app/showcase/doc/inputtext/basicdoc.ts index d8ce64460ac..2c756c6e364 100644 --- a/src/app/showcase/doc/inputtext/basicdoc.ts +++ b/src/app/showcase/doc/inputtext/basicdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
        - + template: ` +

        InputText is used as a controlled input with ngModel properties.
        -
        ` + ` }) export class BasicDoc { value: string; - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/inputtext/disableddoc.ts b/src/app/showcase/doc/inputtext/disableddoc.ts index 603c4bf4d3b..388a5192714 100644 --- a/src/app/showcase/doc/inputtext/disableddoc.ts +++ b/src/app/showcase/doc/inputtext/disableddoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'disabled-doc', - template: `
        - + template: ` +

        When disabled is present, the element cannot be edited and focused.
        -
        ` + ` }) export class DisabledDoc { value: string | undefined; - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/inputtext/floatlabeldoc.ts b/src/app/showcase/doc/inputtext/floatlabeldoc.ts index 2403b6ea258..999bfff3f95 100644 --- a/src/app/showcase/doc/inputtext/floatlabeldoc.ts +++ b/src/app/showcase/doc/inputtext/floatlabeldoc.ts @@ -1,40 +1,35 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'floatlabel-doc', - template: `
        - + template: ` +

        A floating label appears on top of the input field when focused.
        - +
        -
        ` + ` }) export class FloatLabelDoc { value: string | undefined; - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` - + `, html: `
        - +
        `, diff --git a/src/app/showcase/doc/inputtext/helptextdoc.ts b/src/app/showcase/doc/inputtext/helptextdoc.ts index cb99e57d156..ebc28d3bea4 100644 --- a/src/app/showcase/doc/inputtext/helptextdoc.ts +++ b/src/app/showcase/doc/inputtext/helptextdoc.ts @@ -1,33 +1,28 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'helptext-doc', - template: `
        - + template: ` +

        An advisory text can be defined with the semantic small tag.
        - + Enter your username to reset your password.
        -
        ` + ` }) export class HelpTextDoc { value: string | undefined; - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -
        - + basic: `
        + Enter your username to reset your password.
        `, @@ -35,7 +30,7 @@ export class HelpTextDoc { html: `
        - + Enter your username to reset your password.
        diff --git a/src/app/showcase/doc/inputtext/iconsdoc.ts b/src/app/showcase/doc/inputtext/iconsdoc.ts index 85348042670..f1f3cfdaf2e 100644 --- a/src/app/showcase/doc/inputtext/iconsdoc.ts +++ b/src/app/showcase/doc/inputtext/iconsdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'icons-doc', - template: `
        - + template: ` +

        Icons can be placed inside an input element by wrapping both the input and the icon with an element that has either .p-input-icon-left or p-input-icon-right class.
        @@ -19,20 +19,15 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class IconsDoc { value: string | undefined; value2: string | undefined; - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/inputtext/importdoc.ts b/src/app/showcase/doc/inputtext/importdoc.ts index f1566fb632d..ad034136223 100644 --- a/src/app/showcase/doc/inputtext/importdoc.ts +++ b/src/app/showcase/doc/inputtext/importdoc.ts @@ -1,20 +1,13 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { value1: string; - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { InputTextModule } from 'primeng/inputtext';` }; diff --git a/src/app/showcase/doc/inputtext/inputtextdoc.module.ts b/src/app/showcase/doc/inputtext/inputtextdoc.module.ts index d52d18fbf7e..49a2b410513 100644 --- a/src/app/showcase/doc/inputtext/inputtextdoc.module.ts +++ b/src/app/showcase/doc/inputtext/inputtextdoc.module.ts @@ -4,7 +4,7 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { InputTextModule } from 'primeng/inputtext'; import { KeyFilterModule } from 'primeng/keyfilter'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { DisabledDoc } from './disableddoc'; diff --git a/src/app/showcase/doc/inputtext/invaliddoc.ts b/src/app/showcase/doc/inputtext/invaliddoc.ts index 18f377dd687..ae8f892c069 100644 --- a/src/app/showcase/doc/inputtext/invaliddoc.ts +++ b/src/app/showcase/doc/inputtext/invaliddoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'invalid-doc', - template: `
        - + template: ` +

        Invalid state style is added using the ng-invalid and ng-dirty class to indicate a failed validation.
        -
        ` + ` }) export class InvalidDoc { value: string | undefined; - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/inputtext/keyfilterdoc.ts b/src/app/showcase/doc/inputtext/keyfilterdoc.ts index 8908f895797..cd389f03cc6 100644 --- a/src/app/showcase/doc/inputtext/keyfilterdoc.ts +++ b/src/app/showcase/doc/inputtext/keyfilterdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'key-filter-doc', - template: `
        - + template: ` +

        InputText has built-in key filtering support to block certain keys, refer to keyfilter page for more information.
        -
        ` + ` }) export class KeyFilterDoc { value: number | undefined; - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/inputtext/reactiveformsdoc.ts b/src/app/showcase/doc/inputtext/reactiveformsdoc.ts index 7288f4ea249..b4a84326a9a 100644 --- a/src/app/showcase/doc/inputtext/reactiveformsdoc.ts +++ b/src/app/showcase/doc/inputtext/reactiveformsdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
        - + template: ` +

        InputText can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
        @@ -14,13 +14,9 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - formGroup: FormGroup | undefined; ngOnInit() { @@ -30,8 +26,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/inputtext/sizesdoc.ts b/src/app/showcase/doc/inputtext/sizesdoc.ts index 289da8cfa1f..0701de982b7 100644 --- a/src/app/showcase/doc/inputtext/sizesdoc.ts +++ b/src/app/showcase/doc/inputtext/sizesdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'sizes-doc', - template: `
        - + template: ` +

        Apply .p-inputtext-sm to reduce the size of the input element or .p-inputtext-lg to enlarge it.
        @@ -13,7 +13,7 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class SizesDoc { value: string | undefined; @@ -22,13 +22,8 @@ export class SizesDoc { value3: string | undefined; - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/inputtext/styledoc.ts b/src/app/showcase/doc/inputtext/styledoc.ts index 46a280c62d5..f2ae0b197fe 100644 --- a/src/app/showcase/doc/inputtext/styledoc.ts +++ b/src/app/showcase/doc/inputtext/styledoc.ts @@ -1,9 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
        - + template: `
        @@ -20,10 +19,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/inputtextarea/accessibilitydoc.ts b/src/app/showcase/doc/inputtextarea/accessibilitydoc.ts index 2dacb47c401..5700a26cefd 100644 --- a/src/app/showcase/doc/inputtextarea/accessibilitydoc.ts +++ b/src/app/showcase/doc/inputtextarea/accessibilitydoc.ts @@ -1,47 +1,41 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
        - -

        Screen Reader

        -

        - InputTextarea component renders a native textarea element that implicitly includes any passed prop. Value to describe the component can either be provided via label tag combined with id prop or using - aria-labelledby, aria-label props. -

        -         + template: `
        + +

        Screen Reader

        +

        + InputTextarea component renders a native textarea element that implicitly includes any passed prop. Value to describe the component can either be provided via label tag combined with id prop or using + aria-labelledby, aria-label props. +

        +         - + -

        Keyboard Support

        -
        - - - - - - - - - - - - - -
        KeyFunction
        - tab - Moves focus to the input.
        -
        +

        Keyboard Support

        +
        + + + + + + + + + + + + + +
        KeyFunction
        + tab + Moves focus to the input.
        - ` +
        ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: `
        - ` + ` }) export class AutoResizeDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/inputtextarea/basicdoc.ts b/src/app/showcase/doc/inputtextarea/basicdoc.ts index b731497d660..6ee9befdf73 100644 --- a/src/app/showcase/doc/inputtextarea/basicdoc.ts +++ b/src/app/showcase/doc/inputtextarea/basicdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
        - + template: ` +

        InputTextarea is applied to an input field with pInputTextarea directive.
        -
        ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - value!: string; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/inputtextarea/disableddoc.ts b/src/app/showcase/doc/inputtextarea/disableddoc.ts index 38197c40d8f..d425a4a3f86 100644 --- a/src/app/showcase/doc/inputtextarea/disableddoc.ts +++ b/src/app/showcase/doc/inputtextarea/disableddoc.ts @@ -1,26 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'disabled-doc', - template: `
        - + template: ` +

        When disabled is present, the element cannot be edited and focused.
        -
        ` + ` }) export class DisabledDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/inputtextarea/floatlabeldoc.ts b/src/app/showcase/doc/inputtextarea/floatlabeldoc.ts index d30139dd72c..d804c0468c1 100644 --- a/src/app/showcase/doc/inputtextarea/floatlabeldoc.ts +++ b/src/app/showcase/doc/inputtextarea/floatlabeldoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'floatlabel-doc', - template: `
        - + template: ` +

        A floating label appears on top of the input field when focused.
        @@ -14,16 +14,11 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class FloatlabelDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/inputtextarea/importdoc.ts b/src/app/showcase/doc/inputtextarea/importdoc.ts index 3ce359e3a94..2cb739a2797 100644 --- a/src/app/showcase/doc/inputtextarea/importdoc.ts +++ b/src/app/showcase/doc/inputtextarea/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { InputTextareaModule } from 'primeng/inputtextarea';` }; diff --git a/src/app/showcase/doc/inputtextarea/inputtextareadoc.module.ts b/src/app/showcase/doc/inputtextarea/inputtextareadoc.module.ts index ff6222ed053..f31817698f0 100644 --- a/src/app/showcase/doc/inputtextarea/inputtextareadoc.module.ts +++ b/src/app/showcase/doc/inputtextarea/inputtextareadoc.module.ts @@ -5,7 +5,7 @@ import { InputTextModule } from 'primeng/inputtext'; import { InputTextareaModule } from 'primeng/inputtextarea'; import { KeyFilterModule } from 'primeng/keyfilter'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { AutoResizeDoc } from './autoresizedoc'; import { BasicDoc } from './basicdoc'; diff --git a/src/app/showcase/doc/inputtextarea/keyfilterdoc.ts b/src/app/showcase/doc/inputtextarea/keyfilterdoc.ts index b8c9e4432b0..3f84e68f07f 100644 --- a/src/app/showcase/doc/inputtextarea/keyfilterdoc.ts +++ b/src/app/showcase/doc/inputtextarea/keyfilterdoc.ts @@ -1,26 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'key-filter-doc', - template: `
        - + template: ` +

        InputText has built-in key filtering support to block certain keys, refer to keyfilter page for more information.
        -
        ` + ` }) export class KeyfilterDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/inputtextarea/reactiveformsdoc.ts b/src/app/showcase/doc/inputtextarea/reactiveformsdoc.ts index 3d363805697..5ede07f730f 100644 --- a/src/app/showcase/doc/inputtextarea/reactiveformsdoc.ts +++ b/src/app/showcase/doc/inputtextarea/reactiveformsdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
        - + template: ` +

        InputTextarea can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
        @@ -14,13 +14,9 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - formGroup!: FormGroup; ngOnInit() { @@ -30,8 +26,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
        + basic: `
        `, diff --git a/src/app/showcase/doc/inputtextarea/styledoc.ts b/src/app/showcase/doc/inputtextarea/styledoc.ts index 585f5372b4a..c742664ccb4 100644 --- a/src/app/showcase/doc/inputtextarea/styledoc.ts +++ b/src/app/showcase/doc/inputtextarea/styledoc.ts @@ -1,9 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
        - + template: `
        @@ -20,10 +19,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/installation/animationsdoc.ts b/src/app/showcase/doc/installation/animationsdoc.ts index 185607eb2e5..8aab3c4ee8d 100644 --- a/src/app/showcase/doc/installation/animationsdoc.ts +++ b/src/app/showcase/doc/installation/animationsdoc.ts @@ -1,23 +1,19 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'animations-doc', - template: `
        - + template: ` +

        Various components utilize Angular animations to improve the user experience. Animations have their own module BrowserAnimationsModule is required to be imported in your application. If you prefer to disable animations globally, import NoopAnimationsModule instead.

        -
        ` + ` }) export class AnimationsDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { BrowserModule } from '@angular/platform-browser'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; diff --git a/src/app/showcase/doc/installation/downloaddoc.ts b/src/app/showcase/doc/installation/downloaddoc.ts index f7fd92c111e..afe7579466d 100644 --- a/src/app/showcase/doc/installation/downloaddoc.ts +++ b/src/app/showcase/doc/installation/downloaddoc.ts @@ -1,20 +1,16 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'download-doc', - template: `
        - + template: ` +

        PrimeNG is available for download at npm.

         -
        ` + ` }) export class DownloadDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { command: `npm install primeng` }; diff --git a/src/app/showcase/doc/installation/examplesdoc.ts b/src/app/showcase/doc/installation/examplesdoc.ts index 53635a66158..9c8f9ea5f09 100644 --- a/src/app/showcase/doc/installation/examplesdoc.ts +++ b/src/app/showcase/doc/installation/examplesdoc.ts @@ -1,15 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'examples-doc', - template: `
        - + template: ` +

        An example start with Angular CLI is available at github.

         -
        ` + ` }) -export class ExamplesDoc { - @Input() id: string; - - @Input() title: string; -} +export class ExamplesDoc {} diff --git a/src/app/showcase/doc/installation/installationdoc.module.ts b/src/app/showcase/doc/installation/installationdoc.module.ts index 2e9a1b7f937..a56ebaaf4cb 100644 --- a/src/app/showcase/doc/installation/installationdoc.module.ts +++ b/src/app/showcase/doc/installation/installationdoc.module.ts @@ -4,7 +4,7 @@ import { FormsModule } from '@angular/forms'; import { RouterModule } from '@angular/router'; import { ButtonModule } from 'primeng/button'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AnimationsDoc } from './animationsdoc'; import { DownloadDoc } from './downloaddoc'; import { ExamplesDoc } from './examplesdoc'; diff --git a/src/app/showcase/doc/installation/stylesdoc.ts b/src/app/showcase/doc/installation/stylesdoc.ts index 5de4dc0386f..09f079a2356 100644 --- a/src/app/showcase/doc/installation/stylesdoc.ts +++ b/src/app/showcase/doc/installation/stylesdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'styles-doc', - template: `
        - + template: ` +

        Theme and Core styles are the necessary css files of the components, visit the Themes section for the complete list of available themes to choose from. Styles can either be imported at angular.json or src/styles.css file. @@ -15,13 +15,9 @@ import { Code } from '../../domain/code';

        styles.css

         -
        ` + ` }) export class StylesDoc { - @Input() id: string; - - @Input() title: string; - code1: Code = { typescript: `... "styles": [ diff --git a/src/app/showcase/doc/installation/usagedoc.ts b/src/app/showcase/doc/installation/usagedoc.ts index d00ae0af620..e03c1bb9311 100644 --- a/src/app/showcase/doc/installation/usagedoc.ts +++ b/src/app/showcase/doc/installation/usagedoc.ts @@ -1,23 +1,19 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'usage-doc', - template: `
        - + template: ` +

        Each component can be imported individually so that you only bundle what you use. Import path is available in the documentation of the corresponding component.
        -
        ` + ` }) export class UsageDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { ButtonModule } from 'primeng/button';`, html: ` diff --git a/src/app/showcase/doc/installation/videos/videosdoc.ts b/src/app/showcase/doc/installation/videos/videosdoc.ts index 5e083c98c0d..a9f43f73fdb 100644 --- a/src/app/showcase/doc/installation/videos/videosdoc.ts +++ b/src/app/showcase/doc/installation/videos/videosdoc.ts @@ -1,18 +1,14 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'videos-doc', - template: `
        - + template: ` +

        Angular CLI is the recommended way to build Angular applications with PrimeNG.
        -
        ` + ` }) -export class VideosDoc { - @Input() id: string; - - @Input() title: string; -} +export class VideosDoc {} diff --git a/src/app/showcase/doc/keyfilter/accessibilitydoc.ts b/src/app/showcase/doc/keyfilter/accessibilitydoc.ts index f27558b4148..9c510a1f921 100644 --- a/src/app/showcase/doc/keyfilter/accessibilitydoc.ts +++ b/src/app/showcase/doc/keyfilter/accessibilitydoc.ts @@ -1,17 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` -
        - -

        Refer to InputText for accessibility as KeyFilter is a built-in add-on of the InputText.

        -         -
        -         ` + template: `
        + +

        Refer to InputText for accessibility as KeyFilter is a built-in add-on of the InputText.

        +         +
        ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/keyfilter/importdoc.ts b/src/app/showcase/doc/keyfilter/importdoc.ts index c6b4ddd6814..7231077703a 100644 --- a/src/app/showcase/doc/keyfilter/importdoc.ts +++ b/src/app/showcase/doc/keyfilter/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { KeyFilterModule } from 'primeng/keyfilter';` }; diff --git a/src/app/showcase/doc/keyfilter/keyfilterdoc.module.ts b/src/app/showcase/doc/keyfilter/keyfilterdoc.module.ts index 0dddad4985f..9d1c9c84555 100644 --- a/src/app/showcase/doc/keyfilter/keyfilterdoc.module.ts +++ b/src/app/showcase/doc/keyfilter/keyfilterdoc.module.ts @@ -4,7 +4,7 @@ import { ReactiveFormsModule } from '@angular/forms'; import { InputTextModule } from 'primeng/inputtext'; import { KeyFilterModule } from 'primeng/keyfilter'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { ImportDoc } from './importdoc'; import { PresetsDoc } from './presetsdoc'; diff --git a/src/app/showcase/doc/keyfilter/presetsdoc.ts b/src/app/showcase/doc/keyfilter/presetsdoc.ts index bc90bc1262c..57aadfa52bd 100644 --- a/src/app/showcase/doc/keyfilter/presetsdoc.ts +++ b/src/app/showcase/doc/keyfilter/presetsdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'presets-doc', - template: `
        - + template: ` +

        KeyFilter provides various presets configured with the pKeyFilter property.
        @@ -38,16 +38,11 @@ import { Code } from '../../domain/code';
        - ` + ` }) export class PresetsDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/keyfilter/reactiveformsdoc.ts b/src/app/showcase/doc/keyfilter/reactiveformsdoc.ts index 15ec1cfa3eb..096524592d7 100644 --- a/src/app/showcase/doc/keyfilter/reactiveformsdoc.ts +++ b/src/app/showcase/doc/keyfilter/reactiveformsdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
        - + template: ` +

        KeyFilter can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
        @@ -15,13 +15,9 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - formGroup!: FormGroup; ngOnInit() { @@ -31,8 +27,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
        + basic: `
        `, diff --git a/src/app/showcase/doc/keyfilter/regexdoc.ts b/src/app/showcase/doc/keyfilter/regexdoc.ts index ab89026e7e6..79d4ba028f5 100644 --- a/src/app/showcase/doc/keyfilter/regexdoc.ts +++ b/src/app/showcase/doc/keyfilter/regexdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'reg-exp-demo', - template: `
        - + template: ` +

        In addition to the presets, a regular expression can be configured for customization.
        @@ -18,20 +18,15 @@ import { Code } from '../../domain/code';
        - ` + ` }) export class RegexDoc { - @Input() id: string; - - @Input() title: string; - blockSpace: RegExp = /[^\s]/; blockChars: RegExp = /^[^<>*!]+$/; code: Code = { - basic: ` - + basic: ` `, html: ` diff --git a/src/app/showcase/doc/knob/accessibilitydoc.ts b/src/app/showcase/doc/knob/accessibilitydoc.ts index 23750e6ebbe..24b130514e0 100644 --- a/src/app/showcase/doc/knob/accessibilitydoc.ts +++ b/src/app/showcase/doc/knob/accessibilitydoc.ts @@ -1,93 +1,87 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
        - -

        Screen Reader

        -

        - Knob element component uses slider role in addition to the aria-valuemin, aria-valuemax and aria-valuenow attributes. Value to describe the component can be defined using aria-labelledby and - aria-label props. -

        -         + template: `
        + +

        Screen Reader

        +

        + Knob element component uses slider role in addition to the aria-valuemin, aria-valuemax and aria-valuenow attributes. Value to describe the component can be defined using ariaLabelledBy and + ariaLabel props. +

        +         - + -

        Keyboard Support

        -
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        KeyFunction
        - tab - Moves focus to the slider.
        - - left arrow - down arrow - - Decrements the value.
        - - right arrow - up arrow - - Increments the value.
        - home - Set the minimum value.
        - end - Set the maximum value.
        - page up - Increments the value by 10 steps.
        - page down - Decrements the value by 10 steps.
        -
        +

        Keyboard Support

        +
        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
        KeyFunction
        + tab + Moves focus to the slider.
        + + left arrow + down arrow + + Decrements the value.
        + + right arrow + up arrow + + Increments the value.
        + home + Set the minimum value.
        + end + Set the maximum value.
        + page up + Increments the value by 10 steps.
        + page down + Decrements the value by 10 steps.
        - ` +
        ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: `Number - + -` +` }; } diff --git a/src/app/showcase/doc/knob/basicdoc.ts b/src/app/showcase/doc/knob/basicdoc.ts index 1987153d1cc..2cdd14715d7 100644 --- a/src/app/showcase/doc/knob/basicdoc.ts +++ b/src/app/showcase/doc/knob/basicdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
        - + template: ` +

        Knob is an input component and used with the standard ngModel directive.
        -
        ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - value!: number; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/knob/colordoc.ts b/src/app/showcase/doc/knob/colordoc.ts index 8cea71765a0..4527a3ddaf8 100644 --- a/src/app/showcase/doc/knob/colordoc.ts +++ b/src/app/showcase/doc/knob/colordoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'color-doc', - template: `
        - + template: ` +

        Colors are customized with the textColor, rangeColor and valueColor properties.
        -
        ` + ` }) export class ColorDoc { - @Input() id: string; - - @Input() title: string; - value: number = 50; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/knob/disableddoc.ts b/src/app/showcase/doc/knob/disableddoc.ts index 9c2e79f0d12..6f078bca990 100644 --- a/src/app/showcase/doc/knob/disableddoc.ts +++ b/src/app/showcase/doc/knob/disableddoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'disabled-doc', - template: `
        - + template: ` +

        When disabled is present, a visual hint is applied to indicate that the Knob cannot be interacted with.
        -
        ` + ` }) export class DisabledDoc { - @Input() id: string; - - @Input() title: string; - value: number = 75; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/knob/importdoc.ts b/src/app/showcase/doc/knob/importdoc.ts index 36851f95c11..777f9c5f48d 100644 --- a/src/app/showcase/doc/knob/importdoc.ts +++ b/src/app/showcase/doc/knob/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { KnobModule } from 'primeng/knob';` }; diff --git a/src/app/showcase/doc/knob/knobdoc.module.ts b/src/app/showcase/doc/knob/knobdoc.module.ts index 5a26a637ac5..d55732fd50a 100644 --- a/src/app/showcase/doc/knob/knobdoc.module.ts +++ b/src/app/showcase/doc/knob/knobdoc.module.ts @@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { KnobModule } from 'primeng/knob'; import { ImportDoc } from './importdoc'; import { BasicDoc } from './basicdoc'; diff --git a/src/app/showcase/doc/knob/minmaxdoc.ts b/src/app/showcase/doc/knob/minmaxdoc.ts index e1a20ad1d7c..c3382d00bb4 100644 --- a/src/app/showcase/doc/knob/minmaxdoc.ts +++ b/src/app/showcase/doc/knob/minmaxdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'min-max-doc', - template: `
        - + template: ` +

        Boundaries are configured with the min and max properties whose defaults are 0 and 100 respectively.
        -
        ` + ` }) export class MinMaxDoc { - @Input() id: string; - - @Input() title: string; - value: number = 10; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/knob/reactiveformsdoc.ts b/src/app/showcase/doc/knob/reactiveformsdoc.ts index 007b1d0b55a..63751f56f40 100644 --- a/src/app/showcase/doc/knob/reactiveformsdoc.ts +++ b/src/app/showcase/doc/knob/reactiveformsdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
        - + template: ` +

        Knob can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
        @@ -14,13 +14,9 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - formGroup!: FormGroup; ngOnInit() { @@ -30,8 +26,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
        + basic: `
        `, diff --git a/src/app/showcase/doc/knob/readonlydoc.ts b/src/app/showcase/doc/knob/readonlydoc.ts index 8e12ef95743..d94d2dcc5cf 100644 --- a/src/app/showcase/doc/knob/readonlydoc.ts +++ b/src/app/showcase/doc/knob/readonlydoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'readonly-doc', - template: `
        - + template: ` +

        When readonly present, value cannot be edited.
        -
        ` + ` }) export class ReadonlyDoc { - @Input() id: string; - - @Input() title: string; - value: number = 50; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/knob/sizedoc.ts b/src/app/showcase/doc/knob/sizedoc.ts index 710c1ba5ffc..ee5fd8cda0a 100644 --- a/src/app/showcase/doc/knob/sizedoc.ts +++ b/src/app/showcase/doc/knob/sizedoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'size-doc', - template: `
        - + template: ` +

        Diameter of the knob is defined in pixels using the size property.
        -
        ` + ` }) export class SizeDoc { - @Input() id: string; - - @Input() title: string; - value: number = 60; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/knob/stepdoc.ts b/src/app/showcase/doc/knob/stepdoc.ts index db8587a5375..aac70b52838 100644 --- a/src/app/showcase/doc/knob/stepdoc.ts +++ b/src/app/showcase/doc/knob/stepdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'step-doc', - template: `
        - + template: ` +

        Size of each movement is defined with the step property.
        -
        ` + ` }) export class StepDoc { - @Input() id: string; - - @Input() title: string; - value!: number; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/knob/strokedoc.ts b/src/app/showcase/doc/knob/strokedoc.ts index 7cc11a1c18b..b52ea030b51 100644 --- a/src/app/showcase/doc/knob/strokedoc.ts +++ b/src/app/showcase/doc/knob/strokedoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'stroke-doc', - template: `
        - + template: ` +

        The border size is specified with the strokeWidth property as a number in pixels.
        -
        ` + ` }) export class StrokeDoc { - @Input() id: string; - - @Input() title: string; - value: number = 40; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/knob/styledoc.ts b/src/app/showcase/doc/knob/styledoc.ts index 52ed3c9c40b..7c67495b1e9 100644 --- a/src/app/showcase/doc/knob/styledoc.ts +++ b/src/app/showcase/doc/knob/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
        - + template: ` +

        Following is the list of structural style classes, for theming classes visit theming page.
        @@ -30,10 +30,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/knob/templatedoc.ts b/src/app/showcase/doc/knob/templatedoc.ts index 45bbadbefe7..0ba17b95cd9 100644 --- a/src/app/showcase/doc/knob/templatedoc.ts +++ b/src/app/showcase/doc/knob/templatedoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'template-doc', - template: `
        - + template: ` +

        Label is a string template that can be customized with the valueTemplate property having 60 as the placeholder .
        -
        ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - value: number = 60; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/listbox/accessibilitydoc.ts b/src/app/showcase/doc/listbox/accessibilitydoc.ts index 879f87a18e3..d9749e1556d 100644 --- a/src/app/showcase/doc/listbox/accessibilitydoc.ts +++ b/src/app/showcase/doc/listbox/accessibilitydoc.ts @@ -1,112 +1,105 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
        - -

        Screen Reader

        -

        - Value to describe the component can be provided aria-labelledby or aria-label props. The list element has a listbox role with the aria-multiselectable attribute that sets to true when multiple selection - is enabled. Each list item has an option role with aria-selected and aria-disabled as their attributes. -

        -

        If filtering is enabled, filterInputProps can be defined to give aria-* props to the input element. Alternatively filterPlaceholder is usually utilized by the screen readers as well.

        -         + template: `
        + +

        Screen Reader

        +

        + Value to describe the component can be provided ariaLabelledBy or ariaLabel props. The list element has a listbox role with the aria-multiselectable attribute that sets to true when multiple selection is + enabled. Each list item has an option role with aria-selected and aria-disabled as their attributes. +

        +         - + -

        Keyboard Support

        -
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        KeyFunction
        - tab - Moves focus to the first selected option, if there is none then first option receives the focus.
        - up arrow - Moves focus to the previous option.
        - down arrow - Moves focus to the next option.
        - enter - Toggles the selected state of the focused option.
        - space - Toggles the selected state of the focused option.
        - home - Moves focus to the first option.
        - end - Moves focus to the last option.
        shift + down arrowMoves focus to the next option and toggles the selection state.
        shift + up arrowMoves focus to the previous option and toggles the selection state.
        shift + spaceSelects the items between the most recently selected option and the focused option.
        control + shift + homeSelects the focused options and all the options up to the first one.
        control + shift + endSelects the focused options and all the options down to the last one.
        control + aSelects all options.
        -
        +

        Keyboard Support

        +
        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
        KeyFunction
        + tab + Moves focus to the first selected option, if there is none then first option receives the focus.
        + up arrow + Moves focus to the previous option.
        + down arrow + Moves focus to the next option.
        + enter + Toggles the selected state of the focused option.
        + space + Toggles the selected state of the focused option.
        + home + Moves focus to the first option.
        + end + Moves focus to the last option.
        shift + down arrowMoves focus to the next option and toggles the selection state.
        shift + up arrowMoves focus to the previous option and toggles the selection state.
        shift + spaceSelects the items between the most recently selected option and the focused option.
        control + shift + homeSelects the focused options and all the options up to the first one.
        control + shift + endSelects the focused options and all the options down to the last one.
        control + aSelects all options.
        - ` +
        ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: `Options - + -` +` }; } diff --git a/src/app/showcase/doc/listbox/basicdoc.ts b/src/app/showcase/doc/listbox/basicdoc.ts index afb266a67d6..b21e4d99556 100644 --- a/src/app/showcase/doc/listbox/basicdoc.ts +++ b/src/app/showcase/doc/listbox/basicdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; interface City { @@ -8,8 +8,8 @@ interface City { @Component({ selector: 'basic-doc', - template: `
        - + template: ` +

        Listbox is used as a controlled component with ngModel property along with an options collection. Label and value of an option are defined with the optionLabel and optionValue properties respectively. Default property name for the optionLabel is label and value for the optionValue. If optionValue is omitted and the object has no value property, the object itself becomes the value of an @@ -17,16 +17,12 @@ interface City {

        - +
        -
        ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - cities!: City[]; selectedCity!: City; @@ -42,12 +38,11 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        - +
        `, typescript: ` diff --git a/src/app/showcase/doc/listbox/disableddoc.ts b/src/app/showcase/doc/listbox/disableddoc.ts index b18c26a66f9..23a7e5a0d12 100644 --- a/src/app/showcase/doc/listbox/disableddoc.ts +++ b/src/app/showcase/doc/listbox/disableddoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; interface City { @@ -8,21 +8,17 @@ interface City { @Component({ selector: 'disabled-doc', - template: `
        - + template: ` +

        When disabled is present, the element cannot be edited and focused.
        - +
        -
        ` + ` }) export class DisabledDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - cities!: City[]; selectedCity!: City; @@ -38,12 +34,11 @@ export class DisabledDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        - +
        `, typescript: ` diff --git a/src/app/showcase/doc/listbox/filterdoc.ts b/src/app/showcase/doc/listbox/filterdoc.ts index a8de5784222..0736c98d5cf 100644 --- a/src/app/showcase/doc/listbox/filterdoc.ts +++ b/src/app/showcase/doc/listbox/filterdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; interface City { @@ -8,21 +8,17 @@ interface City { @Component({ selector: 'filter-doc', - template: `
        - + template: ` +

        ListBox provides built-in filtering that is enabled by adding the filter property.
        - +
        -
        ` + ` }) export class FilterDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - cities!: City[]; selectedCity!: City; @@ -38,12 +34,11 @@ export class FilterDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        - +
        `, typescript: ` diff --git a/src/app/showcase/doc/listbox/groupdoc.ts b/src/app/showcase/doc/listbox/groupdoc.ts index db5e5bf8794..e78b4a65f75 100644 --- a/src/app/showcase/doc/listbox/groupdoc.ts +++ b/src/app/showcase/doc/listbox/groupdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { SelectItemGroup } from 'primeng/api'; import { Code } from '../../domain/code'; @@ -9,8 +9,8 @@ interface Country { @Component({ selector: 'group-doc', - template: `
        - + template: ` +

        Options can be grouped when a nested data structures is provided.
        @@ -24,13 +24,9 @@ interface Country {
        -
        ` + ` }) export class GroupDoc { - @Input() id: string; - - @Input() title: string; - groupedCities!: SelectItemGroup[]; selectedCountry!: Country; @@ -71,8 +67,7 @@ export class GroupDoc { } code: Code = { - basic: ` - + basic: `
        diff --git a/src/app/showcase/doc/listbox/importdoc.ts b/src/app/showcase/doc/listbox/importdoc.ts index f5c0bc2edb8..799b36937ef 100644 --- a/src/app/showcase/doc/listbox/importdoc.ts +++ b/src/app/showcase/doc/listbox/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { ListboxModule } from 'primeng/listbox';` }; diff --git a/src/app/showcase/doc/listbox/invaliddoc.ts b/src/app/showcase/doc/listbox/invaliddoc.ts index 9f909dc58cd..f06dea3f1a0 100644 --- a/src/app/showcase/doc/listbox/invaliddoc.ts +++ b/src/app/showcase/doc/listbox/invaliddoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; interface City { @@ -8,21 +8,17 @@ interface City { @Component({ selector: 'listbox-invalid-demo', - template: `
        - + template: ` +

        Invalid state style is added using the ng-invalid and ng-dirty class to indicate a failed validation.
        - +
        -
        ` + ` }) export class InvalidDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - cities!: City[]; selectedCity!: City; @@ -38,12 +34,11 @@ export class InvalidDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        - +
        `, typescript: ` diff --git a/src/app/showcase/doc/listbox/listboxdoc.module.ts b/src/app/showcase/doc/listbox/listboxdoc.module.ts index 25abe270325..6e98e10497b 100644 --- a/src/app/showcase/doc/listbox/listboxdoc.module.ts +++ b/src/app/showcase/doc/listbox/listboxdoc.module.ts @@ -4,7 +4,7 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { RouterModule } from '@angular/router'; import { ListboxModule } from 'primeng/listbox'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { DisabledDoc } from './disableddoc'; @@ -16,10 +16,11 @@ import { MultipleDoc } from './multipledoc'; import { ReactiveFormsDoc } from './reactiveformsdoc'; import { StyleDoc } from './styledoc'; import { TemplateDoc } from './templatedoc'; +import { VirtualScrollDoc } from './virtualscrolldoc'; @NgModule({ imports: [CommonModule, AppCodeModule, RouterModule, ListboxModule, FormsModule, ReactiveFormsModule, AppDocModule], exports: [AppDocModule], - declarations: [ImportDoc, BasicDoc, MultipleDoc, TemplateDoc, InvalidDoc, DisabledDoc, FilterDoc, GroupDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc] + declarations: [ImportDoc, BasicDoc, MultipleDoc, TemplateDoc, InvalidDoc, DisabledDoc, FilterDoc, GroupDoc, StyleDoc, AccessibilityDoc, ReactiveFormsDoc, VirtualScrollDoc] }) export class ListboxDocModule {} diff --git a/src/app/showcase/doc/listbox/multipledoc.ts b/src/app/showcase/doc/listbox/multipledoc.ts index a8d4738d6c2..64f45db88de 100644 --- a/src/app/showcase/doc/listbox/multipledoc.ts +++ b/src/app/showcase/doc/listbox/multipledoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; interface City { @@ -8,24 +8,20 @@ interface City { @Component({ selector: 'multiple-doc', - template: `
        - + template: ` +

        ListBox allows choosing a single item by default, enable multiple property to choose more than one. When the optional metaKeySelection is present, behavior is changed in a way that selecting a new item requires meta key to be present.

        - +
        -
        ` + ` }) export class MultipleDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - cities!: City[]; selectedCities!: City[]; @@ -41,14 +37,11 @@ export class MultipleDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        - +
        `, typescript: ` diff --git a/src/app/showcase/doc/listbox/reactiveformsdoc.ts b/src/app/showcase/doc/listbox/reactiveformsdoc.ts index f950d304e78..0d78637af8e 100644 --- a/src/app/showcase/doc/listbox/reactiveformsdoc.ts +++ b/src/app/showcase/doc/listbox/reactiveformsdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @@ -9,23 +9,19 @@ interface City { @Component({ selector: 'reactive-forms-doc', - template: `
        - + template: ` +

        Listbox can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
        - +
        -
        ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - cities!: City[]; formGroup!: FormGroup; @@ -45,15 +41,14 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
        - + basic: ` +
        `, html: `
        - +
        `, diff --git a/src/app/showcase/doc/listbox/styledoc.ts b/src/app/showcase/doc/listbox/styledoc.ts index 689e0f60e1b..3b566cd7599 100644 --- a/src/app/showcase/doc/listbox/styledoc.ts +++ b/src/app/showcase/doc/listbox/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
        - + template: ` +

        Following is the list of structural style classes, for theming classes visit theming page.
        @@ -38,10 +38,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/listbox/templatedoc.ts b/src/app/showcase/doc/listbox/templatedoc.ts index 94e552775d2..d6d3474664b 100644 --- a/src/app/showcase/doc/listbox/templatedoc.ts +++ b/src/app/showcase/doc/listbox/templatedoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; interface Country { @@ -8,12 +8,12 @@ interface Country { @Component({ selector: 'template-doc', - template: `
        - + template: ` +

        Custom content for an option is displayed with the pTemplate property that takes an option as a parameter.
        - +
        @@ -23,13 +23,9 @@ interface Country {
        -
        ` + ` }) export class TemplateDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - countries!: Country[]; selectedCountry!: Country; @@ -50,8 +46,7 @@ export class TemplateDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
        @@ -62,7 +57,7 @@ export class TemplateDoc implements OnInit { html: `
        - +
        diff --git a/src/app/showcase/doc/listbox/virtualscrolldoc.ts b/src/app/showcase/doc/listbox/virtualscrolldoc.ts new file mode 100644 index 00000000000..7652075addb --- /dev/null +++ b/src/app/showcase/doc/listbox/virtualscrolldoc.ts @@ -0,0 +1,122 @@ +import { Component } from '@angular/core'; +import { Code } from '../../domain/code'; + +@Component({ + selector: 'virtual-scroll-doc', + template: ` + +

        + VirtualScrolling is an efficient way of rendering the options by displaying a small subset of data in the viewport at any time. When dealing with huge number of options, it is suggested to enable VirtualScrolling to avoid performance + issues. Usage is simple as setting virtualScroll property to true and defining virtualScrollItemSize to specify the height of an item. +

        +         +
        + +
        + + ` +}) +export class VirtualScrollDoc { + items = Array.from({ length: 100000 }, (_, i) => ({ label: `Item #${i}`, value: i })); + + selectedItems!: any[]; + + selectAll: boolean = false; + + onSelectAllChange(event) { + this.selectedItems = event.checked ? [...this.items] : []; + this.selectAll = event.checked; + } + + onChange(event) { + const { value } = event; + if (value) this.selectAll = value.length === this.items.length; + } + + code: Code = { + basic: ``, + + html: ` +
        + +
        `, + + typescript: ` +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'listbox-virtual-scroll-demo', + templateUrl: './listbox-virtual-scroll-demo.html' +}) +export class ListboxVirtualScrollDemo { + items = Array.from({ length: 100000 }, (_, i) => ({ label: \`Item #\${i}\`, value: i })) + + selectedItems!: any[]; + + selectAll = false; + + onSelectAllChange(event) { + this.selectedItems = event.checked ? [...this.items] : []; + this.selectAll = event.checked; + event.updateModel(this.selectedItems, event.originalEvent) + } + + onChange(event) { + const { originalEvent, value } = event + if(value) this.selectAll = value.length === this.items.length; + } + +}` + }; +} diff --git a/src/app/showcase/doc/megamenu/accessibilitydoc.ts b/src/app/showcase/doc/megamenu/accessibilitydoc.ts index b6ea75dd5db..867b03ddd6e 100644 --- a/src/app/showcase/doc/megamenu/accessibilitydoc.ts +++ b/src/app/showcase/doc/megamenu/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
        - +

        Screen Reader

        MegaMenu component uses the menubar role along with aria-orientation and the value to describe the component can either be provided with aria-labelledby or aria-label props. Each list item has a @@ -71,8 +71,4 @@ import { Component, Input } from '@angular/core';

        ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/megamenu/basicdoc.ts b/src/app/showcase/doc/megamenu/basicdoc.ts index 5550c15d4e9..85d98866b16 100644 --- a/src/app/showcase/doc/megamenu/basicdoc.ts +++ b/src/app/showcase/doc/megamenu/basicdoc.ts @@ -1,24 +1,20 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MegaMenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
        - + template: ` +

        MegaMenu requires a collection of menuitems as its model.
        -
        ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MegaMenuItem[] | undefined; ngOnInit() { @@ -141,8 +137,7 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/megamenu/importdoc.ts b/src/app/showcase/doc/megamenu/importdoc.ts index 8dc9874be3d..b289263c15a 100644 --- a/src/app/showcase/doc/megamenu/importdoc.ts +++ b/src/app/showcase/doc/megamenu/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { MegaMenuModule } from 'primeng/megamenu';` }; diff --git a/src/app/showcase/doc/megamenu/megamenudoc.module.ts b/src/app/showcase/doc/megamenu/megamenudoc.module.ts index 262e91e6725..f0529eae36e 100644 --- a/src/app/showcase/doc/megamenu/megamenudoc.module.ts +++ b/src/app/showcase/doc/megamenu/megamenudoc.module.ts @@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { ImportDoc } from './importdoc'; import { BasicDoc } from './basicdoc'; import { StyleDoc } from './styledoc'; diff --git a/src/app/showcase/doc/megamenu/styledoc.ts b/src/app/showcase/doc/megamenu/styledoc.ts index 0448c91638c..d1ec69aadbb 100644 --- a/src/app/showcase/doc/megamenu/styledoc.ts +++ b/src/app/showcase/doc/megamenu/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
        - + template: ` +

        Following is the list of structural style classes, for theming classes visit theming page.
        @@ -42,10 +42,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/megamenu/templatedoc.ts b/src/app/showcase/doc/megamenu/templatedoc.ts index 8907d422e1a..90f70ed6a19 100644 --- a/src/app/showcase/doc/megamenu/templatedoc.ts +++ b/src/app/showcase/doc/megamenu/templatedoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MegaMenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'template-doc', - template: `
        - + template: ` +

        Custom content can be placed between p-megaMenu tags. Megamenu should be horizontal for custom content.
        @@ -19,13 +19,9 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class TemplateDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MegaMenuItem[] | undefined; ngOnInit() { @@ -148,8 +144,7 @@ export class TemplateDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/megamenu/verticaldoc.ts b/src/app/showcase/doc/megamenu/verticaldoc.ts index 7eb3cb3570e..8ddd569c429 100644 --- a/src/app/showcase/doc/megamenu/verticaldoc.ts +++ b/src/app/showcase/doc/megamenu/verticaldoc.ts @@ -1,24 +1,20 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MegaMenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'vertical-doc', - template: `
        - + template: ` +

        Layout of the MegaMenu is changed with the orientation property that accepts horizontal and vertical as options.
        -
        ` + ` }) export class VerticalDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MegaMenuItem[] | undefined; ngOnInit() { @@ -141,8 +137,7 @@ export class VerticalDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/menu/accessibilitydoc.ts b/src/app/showcase/doc/menu/accessibilitydoc.ts index e2cc949a2d6..5bfcb420a35 100644 --- a/src/app/showcase/doc/menu/accessibilitydoc.ts +++ b/src/app/showcase/doc/menu/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
        - +

        Screen Reader

        Menu component uses the menu role and the value to describe the menu can either be provided with aria-labelledby or aria-label props. Each list item has a presentation role whereas anchor elements have a @@ -63,8 +63,4 @@ import { Component, Input } from '@angular/core';

        ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/menu/basicdoc.ts b/src/app/showcase/doc/menu/basicdoc.ts index 7c597308caf..56483e15c20 100644 --- a/src/app/showcase/doc/menu/basicdoc.ts +++ b/src/app/showcase/doc/menu/basicdoc.ts @@ -1,24 +1,20 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
        - + template: ` +

        Menu requires a collection of menuitems as its model.
        -
        ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; ngOnInit() { @@ -35,8 +31,7 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/menu/commanddoc.ts b/src/app/showcase/doc/menu/commanddoc.ts index b0672dab7e5..f0cff6de9d8 100644 --- a/src/app/showcase/doc/menu/commanddoc.ts +++ b/src/app/showcase/doc/menu/commanddoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'command-doc', - template: `
        - + template: ` +

        The function to invoke when an item is clicked is defined using the command property.
        @@ -13,14 +13,10 @@ import { Code } from '../../domain/code';
        -
        `, + `, providers: [MessageService] }) export class CommandDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; constructor(private messageService: MessageService) {} @@ -53,8 +49,7 @@ export class CommandDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` `, html: ` diff --git a/src/app/showcase/doc/menu/customdoc.ts b/src/app/showcase/doc/menu/customdoc.ts index d9c70e79794..12845df9e88 100644 --- a/src/app/showcase/doc/menu/customdoc.ts +++ b/src/app/showcase/doc/menu/customdoc.ts @@ -1,24 +1,33 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'custom-content-doc', - template: `
        - + template: ` +

        Label of a menuitem both supports simple strings and html values as well. By default, html values are escaped, use escape property to allow html.
        - + + + +
        + + {{ item.label }} +
        +
        + {{ item.shortcut }} + +
        +         +         +
        -
        ` + ` }) export class CustomContentDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; ngOnInit() { @@ -27,16 +36,16 @@ export class CustomContentDoc implements OnInit { label: 'Options', items: [ { - label: 'Refresh', - escape: false, + label: 'Refresh', icon: 'pi pi-refresh', - iconClass: 'text-xl' + shortcut: '⌘+U', + shortcutClass: 'p-1 font-medium border-round text-sm surface-ground' }, { - label: 'Delete', - escape: false, + label: 'Delete', icon: 'pi pi-times', - iconClass: 'text-xl' + shortcut: '⌘+B', + shortcutClass: 'p-1 font-medium border-round text-sm surface-ground' } ] }, @@ -46,12 +55,15 @@ export class CustomContentDoc implements OnInit { { label: 'Angular', icon: 'pi pi-external-link', + badge: '2', + badgeSeverity: 'success', url: 'http://angular.io' }, { - label: 'Router', + label: 'File Upload', icon: 'pi pi-upload', - routerLink: '/fileupload' + routerLink: '/fileupload', + badge: '2' } ] } @@ -59,12 +71,37 @@ export class CustomContentDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ` + + +
        + + {{ item.label }} +
        +
        + {{ item.shortcut }} + +
        +         +         +        `, html: `
        - + + + +
        + + {{ item.label }} +
        +
        + {{ item.shortcut }} + +
        +         +         +
        `, typescript: ` diff --git a/src/app/showcase/doc/menu/groupdoc.ts b/src/app/showcase/doc/menu/groupdoc.ts index 4d8c73085ae..d78121136d6 100644 --- a/src/app/showcase/doc/menu/groupdoc.ts +++ b/src/app/showcase/doc/menu/groupdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'menu-group-demo', - template: `
        - + template: ` +

        Menu supports one level of nesting by defining children with items property.
        @@ -13,14 +13,10 @@ import { Code } from '../../domain/code';
        -
        `, + `, providers: [MessageService] }) export class GroupDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; constructor(private messageService: MessageService) {} @@ -73,8 +69,7 @@ export class GroupDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` `, html: ` diff --git a/src/app/showcase/doc/menu/importdoc.ts b/src/app/showcase/doc/menu/importdoc.ts index 0a95db84436..96c5a825c7e 100644 --- a/src/app/showcase/doc/menu/importdoc.ts +++ b/src/app/showcase/doc/menu/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { MenuModule } from 'primeng/menu';` }; diff --git a/src/app/showcase/doc/menu/menudoc.module.ts b/src/app/showcase/doc/menu/menudoc.module.ts index 7d8db27b13d..c793a148d3c 100644 --- a/src/app/showcase/doc/menu/menudoc.module.ts +++ b/src/app/showcase/doc/menu/menudoc.module.ts @@ -1,23 +1,25 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; -import { MenuModule } from 'primeng/menu'; +import { AvatarModule } from 'primeng/avatar'; +import { BadgeModule } from 'primeng/badge'; import { ButtonModule } from 'primeng/button'; +import { MenuModule } from 'primeng/menu'; import { ToastModule } from 'primeng/toast'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; +import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; -import { CustomContentDoc } from './customdoc'; import { CommandDoc } from './commanddoc'; +import { CustomContentDoc } from './customdoc'; import { GroupDoc } from './groupdoc'; import { ImportDoc } from './importdoc'; import { NavigationDoc } from './navigationdoc'; import { PopupDoc } from './popupdoc'; import { StyleDoc } from './styledoc'; -import { AccessibilityDoc } from './accessibilitydoc'; @NgModule({ - imports: [CommonModule, AppCodeModule, RouterModule, MenuModule, ToastModule, ButtonModule, AppDocModule], + imports: [CommonModule, AppCodeModule, RouterModule, MenuModule, ToastModule, ButtonModule, AvatarModule, AppDocModule, BadgeModule], declarations: [BasicDoc, CommandDoc, CustomContentDoc, GroupDoc, ImportDoc, NavigationDoc, PopupDoc, StyleDoc, AccessibilityDoc], exports: [AppDocModule] }) diff --git a/src/app/showcase/doc/menu/navigationdoc.ts b/src/app/showcase/doc/menu/navigationdoc.ts index fa67903f5b2..c3f53d16414 100644 --- a/src/app/showcase/doc/menu/navigationdoc.ts +++ b/src/app/showcase/doc/menu/navigationdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'navigation-doc', - template: `
        - + template: ` +

        Navigation is specified using url property for external links and with routerLink for internal ones. If a menuitem has an active route, p-menuitem-link-active style class is added as an indicator. Active route link can be configured with routerLinkActiveOptions property of MenuItem API. @@ -15,13 +15,9 @@ import { Code } from '../../domain/code';

        - ` + ` }) export class NavigationDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; ngOnInit() { @@ -38,8 +34,7 @@ export class NavigationDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/menu/popupdoc.ts b/src/app/showcase/doc/menu/popupdoc.ts index b66506e3e56..6d80ac8d84b 100644 --- a/src/app/showcase/doc/menu/popupdoc.ts +++ b/src/app/showcase/doc/menu/popupdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'popup-doc', - template: `
        - + template: ` +

        Popup mode is enabled by setting popup property to true and calling toggle method with an event of the target.
        @@ -14,14 +14,10 @@ import { Code } from '../../domain/code';
        -
        `, + `, providers: [MessageService] }) export class PopupDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; constructor(private messageService: MessageService) {} @@ -74,8 +70,7 @@ export class PopupDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/menu/styledoc.ts b/src/app/showcase/doc/menu/styledoc.ts index 0c999dfc5eb..f9fd45ad26d 100644 --- a/src/app/showcase/doc/menu/styledoc.ts +++ b/src/app/showcase/doc/menu/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
        - + template: ` +

        Following is the list of structural style classes, for theming classes visit theming page.
        @@ -38,10 +38,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/menubar/accessibilitydoc.ts b/src/app/showcase/doc/menubar/accessibilitydoc.ts index 9a0ff5e38a1..9f1471d671f 100644 --- a/src/app/showcase/doc/menubar/accessibilitydoc.ts +++ b/src/app/showcase/doc/menubar/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
        - +

        Screen Reader

        Menubar component uses the menubar role and the value to describe the menu can either be provided with aria-labelledby or aria-label props. Each list item has a presentation role whereas anchor elements @@ -76,8 +76,4 @@ import { Component, Input } from '@angular/core';

        ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/menubar/basicdoc.ts b/src/app/showcase/doc/menubar/basicdoc.ts index 45066babcbd..d045bcb90d5 100644 --- a/src/app/showcase/doc/menubar/basicdoc.ts +++ b/src/app/showcase/doc/menubar/basicdoc.ts @@ -1,24 +1,20 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
        - + template: ` +

        Menubar requires nested menuitems as its model.
        -
        ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; ngOnInit() { @@ -148,8 +144,7 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/menubar/importdoc.ts b/src/app/showcase/doc/menubar/importdoc.ts index 5db1ac84ac0..1ecf9e3a55f 100644 --- a/src/app/showcase/doc/menubar/importdoc.ts +++ b/src/app/showcase/doc/menubar/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { MenubarModule } from 'primeng/menubar';` }; diff --git a/src/app/showcase/doc/menubar/menubardoc.module.ts b/src/app/showcase/doc/menubar/menubardoc.module.ts index 62b2278b53d..45347da6dcd 100644 --- a/src/app/showcase/doc/menubar/menubardoc.module.ts +++ b/src/app/showcase/doc/menubar/menubardoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { MenubarModule } from 'primeng/menubar'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { TemplateDoc } from './templatedoc'; import { BasicDoc } from './basicdoc'; import { ImportDoc } from './importdoc'; diff --git a/src/app/showcase/doc/menubar/styledoc.ts b/src/app/showcase/doc/menubar/styledoc.ts index ec10d204d84..5e9c0360c90 100644 --- a/src/app/showcase/doc/menubar/styledoc.ts +++ b/src/app/showcase/doc/menubar/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
        - + template: ` +

        Following is the list of structural style classes, for theming classes visit theming page.
        @@ -42,10 +42,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/menubar/templatedoc.ts b/src/app/showcase/doc/menubar/templatedoc.ts index d048c330842..5c92cbe3d7a 100644 --- a/src/app/showcase/doc/menubar/templatedoc.ts +++ b/src/app/showcase/doc/menubar/templatedoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'menubar-template-demo', - template: `
        - + template: ` +

        Custom content can be placed inside the menubar using the start and end templates.
        @@ -19,13 +19,9 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class TemplateDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; ngOnInit() { @@ -155,8 +151,7 @@ export class TemplateDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/messages/accessibilitydoc.ts b/src/app/showcase/doc/messages/accessibilitydoc.ts index 015564442fb..55079b20ec0 100644 --- a/src/app/showcase/doc/messages/accessibilitydoc.ts +++ b/src/app/showcase/doc/messages/accessibilitydoc.ts @@ -1,18 +1,15 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: ` - +

        Screen Reader

        Message components use alert role that implicitly defines aria-live as "assertive" and aria-atomic as "true". Since any attribute is passed to the root element, attributes like aria-labelledby and aria-label can optionally be used as well.

        -

        - Close element is a button with an aria-label that refers to the aria.close property of the locale API by default, you may usecloseButtonProps to customize the element - and override the default aria-label. -

        +

        Close element is a button with an aria-label that refers to the aria.close property of the locale API by default.

        Close Button Keyboard Support

        @@ -38,8 +35,4 @@ import { Component, Input } from '@angular/core'; ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/messages/animationdoc.ts b/src/app/showcase/doc/messages/animationdoc.ts index 3bfc32d685c..703c6b73628 100644 --- a/src/app/showcase/doc/messages/animationdoc.ts +++ b/src/app/showcase/doc/messages/animationdoc.ts @@ -1,24 +1,20 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Message } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'animation-doc', - template: `
        - + template: ` +

        Transition of the open and hide animations can be customized using the showTransitionOptions and hideTransitionOptions properties, example below disables the animations altogether.
        -
        ` + ` }) export class AnimationDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - messages: Message[] | undefined; ngOnInit() { @@ -29,8 +25,7 @@ export class AnimationDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/messages/basicdoc.ts b/src/app/showcase/doc/messages/basicdoc.ts index c3eb712d031..c0f2fcbd097 100644 --- a/src/app/showcase/doc/messages/basicdoc.ts +++ b/src/app/showcase/doc/messages/basicdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Message } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
        - + template: ` +

        A single message is specified by Message interface in PrimeNG that defines the id, severity, summary and detail as the properties. Messages to display can either be defined using the value property which should an array of Message instances or using a MessageService are defined using the value property which should an array of Message instances. @@ -15,13 +15,9 @@ import { Code } from '../../domain/code';

        - ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - messages: Message[] | undefined; ngOnInit() { @@ -29,8 +25,7 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/messages/closabledoc.ts b/src/app/showcase/doc/messages/closabledoc.ts index eb5ca369c5a..d388e9b8cf9 100644 --- a/src/app/showcase/doc/messages/closabledoc.ts +++ b/src/app/showcase/doc/messages/closabledoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Message } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'closable-doc', - template: `
        - + template: ` +

        Messages are closable by default resulting in a close icon being displayed on top right corner. In order to disable closable messages, set closable to false. Note that in this case two-way binding is not necessary as the component does not need to update its value. @@ -16,13 +16,9 @@ import { Code } from '../../domain/code';

        - ` + ` }) export class ClosableDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - messages1: Message[] | undefined; messages2: Message[] | undefined; @@ -34,14 +30,13 @@ export class ClosableDoc implements OnInit { ]; this.messages2 = [ - { severity: 'warn', summary: 'Waning', detail: 'Closable Message Content' }, + { severity: 'warn', summary: 'Warning', detail: 'Closable Message Content' }, { severity: 'error', summary: 'Error', detail: 'Closable Message Content' } ]; } code: Code = { - basic: ` - + basic: ` `, html: `
        diff --git a/src/app/showcase/doc/messages/dynamicdoc.ts b/src/app/showcase/doc/messages/dynamicdoc.ts index 14a23358fbd..73c5c230d9a 100644 --- a/src/app/showcase/doc/messages/dynamicdoc.ts +++ b/src/app/showcase/doc/messages/dynamicdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Message } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'messages-dynamic-demo', - template: `
        - + template: ` +

        A binding to the value property is required to provide messages to the component.
        @@ -14,13 +14,9 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class DynamicDoc { - @Input() id: string; - - @Input() title: string; - messages: Message[] | undefined; addMessages() { @@ -37,8 +33,7 @@ export class DynamicDoc { } code: Code = { - basic: ` - + basic: ` `, html: ` diff --git a/src/app/showcase/doc/messages/importdoc.ts b/src/app/showcase/doc/messages/importdoc.ts index d75c84ea040..27cf4d311a7 100644 --- a/src/app/showcase/doc/messages/importdoc.ts +++ b/src/app/showcase/doc/messages/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-demo', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { MessagesModule } from 'primeng/messages';` }; diff --git a/src/app/showcase/doc/messages/inlinedoc.ts b/src/app/showcase/doc/messages/inlinedoc.ts index d09cca3d123..996a6657c11 100644 --- a/src/app/showcase/doc/messages/inlinedoc.ts +++ b/src/app/showcase/doc/messages/inlinedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'messages-inline-demo', - template: `
        - + template: ` +

        p-message component is used to display inline messages mostly within forms.
        @@ -32,16 +32,11 @@ import { Code } from '../../domain/code';
        - ` + ` }) export class InlineDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -
        + basic: `
        diff --git a/src/app/showcase/doc/messages/messagesdoc.module.ts b/src/app/showcase/doc/messages/messagesdoc.module.ts index 9f9c74ee61c..55574b5387e 100644 --- a/src/app/showcase/doc/messages/messagesdoc.module.ts +++ b/src/app/showcase/doc/messages/messagesdoc.module.ts @@ -5,7 +5,7 @@ import { FormsModule } from '@angular/forms'; import { MessagesModule } from 'primeng/messages'; import { MessageModule } from 'primeng/message'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { ImportDoc } from './importdoc'; import { BasicDoc } from './basicdoc'; import { MessagesStyleDoc } from './messagesstyledoc'; diff --git a/src/app/showcase/doc/messages/messagesstyledoc.ts b/src/app/showcase/doc/messages/messagesstyledoc.ts index a333a11228a..5d4deb4bf70 100644 --- a/src/app/showcase/doc/messages/messagesstyledoc.ts +++ b/src/app/showcase/doc/messages/messagesstyledoc.ts @@ -1,9 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'messagesstyle-demo', - template: `
        - + template: `

        Following is the list of structural style classes, for theming classes visit theming page.

        @@ -61,10 +60,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class MessagesStyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class MessagesStyleDoc {} diff --git a/src/app/showcase/doc/messages/messagestyledoc.ts b/src/app/showcase/doc/messages/messagestyledoc.ts index 202f562e5bc..bf0d5ab4969 100644 --- a/src/app/showcase/doc/messages/messagestyledoc.ts +++ b/src/app/showcase/doc/messages/messagestyledoc.ts @@ -1,9 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'messagestyle-demo', - template: `
        - + template: `

        Following is the list of structural style classes, for theming classes visit theming page.

        @@ -45,10 +44,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class MessageStyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class MessageStyleDoc {} diff --git a/src/app/showcase/doc/messages/servicedoc.ts b/src/app/showcase/doc/messages/servicedoc.ts index 963f1f33e94..24c1bf34256 100644 --- a/src/app/showcase/doc/messages/servicedoc.ts +++ b/src/app/showcase/doc/messages/servicedoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'service-doc', - template: `
        - + template: ` +

        MessageService alternative does not require a value binding to an array. In order to use this service, import the class and define it as a provider in a component higher up in the component tree such as application instance itself so that descandant components can have it injected. If there are multiple message components having the same message service, you may use key property of the component to match the key of the message to implement scoping. @@ -20,14 +20,10 @@ import { Code } from '../../domain/code';

        - `, + `, providers: [MessageService] }) export class ServiceDoc { - @Input() id: string; - - @Input() title: string; - constructor(private messageService: MessageService) {} addSingle() { @@ -46,8 +42,7 @@ export class ServiceDoc { } code: Code = { - basic: ` -
        + basic: `
        diff --git a/src/app/showcase/doc/messages/severitydoc.ts b/src/app/showcase/doc/messages/severitydoc.ts index 9687ff75652..4a25e645d0e 100644 --- a/src/app/showcase/doc/messages/severitydoc.ts +++ b/src/app/showcase/doc/messages/severitydoc.ts @@ -1,24 +1,20 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Message } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'severity-doc', - template: `
        - + template: ` +

        The severity option specifies the type of the message.
        -
        ` + ` }) export class SeverityDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - messages: Message[] | undefined; ngOnInit() { @@ -31,8 +27,7 @@ export class SeverityDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/messages/staticdoc.ts b/src/app/showcase/doc/messages/staticdoc.ts index 9ee1c40a7ed..e22a70d372c 100644 --- a/src/app/showcase/doc/messages/staticdoc.ts +++ b/src/app/showcase/doc/messages/staticdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'static-doc', - template: `
        - + template: ` +

        Alternative way to provide the content for the messages is templating. In this case value property and message service is ignored and only static is displayed.
        @@ -16,16 +16,11 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class StaticDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `
        Always bet on Prime.
        diff --git a/src/app/showcase/doc/multiselect/accessibilitydoc.ts b/src/app/showcase/doc/multiselect/accessibilitydoc.ts index 8056c9c820c..e2d8d1be2a7 100644 --- a/src/app/showcase/doc/multiselect/accessibilitydoc.ts +++ b/src/app/showcase/doc/multiselect/accessibilitydoc.ts @@ -1,235 +1,229 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
        - -

        Screen Reader

        -

        - Value to describe the component can either be provided with aria-labelledby or aria-label props. The multiselect component has a combobox role in addition to aria-haspopup and - aria-expanded attributes. The relation between the combobox and the popup is created with aria-controls attribute that refers to the id of the popup listbox. -

        -

        The popup listbox uses listbox as the role with aria-multiselectable enabled. Each list item has an option role along with aria-label, aria-selected and aria-disabled attributes.

        + template: `
        + +

        Screen Reader

        +

        + Value to describe the component can either be provided with ariaLabelledBy or ariaLabel props. The multiselect component has a combobox role in addition to aria-haspopup and aria-expanded attributes. + The relation between the combobox and the popup is created with aria-controls attribute that refers to the id of the popup listbox. +

        +

        The popup listbox uses listbox as the role with aria-multiselectable enabled. Each list item has an option role along with aria-label, aria-selected and aria-disabled attributes.

        -

        - Checkbox component at the header uses a hidden native checkbox element internally that is only visible to screen readers. Value to read is defined with the selectAll and unselectAll keys of the aria property - from the locale API. -

        +

        + Checkbox component at the header uses a hidden native checkbox element internally that is only visible to screen readers. Value to read is defined with the selectAll and unselectAll keys of the aria property from + the locale API. +

        -

        If filtering is enabled, filterInputProps can be defined to give aria-* props to the input element.

        +

        If filtering is enabled, filterInputProps can be defined to give aria-* props to the input element.

        -

        Close button uses close key of the aria property from the locale API as the aria-label by default, this can be overriden with the closeButtonProps.

        -         +

        Close button uses close key of the aria property from the locale API as the aria-label by default, this can be overriden with the closeButtonProps.

        + - + -

        Closed State Keyboard Support

        -
        - - - - - - - - - - - - - - - - - - - - - - - - - -
        KeyFunction
        - tab - Moves focus to the multiselect element.
        - space - Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.
        - down arrow - Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.
        - up arrow - Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.
        -
        +

        Closed State Keyboard Support

        +
        + + + + + + + + + + + + + + + + + + + + + + + + + +
        KeyFunction
        + tab + Moves focus to the multiselect element.
        + space + Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.
        + down arrow + Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.
        + up arrow + Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.
        +
        -

        Popup Keyboard Support

        -
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        KeyFunction
        - tab - Moves focus to the next focusable element in the popup, if there is none then first focusable element receives the focus.
        shift + tabMoves focus to the previous focusable element in the popup, if there is none then last focusable element receives the focus.
        - enter - Toggles the selection state of the focused option.
        - space - Toggles the selection state of the focused option.
        - escape - Closes the popup, moves focus to the multiselect element.
        - down arrow - Moves focus to the next option, if there is none then visual focus does not change.
        - up arrow - Moves focus to the previous option, if there is none then visual focus does not change.
        - home - Moves focus to the first option.
        - end - Moves focus to the last option.
        - any printable character - Moves focus to the option whose label starts with the characters being typed if dropdown is not editable.
        -
        +

        Popup Keyboard Support

        +
        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
        KeyFunction
        + tab + Moves focus to the next focusable element in the popup, if there is none then first focusable element receives the focus.
        shift + tabMoves focus to the previous focusable element in the popup, if there is none then last focusable element receives the focus.
        + enter + Toggles the selection state of the focused option.
        + space + Toggles the selection state of the focused option.
        + escape + Closes the popup, moves focus to the multiselect element.
        + down arrow + Moves focus to the next option, if there is none then visual focus does not change.
        + up arrow + Moves focus to the previous option, if there is none then visual focus does not change.
        + home + Moves focus to the first option.
        + end + Moves focus to the last option.
        + any printable character + Moves focus to the option whose label starts with the characters being typed if dropdown is not editable.
        +
        -

        Toggle All Checkbox Keyboard Support

        -
        - - - - - - - - - - - - - - - - - -
        KeyFunction
        - space - Toggles the checked state.
        - escape - Closes the popup.
        -
        +

        Toggle All Checkbox Keyboard Support

        +
        + + + + + + + + + + + + + + + + + +
        KeyFunction
        + space + Toggles the checked state.
        + escape + Closes the popup.
        +
        -

        Filter Input Keyboard Support

        -
        - - - - - - - - - - - - - - - - - -
        KeyFunction
        - enter - Closes the popup and moves focus to the multiselect element.
        - escape - Closes the popup and moves focus to the multiselect element.
        -
        +

        Filter Input Keyboard Support

        +
        + + + + + + + + + + + + + + + + + +
        KeyFunction
        + enter + Closes the popup and moves focus to the multiselect element.
        + escape + Closes the popup and moves focus to the multiselect element.
        +
        -

        Close Button Keyboard Support

        -
        - - - - - - - - - - - - - - - - - - - - - -
        KeyFunction
        - enter - Closes the popup and moves focus to the multiselect element.
        - space - Closes the popup and moves focus to the multiselect element.
        - escape - Closes the popup and moves focus to the multiselect element.
        -
        +

        Close Button Keyboard Support

        +
        + + + + + + + + + + + + + + + + + + + + + +
        KeyFunction
        + enter + Closes the popup and moves focus to the multiselect element.
        + space + Closes the popup and moves focus to the multiselect element.
        + escape + Closes the popup and moves focus to the multiselect element.
        - ` +
        ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: `Options - + -` +` }; } diff --git a/src/app/showcase/doc/multiselect/basicdoc.ts b/src/app/showcase/doc/multiselect/basicdoc.ts index ea5997d2700..b912e7b012f 100644 --- a/src/app/showcase/doc/multiselect/basicdoc.ts +++ b/src/app/showcase/doc/multiselect/basicdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; interface City { @@ -8,8 +8,8 @@ interface City { @Component({ selector: 'basic-doc', - template: `
        - + template: ` +

        MultiSelect is used as a controlled component with ngModel property along with an options collection. Label and value of an option are defined with the optionLabel and optionValue properties respectively. Default property name for the optionLabel is label and value for the optionValue. If optionValue is omitted and the object has no value property, the object itself becomes the value of an @@ -17,19 +17,15 @@ interface City {

        - +
        -
        ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - cities!: City[]; - selectedCities!: City[]; + selectedCities!: any[]; ngOnInit() { this.cities = [ @@ -42,8 +38,7 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/multiselect/chipsdoc.ts b/src/app/showcase/doc/multiselect/chipsdoc.ts index 0a640f8d7d0..b25dfc9771c 100644 --- a/src/app/showcase/doc/multiselect/chipsdoc.ts +++ b/src/app/showcase/doc/multiselect/chipsdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; interface City { @@ -8,21 +8,17 @@ interface City { @Component({ selector: 'chips-doc', - template: `
        - + template: ` +

        Selected values are displayed as a comma separated list by default, setting display as chip displays them as chips.
        - +
        -
        ` + ` }) export class ChipsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - cities!: City[]; selectedCities!: City[]; @@ -38,12 +34,11 @@ export class ChipsDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        - +
        `, typescript: ` diff --git a/src/app/showcase/doc/multiselect/disableddoc.ts b/src/app/showcase/doc/multiselect/disableddoc.ts index 3725608ba04..6213ba422e2 100644 --- a/src/app/showcase/doc/multiselect/disableddoc.ts +++ b/src/app/showcase/doc/multiselect/disableddoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; interface City { @@ -8,21 +8,17 @@ interface City { @Component({ selector: 'disabled-doc', - template: `
        - + template: ` +

        When disabled is present, the element cannot be edited and focused.
        - +
        -
        ` + ` }) export class DisabledDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - cities!: City[]; selectedCities!: City[]; @@ -38,8 +34,7 @@ export class DisabledDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/multiselect/filterdoc.ts b/src/app/showcase/doc/multiselect/filterdoc.ts index ac4c1fae32f..63d4f8483f5 100644 --- a/src/app/showcase/doc/multiselect/filterdoc.ts +++ b/src/app/showcase/doc/multiselect/filterdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; interface City { @@ -8,21 +8,17 @@ interface City { @Component({ selector: 'filter-doc', - template: `
        - + template: ` +

        MultiSelect provides built-in filtering that is enabled by adding the filter property.
        - +
        -
        ` + ` }) export class FilterDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - cities!: City[]; selectedCities!: City[]; @@ -38,12 +34,11 @@ export class FilterDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        - +
        `, typescript: ` diff --git a/src/app/showcase/doc/multiselect/floatlabeldoc.ts b/src/app/showcase/doc/multiselect/floatlabeldoc.ts index fa4302268cf..be0975c22ce 100644 --- a/src/app/showcase/doc/multiselect/floatlabeldoc.ts +++ b/src/app/showcase/doc/multiselect/floatlabeldoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; interface City { @@ -8,24 +8,20 @@ interface City { @Component({ selector: 'floatlabel-doc', - template: `
        - + template: ` +

        A floating label appears on top of the input field when focused.
        - - + +
        -
        ` + ` }) export class FloatLabelDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - cities!: City[]; selectedCities!: City[]; @@ -41,17 +37,16 @@ export class FloatLabelDoc implements OnInit { } code: Code = { - basic: ` - - - + basic: ` + + `, html: `
        - - + +
        `, diff --git a/src/app/showcase/doc/multiselect/groupdoc.ts b/src/app/showcase/doc/multiselect/groupdoc.ts index 986a8726d7e..9616c160879 100644 --- a/src/app/showcase/doc/multiselect/groupdoc.ts +++ b/src/app/showcase/doc/multiselect/groupdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { SelectItemGroup } from 'primeng/api'; import { Code } from '../../domain/code'; @@ -9,12 +9,12 @@ interface City { @Component({ selector: 'group-doc', - template: `
        - + template: ` +

        Options can be grouped when a nested data structures is provided.
        - +
        @@ -24,13 +24,9 @@ interface City {
        -
        ` + ` }) export class GroupDoc { - @Input() id: string; - - @Input() title: string; - groupedCities!: SelectItemGroup[]; selectedCities!: City[]; @@ -71,8 +67,7 @@ export class GroupDoc { } code: Code = { - basic: ` - + basic: `
        @@ -83,7 +78,7 @@ export class GroupDoc { html: `
        - +
        diff --git a/src/app/showcase/doc/multiselect/importdoc.ts b/src/app/showcase/doc/multiselect/importdoc.ts index 3393b40e83a..07daa22025e 100644 --- a/src/app/showcase/doc/multiselect/importdoc.ts +++ b/src/app/showcase/doc/multiselect/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { MultiSelectModule } from 'primeng/multiselect';` }; diff --git a/src/app/showcase/doc/multiselect/invaliddoc.ts b/src/app/showcase/doc/multiselect/invaliddoc.ts index d1067cbe956..cb81fef0f83 100644 --- a/src/app/showcase/doc/multiselect/invaliddoc.ts +++ b/src/app/showcase/doc/multiselect/invaliddoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; interface City { @@ -8,21 +8,17 @@ interface City { @Component({ selector: 'invalid-doc', - template: `
        - + template: ` +

        Invalid state style is added using the ng-invalid and ng-dirty class to indicate a failed validation.
        - +
        -
        ` + ` }) export class InvalidDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - cities!: City[]; selectedCities!: City[]; @@ -38,8 +34,7 @@ export class InvalidDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/multiselect/multiselectdoc.module.ts b/src/app/showcase/doc/multiselect/multiselectdoc.module.ts index d0203bb3006..8bab07ff1a4 100644 --- a/src/app/showcase/doc/multiselect/multiselectdoc.module.ts +++ b/src/app/showcase/doc/multiselect/multiselectdoc.module.ts @@ -4,7 +4,7 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { RouterModule } from '@angular/router'; import { MultiSelectModule } from 'primeng/multiselect'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { ChipsDoc } from './chipsdoc'; diff --git a/src/app/showcase/doc/multiselect/reactiveformsdoc.ts b/src/app/showcase/doc/multiselect/reactiveformsdoc.ts index f15a45cb4da..900717a4eb9 100644 --- a/src/app/showcase/doc/multiselect/reactiveformsdoc.ts +++ b/src/app/showcase/doc/multiselect/reactiveformsdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @@ -9,23 +9,19 @@ interface City { @Component({ selector: 'reactive-forms-doc', - template: `
        - + template: ` +

        MultiSelect can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
        - +
        -
        ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - cities!: City[]; formGroup!: FormGroup; @@ -40,20 +36,19 @@ export class ReactiveFormsDoc implements OnInit { ]; this.formGroup = new FormGroup({ - selectedCities: new FormControl(null) + selectedCities: new FormControl([{ name: 'Istanbul', code: 'IST' }]) }); } code: Code = { - basic: ` -
        - + basic: ` +
        `, html: `
        - +
        `, @@ -85,7 +80,7 @@ export class MultiSelectReactiveFormsDemo implements OnInit { ]; this.formGroup = new FormGroup({ - selectedCities: new FormControl(null) + selectedCities: new FormControl([{ name: 'Istanbul', code: 'IST' }]) }); } }` diff --git a/src/app/showcase/doc/multiselect/styledoc.ts b/src/app/showcase/doc/multiselect/styledoc.ts index 9341910c9cf..0d6fb19bc4f 100644 --- a/src/app/showcase/doc/multiselect/styledoc.ts +++ b/src/app/showcase/doc/multiselect/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
        - + template: ` +

        Following is the list of structural style classes, for theming classes visit theming page.
        @@ -54,10 +54,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/multiselect/templatedoc.ts b/src/app/showcase/doc/multiselect/templatedoc.ts index 62bb01b0491..10e2dbe6a05 100644 --- a/src/app/showcase/doc/multiselect/templatedoc.ts +++ b/src/app/showcase/doc/multiselect/templatedoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; interface Country { @@ -8,18 +8,18 @@ interface Country { @Component({ selector: 'template-doc', - template: `
        - + template: ` +

        Available options and the selected options support templating with pTemplate properties respectively. In addition, header, footer and filter sections can be templated as well.
        - + -
        +
        -
        {{ option.name }}
        +
        {{ option.name }},
        -
        Select Countries
        +
        Select Countries
        @@ -30,13 +30,9 @@ interface Country {
        -
        ` + ` }) export class TemplateDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - countries!: Country[]; selectedCountries!: Country[]; @@ -57,36 +53,35 @@ export class TemplateDoc implements OnInit { } code: Code = { - basic: ` - - -
        - -
        {{ option.name }}
        -
        -
        Select Countries
        -         - -
        - -
        {{ country.name }}
        -
        -         + basic: ` + +
        + +
        {{ option.name }},
        +
        +
        Select Countries
        +         + +
        + +
        {{ country.name }}
        +
        +         `, html: `
        - + -
        - -
        {{ option.name }}
        +
        + +
        {{ option.name }},
        -
        Select Countries
        +
        Select Countries
        - +
        {{ country.name }}
         diff --git a/src/app/showcase/doc/multiselect/virtualscrolldoc.ts b/src/app/showcase/doc/multiselect/virtualscrolldoc.ts index 61efb5fa1d5..0f1ab23925d 100644 --- a/src/app/showcase/doc/multiselect/virtualscrolldoc.ts +++ b/src/app/showcase/doc/multiselect/virtualscrolldoc.ts @@ -1,95 +1,110 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; -interface Country { - name: string; - code: string; -} - @Component({ selector: 'virtual-scroll-doc', - template: `
        - + template: ` +

        VirtualScrolling is an efficient way of rendering the options by displaying a small subset of data in the viewport at any time. When dealing with huge number of options, it is suggested to enable VirtualScrolling to avoid performance issues. Usage is simple as setting virtualScroll property to true and defining virtualScrollItemSize to specify the height of an item.

        - - -
        - -
        {{ country.name }}
        -
        -         -         +
        -
        ` + ` }) export class VirtualScrollDoc { - @Input() id: string; + items = Array.from({ length: 100000 }, (_, i) => ({ label: `Item #${i}`, value: i })); - @Input() title: string; + selectedItems!: any[]; - virtualCountries!: Country[]; + selectAll: boolean = false; - selectedCountries!: Country[]; + onSelectAllChange(event) { + this.selectedItems = event.checked ? [...this.items] : []; + this.selectAll = event.checked; + } - constructor() { - this.virtualCountries = []; - for (let i = 0; i < 10000; i++) { - this.virtualCountries.push({ name: 'Item ' + i, code: 'Item ' + i }); - } + onChange(event) { + const { value } = event; + if (value) this.selectAll = value.length === this.items.length; } code: Code = { - basic: ` - - -
        - -
        {{ country.name }}
        -
        -         -        `, + basic: ``, html: `
        - - -
        - -
        {{ country.name }}
        -
        -         -         +
        `, typescript: ` import { Component } from '@angular/core'; -interface Country { - name: string; - code: string; -} - @Component({ selector: 'multi-select-virtual-scroll-demo', templateUrl: './multi-select-virtual-scroll-demo.html' }) export class MultiSelectVirtualScrollDemo { - virtualCountries!: Country[]; + items = Array.from({ length: 100000 }, (_, i) => ({ label: \`Item #\${i}\`, value: i })) + + selectedItems!: any[]; - selectedCountries!: Country[]; + selectAll = false; - constructor() { - this.virtualCountries = [] - for (let i = 0; i < 10000; i++) { - this.virtualCountries.push({ name: 'Item ' + i, code: 'Item ' + i }); - } + onSelectAllChange(event) { + this.selectedItems = event.checked ? [...this.items] : []; + this.selectAll = event.checked; + event.updateModel(this.selectedItems, event.originalEvent) } + + onChange(event) { + const { originalEvent, value } = event + if(value) this.selectAll = value.length === this.items.length; + } + }` }; } diff --git a/src/app/showcase/doc/orderlist/accessibilitydoc.ts b/src/app/showcase/doc/orderlist/accessibilitydoc.ts index 00d265d5562..03668ccdafa 100644 --- a/src/app/showcase/doc/orderlist/accessibilitydoc.ts +++ b/src/app/showcase/doc/orderlist/accessibilitydoc.ts @@ -1,121 +1,115 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` - -

        Screen Reader

        -

        - Value to describe the source listbox and target listbox can be provided with sourceListProps and targetListProps by passing aria-labelledby or aria-label props. The list elements has a listbox role - with the aria-multiselectable attribute. Each list item has an option role with aria-selected and aria-disabled as their attributes. -

        -

        - Controls buttons are button elements with an aria-label that refers to the aria.moveTop, aria.moveUp, aria.moveDown, aria.moveBottom,aria.moveTo, aria.moveAllTo, - aria.moveFrom and aria.moveAllFrom properties of the locale API by default, alternatively you may usemoveTopButtonProps, moveUpButtonProps, moveDownButtonProps, - moveToButtonProps, moveAllToButtonProps, moveFromButtonProps, moveFromButtonProps and moveAllFromButtonProps to customize the buttons like overriding the default aria-label attributes. -

        + template: ` +

        Screen Reader

        +

        + Value to describe the source listbox and target listbox can be provided with sourceListProps and targetListProps by passing aria-labelledby or aria-label props. The list elements has a listbox role with + the aria-multiselectable attribute. Each list item has an option role with aria-selected and aria-disabled as their attributes. +

        +

        + Controls buttons are button elements with an aria-label that refers to the aria.moveTop, aria.moveUp, aria.moveDown, aria.moveBottom,aria.moveTo, aria.moveAllTo, + aria.moveFrom and aria.moveAllFrom properties of the locale API by default, alternatively you may usemoveTopButtonProps, moveUpButtonProps, moveDownButtonProps, + moveToButtonProps, moveAllToButtonProps, moveFromButtonProps, moveFromButtonProps and moveAllFromButtonProps to customize the buttons like overriding the default aria-label attributes. +

        - + -

        OrderList Keyboard Support

        -
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        KeyFunction
        tabMoves focus to the first selected option, if there is none then first option receives the focus.
        up arrowMoves focus to the previous option.
        down arrowMoves focus to the next option.
        enterToggles the selected state of the focused option.
        spaceToggles the selected state of the focused option.
        homeMoves focus to the first option.
        endMoves focus to the last option.
        shift + down arrowMoves focus to the next option and toggles the selection state.
        shift + up arrowMoves focus to the previous option and toggles the selection state.
        shift + spaceSelects the items between the most recently selected option and the focused option.
        control + shift + homeSelects the focused options and all the options up to the first one.
        control + shift + endSelects the focused options and all the options down to the first one.
        control + aSelects all options.
        -
        -

        Buttons Keyboard Support

        -
        - - - - - - - - - - - - - - - - - -
        KeyFunction
        enterExecutes button action.
        spaceExecutes button action.
        -
        -         -         ` +

        OrderList Keyboard Support

        +
        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
        KeyFunction
        tabMoves focus to the first selected option, if there is none then first option receives the focus.
        up arrowMoves focus to the previous option.
        down arrowMoves focus to the next option.
        enterToggles the selected state of the focused option.
        spaceToggles the selected state of the focused option.
        homeMoves focus to the first option.
        endMoves focus to the last option.
        shift + down arrowMoves focus to the next option and toggles the selection state.
        shift + up arrowMoves focus to the previous option and toggles the selection state.
        shift + spaceSelects the items between the most recently selected option and the focused option.
        control + shift + homeSelects the focused options and all the options up to the first one.
        control + shift + endSelects the focused options and all the options down to the first one.
        control + aSelects all options.
        +
        +

        Buttons Keyboard Support

        +
        + + + + + + + + + + + + + + + + + +
        KeyFunction
        enterExecutes button action.
        spaceExecutes button action.
        +
        + ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { html: `Options - + -` +` }; } diff --git a/src/app/showcase/doc/orderlist/basicdoc.ts b/src/app/showcase/doc/orderlist/basicdoc.ts index 74dfab5a80e..7f3e8506d1d 100644 --- a/src/app/showcase/doc/orderlist/basicdoc.ts +++ b/src/app/showcase/doc/orderlist/basicdoc.ts @@ -1,12 +1,12 @@ -import { ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'basic-doc', - template: `
        - + template: ` +

        OrderList is used as a controlled input with value properties. Content of a list item needs to be defined with the pTemplate property that receives an object in the list as parameter.
        @@ -27,13 +27,9 @@ import { ProductService } from '../../service/productservice';
        -
        ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products!: Product[]; constructor(private productService: ProductService, private cdr: ChangeDetectorRef) {} @@ -57,8 +53,7 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
        diff --git a/src/app/showcase/doc/orderlist/dragdropdoc.ts b/src/app/showcase/doc/orderlist/dragdropdoc.ts index 72fa2b8f9b2..706b4336cc2 100644 --- a/src/app/showcase/doc/orderlist/dragdropdoc.ts +++ b/src/app/showcase/doc/orderlist/dragdropdoc.ts @@ -1,12 +1,12 @@ -import { ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'drag-drop-doc', - template: `
        - + template: ` +

        Items can be reordered using drag and drop by enabling dragdrop property.
        @@ -27,13 +27,9 @@ import { ProductService } from '../../service/productservice';
        -
        ` + ` }) export class DragDropDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products!: Product[]; constructor(private productService: ProductService, private cdr: ChangeDetectorRef) {} @@ -57,8 +53,7 @@ export class DragDropDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
        diff --git a/src/app/showcase/doc/orderlist/filterdoc.ts b/src/app/showcase/doc/orderlist/filterdoc.ts index 2fb20ab8f05..8bf85352089 100644 --- a/src/app/showcase/doc/orderlist/filterdoc.ts +++ b/src/app/showcase/doc/orderlist/filterdoc.ts @@ -1,12 +1,12 @@ -import { ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'filter-doc', - template: `
        - + template: ` +

        Filter value is checked against the property of an object configured with the filterBy property
        @@ -27,13 +27,9 @@ import { ProductService } from '../../service/productservice';
        -
        ` + ` }) export class FilterDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products!: Product[]; constructor(private productService: ProductService, private cdr: ChangeDetectorRef) {} @@ -57,8 +53,7 @@ export class FilterDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
        diff --git a/src/app/showcase/doc/orderlist/importdoc.ts b/src/app/showcase/doc/orderlist/importdoc.ts index 44f6a8e9e28..3e9d216994f 100644 --- a/src/app/showcase/doc/orderlist/importdoc.ts +++ b/src/app/showcase/doc/orderlist/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { OrderListModule } from 'primeng/orderlist';` }; diff --git a/src/app/showcase/doc/orderlist/orderlistdoc.module.ts b/src/app/showcase/doc/orderlist/orderlistdoc.module.ts index c707d69e3a0..d40b2b196de 100644 --- a/src/app/showcase/doc/orderlist/orderlistdoc.module.ts +++ b/src/app/showcase/doc/orderlist/orderlistdoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { OrderListModule } from 'primeng/orderlist'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { BasicDoc } from './basicdoc'; import { DragDropDoc } from './dragdropdoc'; import { FilterDoc } from './filterdoc'; diff --git a/src/app/showcase/doc/orderlist/styledoc.ts b/src/app/showcase/doc/orderlist/styledoc.ts index 5e2a6319f71..24ee9d91e59 100644 --- a/src/app/showcase/doc/orderlist/styledoc.ts +++ b/src/app/showcase/doc/orderlist/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
        - + template: ` +

        Following is the list of structural style classes, for theming classes visit theming page.
        @@ -30,10 +30,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/organizationchart/accessibilitydoc.ts b/src/app/showcase/doc/organizationchart/accessibilitydoc.ts index 75e1285d3f0..074647f0c70 100644 --- a/src/app/showcase/doc/organizationchart/accessibilitydoc.ts +++ b/src/app/showcase/doc/organizationchart/accessibilitydoc.ts @@ -1,44 +1,38 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` - -

        Screen Reader

        -

        - Component currently uses a table based implementation and does not provide high level of screen reader support, a nested list implementation replacement is planned with aria roles and attributes aligned to a tree widget for high level - of reader support in the upcoming versions. -

        -

        Keyboard Support

        -
        - - - - - - - - - - - - - - - - - - - - - -
        KeyFunction
        tabMoves focus through the focusable elements within the chart.
        enterToggles the expanded state of a node.
        spaceToggles the expanded state of a node.
        -
        -         -         ` + template: ` +

        Screen Reader

        +

        + Component currently uses a table based implementation and does not provide high level of screen reader support, a nested list implementation replacement is planned with aria roles and attributes aligned to a tree widget for high level of + reader support in the upcoming versions. +

        +

        Keyboard Support

        +
        + + + + + + + + + + + + + + + + + + + + + +
        KeyFunction
        tabMoves focus through the focusable elements within the chart.
        enterToggles the expanded state of a node.
        spaceToggles the expanded state of a node.
        +
        +         ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/organizationchart/basicdoc.ts b/src/app/showcase/doc/organizationchart/basicdoc.ts index e11b1a3020c..79d1c0c4496 100644 --- a/src/app/showcase/doc/organizationchart/basicdoc.ts +++ b/src/app/showcase/doc/organizationchart/basicdoc.ts @@ -1,24 +1,20 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
        - + template: ` +

        OrganizationChart requires a collection of TreeNode instances as a value.
        -
        ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - data: TreeNode[] = [ { label: 'Argentina', @@ -53,8 +49,7 @@ export class BasicDoc { ]; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/organizationchart/colored.doc.ts b/src/app/showcase/doc/organizationchart/colored.doc.ts index 6296712ffe8..9bd08918872 100644 --- a/src/app/showcase/doc/organizationchart/colored.doc.ts +++ b/src/app/showcase/doc/organizationchart/colored.doc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'organization-chart-colored-demo', - template: `
        - + template: ` +

        Styling a specific node is configured with class and style options of a TreeNode.
        @@ -20,13 +20,9 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class ColoredDoc { - @Input() id: string; - - @Input() title: string; - data: TreeNode[] = [ { expanded: true, @@ -85,8 +81,7 @@ export class ColoredDoc { ]; code: Code = { - basic: ` - + basic: `
        diff --git a/src/app/showcase/doc/organizationchart/importdoc.ts b/src/app/showcase/doc/organizationchart/importdoc.ts index 049b7ba6c94..c20d190eea6 100644 --- a/src/app/showcase/doc/organizationchart/importdoc.ts +++ b/src/app/showcase/doc/organizationchart/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { OrganizationChartModule } from 'primeng/organizationchart';` }; diff --git a/src/app/showcase/doc/organizationchart/organizationchartdoc.module.ts b/src/app/showcase/doc/organizationchart/organizationchartdoc.module.ts index d81dc7bf7c3..d72c712295a 100644 --- a/src/app/showcase/doc/organizationchart/organizationchartdoc.module.ts +++ b/src/app/showcase/doc/organizationchart/organizationchartdoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { OrganizationChartModule } from 'primeng/organizationchart'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { ColoredDoc } from './colored.doc'; diff --git a/src/app/showcase/doc/organizationchart/selectiondoc.ts b/src/app/showcase/doc/organizationchart/selectiondoc.ts index 0cda5d02223..fec6976dbe7 100644 --- a/src/app/showcase/doc/organizationchart/selectiondoc.ts +++ b/src/app/showcase/doc/organizationchart/selectiondoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'selection-doc', - template: `
        - + template: ` +

        Nodes can be selected by defining selectionMode along with a value binding with selection properties. By default only one node can be selected, set selectionMode as multiple to select more than one.

        - ` + ` }) export class SelectionDoc { - @Input() id: string; - - @Input() title: string; - selectedNodes!: TreeNode[]; data: TreeNode[] = [ @@ -80,8 +76,7 @@ export class SelectionDoc { ]; code: Code = { - basic: ` - + basic: `
        diff --git a/src/app/showcase/doc/organizationchart/styledoc.ts b/src/app/showcase/doc/organizationchart/styledoc.ts index 06a29f614df..dfed5869ea4 100644 --- a/src/app/showcase/doc/organizationchart/styledoc.ts +++ b/src/app/showcase/doc/organizationchart/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
        - + template: ` +

        Following is the list of structural style classes, for theming classes visit theming page.
        @@ -46,10 +46,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/organizationchart/templatedoc.ts b/src/app/showcase/doc/organizationchart/templatedoc.ts index fea7df665d6..b971aae4c85 100644 --- a/src/app/showcase/doc/organizationchart/templatedoc.ts +++ b/src/app/showcase/doc/organizationchart/templatedoc.ts @@ -4,8 +4,8 @@ import { Code } from '../../domain/code'; @Component({ selector: 'template-doc', - template: `
        - + template: ` +

        Custom content instead of a node label is defined using the pTemplate property.
        @@ -20,13 +20,9 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - data: TreeNode[] = [ { label: 'Argentina', @@ -68,8 +64,7 @@ export class TemplateDoc { ]; code: Code = { - basic: ` - + basic: `
        diff --git a/src/app/showcase/doc/overlay/accessibilitydoc.ts b/src/app/showcase/doc/overlay/accessibilitydoc.ts index 8131dec68a5..17bc55fd772 100644 --- a/src/app/showcase/doc/overlay/accessibilitydoc.ts +++ b/src/app/showcase/doc/overlay/accessibilitydoc.ts @@ -3,68 +3,66 @@ import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
        - -

        Screen Reader

        -

        - Overlay component uses dialog role and since any attribute is passed to the root element you may define attributes like aria-label or aria-labelledby to describe the popup contents. In addition - aria-modal is added since focus is kept within the popup. -

        -

        - It is recommended to use a trigger component that can be accessed with keyboard such as a button, if not adding tabIndex would be necessary. Overlay adds aria-expanded state attribute and aria-controls to the - trigger so that the relation between the trigger and the popup is defined. -

        -

        Overlay Keyboard Support

        -

        When the popup gets opened, the first focusable element receives the focus and this can be customized by adding autofocus to an element within the popup.

        -
        - - - - - - - - - - - - - - - - - - - - - -
        KeyFunction
        tabMoves focus to the next the focusable element within the popup.
        shift + tabMoves focus to the previous the focusable element within the popup.
        escapeCloses the popup and moves focus to the trigger.
        -
        -

        Close Button Keyboard Support

        -
        - - - - - - - - - - - - - - - - - -
        KeyFunction
        enterCloses the popup and moves focus to the trigger.
        spaceCloses the popup and moves focus to the trigger.
        -
        -         -
        -         ` + template: `
        + +

        Screen Reader

        +

        + Overlay component uses dialog role and since any attribute is passed to the root element you may define attributes like aria-label or aria-labelledby to describe the popup contents. In addition + aria-modal is added since focus is kept within the popup. +

        +

        + It is recommended to use a trigger component that can be accessed with keyboard such as a button, if not adding tabIndex would be necessary. Overlay adds aria-expanded state attribute and aria-controls to the + trigger so that the relation between the trigger and the popup is defined. +

        +

        Overlay Keyboard Support

        +

        When the popup gets opened, the first focusable element receives the focus and this can be customized by adding autofocus to an element within the popup.

        +
        + + + + + + + + + + + + + + + + + + + + + +
        KeyFunction
        tabMoves focus to the next the focusable element within the popup.
        shift + tabMoves focus to the previous the focusable element within the popup.
        escapeCloses the popup and moves focus to the trigger.
        +
        +

        Close Button Keyboard Support

        +
        + + + + + + + + + + + + + + + + + +
        KeyFunction
        enterCloses the popup and moves focus to the trigger.
        spaceCloses the popup and moves focus to the trigger.
        +
        +         +
        ` }) export class AccessibilityDoc { @Input() id: string; diff --git a/src/app/showcase/doc/overlay/appendtodoc.ts b/src/app/showcase/doc/overlay/appendtodoc.ts index 91612ceeba3..0b814ee6496 100644 --- a/src/app/showcase/doc/overlay/appendtodoc.ts +++ b/src/app/showcase/doc/overlay/appendtodoc.ts @@ -1,23 +1,14 @@ import { Component, Input, ViewChild } from '@angular/core'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; @Component({ selector: 'appendto-doc', - template: `
        - + template: `

        Overlay can be mounted into its location, body or DOM element instance using this option.

         - -
        ` + ` }) export class AppendToDoc { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - code: Code = { typescript: ` import { PrimeNGConfig, OverlayOptions } from 'primeng/api'; diff --git a/src/app/showcase/doc/overlay/autozindexdoc.ts b/src/app/showcase/doc/overlay/autozindexdoc.ts index ea6eea4392a..84d3bd8a07f 100644 --- a/src/app/showcase/doc/overlay/autozindexdoc.ts +++ b/src/app/showcase/doc/overlay/autozindexdoc.ts @@ -1,18 +1,10 @@ import { Component, Input, ViewChild } from '@angular/core'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; +import { AppDocSectionTextComponent } from '../../layout/doc/app.docsectiontext.component'; @Component({ selector: 'auto-zindex-doc', - template: `
        - -

        The autoZIndex determines whether to automatically manage layering. Its default value is 'false'.

        -         -
        ` + template: ` +

        The autoZIndex determines whether to automatically manage layering. Its default value is 'false'.

        +         ` }) -export class AutoZIndexDoc { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; -} +export class AutoZIndexDoc {} diff --git a/src/app/showcase/doc/overlay/basezindexdoc.ts b/src/app/showcase/doc/overlay/basezindexdoc.ts index 242a72e1c93..be8cc52367f 100644 --- a/src/app/showcase/doc/overlay/basezindexdoc.ts +++ b/src/app/showcase/doc/overlay/basezindexdoc.ts @@ -1,18 +1,10 @@ import { Component, Input, ViewChild } from '@angular/core'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; +import { AppDocSectionTextComponent } from '../../layout/doc/app.docsectiontext.component'; @Component({ selector: 'base-zindex-doc', - template: `
        - -

        The baseZIndex is base zIndex value to use in layering. Its default value is 0.

        -         -
        ` + template: ` +

        The baseZIndex is base zIndex value to use in layering. Its default value is 0.

        +         ` }) -export class BaseZIndexDoc { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; -} +export class BaseZIndexDoc {} diff --git a/src/app/showcase/doc/overlay/basicdoc.ts b/src/app/showcase/doc/overlay/basicdoc.ts index 4bfc3e09594..92cd59dd793 100644 --- a/src/app/showcase/doc/overlay/basicdoc.ts +++ b/src/app/showcase/doc/overlay/basicdoc.ts @@ -3,22 +3,16 @@ import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
        - + template: `

        Overlay is a container to display content in an overlay window. All the options mentioned above can be used as props for this component.
        Content
        - -
        ` + ` }) export class OverlayBasicDemo { - @Input() id: string; - - @Input() title: string; - overlayVisible: boolean = false; toggle() { @@ -26,8 +20,7 @@ export class OverlayBasicDemo { } code: Code = { - basic: ` - + basic: ` Content `, diff --git a/src/app/showcase/doc/overlay/eventsdoc.ts b/src/app/showcase/doc/overlay/eventsdoc.ts index d073d0f83b8..4ba8ab08163 100644 --- a/src/app/showcase/doc/overlay/eventsdoc.ts +++ b/src/app/showcase/doc/overlay/eventsdoc.ts @@ -1,21 +1,13 @@ import { Component, Input, ViewChild } from '@angular/core'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; @Component({ selector: 'events-doc', - template: `
        - + template: `
        ` }) export class EventsDoc { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - code: Code = { typescript: ` import { PrimeNGConfig, OverlayOptions, OverlayOnBeforeShowEvent, OverlayOnShowEvent, OverlayOnBeforeHideEvent, OverlayOnHideEvent } from 'primeng/api'; diff --git a/src/app/showcase/doc/overlay/hideonescapedoc.ts b/src/app/showcase/doc/overlay/hideonescapedoc.ts index e39c3e4657b..396509ea98e 100644 --- a/src/app/showcase/doc/overlay/hideonescapedoc.ts +++ b/src/app/showcase/doc/overlay/hideonescapedoc.ts @@ -1,18 +1,10 @@ import { Component, Input, ViewChild } from '@angular/core'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; +import { AppDocSectionTextComponent } from '../../layout/doc/app.docsectiontext.component'; @Component({ selector: 'hide-on-escape-doc', - template: `
        - -

        The hideOnEscape determines to hide the overlay when escape key pressed. Accepts boolean, default value is false.

        -         -
        ` + template: ` +

        The hideOnEscape determines to hide the overlay when escape key pressed. Accepts boolean, default value is false.

        +         ` }) -export class HideOnEscapeDoc { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; -} +export class HideOnEscapeDoc {} diff --git a/src/app/showcase/doc/overlay/importdoc.ts b/src/app/showcase/doc/overlay/importdoc.ts index 2caceb4c257..3bcaa4c6856 100644 --- a/src/app/showcase/doc/overlay/importdoc.ts +++ b/src/app/showcase/doc/overlay/importdoc.ts @@ -3,10 +3,7 @@ import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { @Input() id: string; diff --git a/src/app/showcase/doc/overlay/modedoc.ts b/src/app/showcase/doc/overlay/modedoc.ts index 2152d4b23f3..de3887b1a60 100644 --- a/src/app/showcase/doc/overlay/modedoc.ts +++ b/src/app/showcase/doc/overlay/modedoc.ts @@ -1,26 +1,17 @@ import { Component, Input, ViewChild } from '@angular/core'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; @Component({ selector: 'mode-doc', - template: `
        - + template: `

        It has two valid values; overlay and modal. In overlay mode, a container element is opened like overlaypanel or dropdown's panel. In modal mode, the container element behaves like popup. This behaviour is similar to a dialog component.

        - -
        ` + ` }) export class ModeDoc { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - code: Code = { typescript: ` import { PrimeNGConfig, OverlayOptions } from 'primeng/api'; @@ -42,8 +33,7 @@ export class AppComponent implements OnInit { }; code2: Code = { - basic: ` -import { PrimeNGConfig, OverlayOptions, ResponsiveOverlayDirectionType } from 'primeng/api'; + basic: `import { PrimeNGConfig, OverlayOptions, ResponsiveOverlayDirectionType } from 'primeng/api'; const responsiveOptions: ResponsiveOverlayOptions = { // style?: any; // Style of component in given breakpoint or media query diff --git a/src/app/showcase/doc/overlay/overlaydoc.module.ts b/src/app/showcase/doc/overlay/overlaydoc.module.ts index 0ad3f7bb6a7..5016404a723 100644 --- a/src/app/showcase/doc/overlay/overlaydoc.module.ts +++ b/src/app/showcase/doc/overlay/overlaydoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { ButtonModule } from 'primeng/button'; import { OverlayModule } from 'primeng/overlay'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { OverlayBasicDemo } from './basicdoc'; import { AppendToDoc } from './appendtodoc'; import { AutoZIndexDoc } from './autozindexdoc'; diff --git a/src/app/showcase/doc/overlay/responsivedoc.ts b/src/app/showcase/doc/overlay/responsivedoc.ts index da329cfa7e4..ff1a66b1c3e 100644 --- a/src/app/showcase/doc/overlay/responsivedoc.ts +++ b/src/app/showcase/doc/overlay/responsivedoc.ts @@ -1,11 +1,10 @@ import { Component, Input, ViewChild } from '@angular/core'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; +import { AppDocSectionTextComponent } from '../../layout/doc/app.docsectiontext.component'; @Component({ selector: 'responsive-doc', - template: `
        - + template: `

        It is the option used to determine in which mode it should appear according to the given media or breakpoint.

         @@ -27,8 +26,7 @@ import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.
      • right-start
      • right-end
      -
      - ` +
      ` }) export class ResponsiveDoc { @Input() id: string; @@ -38,8 +36,7 @@ export class ResponsiveDoc { @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; code: Code = { - basic: ` -import { PrimeNGConfig, OverlayOptions, ResponsiveOverlayDirectionType } from 'primeng/api'; + basic: `import { PrimeNGConfig, OverlayOptions, ResponsiveOverlayDirectionType } from 'primeng/api'; const responsiveOptions: ResponsiveOverlayOptions = { // style?: any; // Style of component in given breakpoint or media query diff --git a/src/app/showcase/doc/overlay/styledoc.ts b/src/app/showcase/doc/overlay/styledoc.ts index 49066963912..d17d470cc60 100644 --- a/src/app/showcase/doc/overlay/styledoc.ts +++ b/src/app/showcase/doc/overlay/styledoc.ts @@ -1,18 +1,9 @@ import { Component, Input, ViewChild } from '@angular/core'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; @Component({ selector: 'style-doc', - template: `
      - -

      The style and styleClass are used to define styles that will be added to all overlay components. In addition, it can be used in contentStyle and contentStyleClass classes.

      -       -
      ` + template: ` +

      The style and styleClass are used to define styles that will be added to all overlay components. In addition, it can be used in contentStyle and contentStyleClass classes.

      +       ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/overlay/targetdoc.ts b/src/app/showcase/doc/overlay/targetdoc.ts index 1c1ba3fe52a..0ce4ff784de 100644 --- a/src/app/showcase/doc/overlay/targetdoc.ts +++ b/src/app/showcase/doc/overlay/targetdoc.ts @@ -1,35 +1,25 @@ import { Component, Input, ViewChild } from '@angular/core'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; @Component({ selector: 'target-doc', - template: `
      - + template: `

      The target is used to detect the element that will be used to position the overlay. Valid values would be;
        -
      • @prev (default)
        • -
      • @next
        • -
      • @parent
        • -
      • @grandparent
        • +
      • @prev (default)
        • +
      • @next
        • +
      • @parent
        • +
      • @grandparent
      • Use CSS selector
      • Use () => HTMLElement
      -
      -
      ` +
      ` }) export class TargetDoc { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - code: Code = { - basic: ` -import { PrimeNGConfig, OverlayOptions } from 'primeng/api'; + basic: `import { PrimeNGConfig, OverlayOptions } from 'primeng/api'; this.primengConfig.overlayOptions: OverlayOptions = { appendTo: 'body' diff --git a/src/app/showcase/doc/overlay/templatedoc.ts b/src/app/showcase/doc/overlay/templatedoc.ts index aa764091d79..cfbdc03ffac 100644 --- a/src/app/showcase/doc/overlay/templatedoc.ts +++ b/src/app/showcase/doc/overlay/templatedoc.ts @@ -3,8 +3,7 @@ import { Code } from '../../domain/code'; @Component({ selector: 'overlay-template-demo', - template: `
      - + template: `

      Content can be customized with the content template.
      @@ -13,14 +12,9 @@ import { Code } from '../../domain/code'; Content - {{ option.mode }}
      - -
      ` + ` }) export class OverlayTemplateDemo { - @Input() id: string; - - @Input() title: string; - overlayVisible: boolean = false; toggle() { @@ -28,8 +22,7 @@ export class OverlayTemplateDemo { } code: Code = { - basic: ` - + basic: ` Content - {{option.mode}} diff --git a/src/app/showcase/doc/overlay/transitionoptionsdoc.ts b/src/app/showcase/doc/overlay/transitionoptionsdoc.ts index c8e2ad4843b..450a2063170 100644 --- a/src/app/showcase/doc/overlay/transitionoptionsdoc.ts +++ b/src/app/showcase/doc/overlay/transitionoptionsdoc.ts @@ -1,18 +1,10 @@ import { Component, Input, ViewChild } from '@angular/core'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; +import { AppDocSectionTextComponent } from '../../layout/doc/app.docsectiontext.component'; @Component({ selector: 'transition-options-doc', - template: `
      - -

      Transition options of the show or hide animation. The default value of showTransitionOptions is '.12s cubic-bezier(0, 0, 0.2, 1)' and the default value of hideTransitionOptions is '.1s linear'.

      -       -
      ` + template: ` +

      Transition options of the show or hide animation. The default value of showTransitionOptions is '.12s cubic-bezier(0, 0, 0.2, 1)' and the default value of hideTransitionOptions is '.1s linear'.

      +       ` }) -export class TransitionOptionsDoc { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; -} +export class TransitionOptionsDoc {} diff --git a/src/app/showcase/doc/overlaypanel/accessibilitydoc.ts b/src/app/showcase/doc/overlaypanel/accessibilitydoc.ts index a6a719759d8..b865b8835cb 100644 --- a/src/app/showcase/doc/overlaypanel/accessibilitydoc.ts +++ b/src/app/showcase/doc/overlaypanel/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
      - +

      Screen Reader

      OverlayPanel component uses dialog role and since any attribute is passed to the root element you may define attributes like aria-label or aria-labelledby to describe the popup contents. In addition @@ -63,8 +63,4 @@ import { Component, Input } from '@angular/core';

      ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/overlaypanel/basicdoc.ts b/src/app/showcase/doc/overlaypanel/basicdoc.ts index 4ed931eab2e..a35eccfec84 100644 --- a/src/app/showcase/doc/overlaypanel/basicdoc.ts +++ b/src/app/showcase/doc/overlaypanel/basicdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      OverlayPanel is accessed via its reference and visibility is controlled using toggle, show and hide methods with an event of the target.
      @@ -14,16 +14,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` product `, diff --git a/src/app/showcase/doc/overlaypanel/datatabledoc.ts b/src/app/showcase/doc/overlaypanel/datatabledoc.ts index 72004772ea3..3958bb4fcab 100644 --- a/src/app/showcase/doc/overlaypanel/datatabledoc.ts +++ b/src/app/showcase/doc/overlaypanel/datatabledoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MessageService } from 'primeng/api'; import { OverlayPanel } from 'primeng/overlaypanel'; import { Code } from '../../domain/code'; @@ -14,8 +14,8 @@ interface TableRowSelectEvent { @Component({ selector: 'data-table-doc', - template: `
      - + template: ` +

      An example that displays a DataTable inside a popup to select an item.
      @@ -53,14 +53,10 @@ interface TableRowSelectEvent {
      -
      `, + `, providers: [MessageService] }) export class DataTableDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products: Product[] | undefined; selectedProduct: Product | undefined; @@ -80,8 +76,7 @@ export class DataTableDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
      diff --git a/src/app/showcase/doc/overlaypanel/importdoc.ts b/src/app/showcase/doc/overlaypanel/importdoc.ts index 6dbef2e28d8..42b7a132c07 100644 --- a/src/app/showcase/doc/overlaypanel/importdoc.ts +++ b/src/app/showcase/doc/overlaypanel/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { OverlayPanelModule } from 'primeng/overlaypanel';` }; diff --git a/src/app/showcase/doc/overlaypanel/overlaypaneldoc.module.ts b/src/app/showcase/doc/overlaypanel/overlaypaneldoc.module.ts index 585d8e67312..56a2617191c 100644 --- a/src/app/showcase/doc/overlaypanel/overlaypaneldoc.module.ts +++ b/src/app/showcase/doc/overlaypanel/overlaypaneldoc.module.ts @@ -6,7 +6,7 @@ import { ButtonModule } from 'primeng/button'; import { TableModule } from 'primeng/table'; import { ToastModule } from 'primeng/toast'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { BasicDoc } from './basicdoc'; import { ImportDoc } from './importdoc'; import { StyleDoc } from './styledoc'; diff --git a/src/app/showcase/doc/overlaypanel/styledoc.ts b/src/app/showcase/doc/overlaypanel/styledoc.ts index 4ef58e7b0be..38738751477 100644 --- a/src/app/showcase/doc/overlaypanel/styledoc.ts +++ b/src/app/showcase/doc/overlaypanel/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -30,10 +30,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/overlaypanel/targetdoc.ts b/src/app/showcase/doc/overlaypanel/targetdoc.ts index ec02ae76771..f883eecdd14 100644 --- a/src/app/showcase/doc/overlaypanel/targetdoc.ts +++ b/src/app/showcase/doc/overlaypanel/targetdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'target-doc', - template: `
      - + template: ` +

      show method takes two parameters, first one is the event and it is mandatory. By default the target component to align the overlay is the event target, if you'd like to align it to another element, provide it as the second parameter target. @@ -20,16 +20,11 @@ import { Code } from '../../domain/code';

      - ` + ` }) export class TargetDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `
      Target Element
      diff --git a/src/app/showcase/doc/overlaypanel/templatedoc.ts b/src/app/showcase/doc/overlaypanel/templatedoc.ts index 1286bedb19f..a0f34262625 100644 --- a/src/app/showcase/doc/overlaypanel/templatedoc.ts +++ b/src/app/showcase/doc/overlaypanel/templatedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'template-doc', - template: `
      - + template: ` +

      Content of the OverlayPanel is defined by content template.
      @@ -16,16 +16,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `

      Custom Content

       diff --git a/src/app/showcase/doc/paginator/accessibilitydoc.ts b/src/app/showcase/doc/paginator/accessibilitydoc.ts index 727fbd25fe9..84e1ed7fc60 100644 --- a/src/app/showcase/doc/paginator/accessibilitydoc.ts +++ b/src/app/showcase/doc/paginator/accessibilitydoc.ts @@ -1,59 +1,53 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` -
      - -

      Screen Reader

      -

      Paginator is placed inside a nav element to indicate a navigation section. All of the paginator elements can be customized using templating however the default behavious is listed below.

      -

      - First, previous, next and last page navigators elements with aria-label attributes referring to the aria.firstPageLabel, aria.prevPageLabel, aria.nextPageLabel and aria.lastPageLabelproperties of - the locale API respectively. -

      -

      - Page links are also button elements with an aria-label attribute derived from the aria.pageLabel of the locale API. Current page is marked with aria-current set to "page" - as well. -

      -

      Current page report uses aria-live="polite" to instruct screen reader about the changes to the pagination state.

      -

      - Rows per page dropdown internally uses a dropdown component, refer to the dropdown documentation for accessibility details. Additionally, the dropdown uses an aria-labelfrom the - aria.rowsPerPage property of the locale API. -

      -

      Jump to page input is an input element with an aria-label that refers to the aria.jumpToPage property of the locale API.

      -

      Keyboard Support

      -
      - - - - - - - - - - - - - - - - - - - - - -
      KeyFunction
      tabMoves focus through the paginator elements.
      enterExecutes the paginator element action.
      spaceExecutes the paginator element action.
      -
      -

      Rows Per Page Dropdown Keyboard Support

      -

      Refer to the dropdown documentation for more details about keyboard support.

      -       -
      -       ` + template: `
      + +

      Screen Reader

      +

      Paginator is placed inside a nav element to indicate a navigation section. All of the paginator elements can be customized using templating however the default behavious is listed below.

      +

      + First, previous, next and last page navigators elements with aria-label attributes referring to the aria.firstPageLabel, aria.prevPageLabel, aria.nextPageLabel and aria.lastPageLabelproperties of the + locale API respectively. +

      +

      + Page links are also button elements with an aria-label attribute derived from the aria.pageLabel of the locale API. Current page is marked with aria-current set to "page" as + well. +

      +

      Current page report uses aria-live="polite" to instruct screen reader about the changes to the pagination state.

      +

      + Rows per page dropdown internally uses a dropdown component, refer to the dropdown documentation for accessibility details. Additionally, the dropdown uses an aria-labelfrom the + aria.rowsPerPage property of the locale API. +

      +

      Jump to page input is an input element with an aria-label that refers to the aria.jumpToPage property of the locale API.

      +

      Keyboard Support

      +
      + + + + + + + + + + + + + + + + + + + + + +
      KeyFunction
      tabMoves focus through the paginator elements.
      enterExecutes the paginator element action.
      spaceExecutes the paginator element action.
      +
      +

      Rows Per Page Dropdown Keyboard Support

      +

      Refer to the dropdown documentation for more details about keyboard support.

      +       +
      ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/paginator/basicdoc.ts b/src/app/showcase/doc/paginator/basicdoc.ts index ebdca28d5f4..e14a99f3569 100644 --- a/src/app/showcase/doc/paginator/basicdoc.ts +++ b/src/app/showcase/doc/paginator/basicdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; interface PageEvent { @@ -10,8 +10,8 @@ interface PageEvent { @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      Paginator is used as a controlled component with first, rows and onPageChange properties to manage the first index and number of records to display per page. Total number of records need to be with totalRecords property. Default template includes a dropdown to change the rows so rowsPerPageOptions is also necessary for the dropdown options. @@ -21,13 +21,9 @@ interface PageEvent {

      - ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - first: number = 0; rows: number = 10; @@ -38,8 +34,7 @@ export class BasicDoc { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/paginator/imagesdoc.ts b/src/app/showcase/doc/paginator/imagesdoc.ts index 2c7155ba2a5..f978fddc71b 100644 --- a/src/app/showcase/doc/paginator/imagesdoc.ts +++ b/src/app/showcase/doc/paginator/imagesdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; interface PageEvent { @@ -10,8 +10,8 @@ interface PageEvent { @Component({ selector: 'images-doc', - template: `
      - + template: ` +

      Sample image gallery implementation using paginator.
      @@ -19,13 +19,9 @@ interface PageEvent {
      -
      ` + ` }) export class ImagesDoc { - @Input() id: string; - - @Input() title: string; - first: number = 0; rows: number = 10; @@ -36,8 +32,7 @@ export class ImagesDoc { } code: Code = { - basic: ` - + basic: ` `, html: ` diff --git a/src/app/showcase/doc/paginator/importdoc.ts b/src/app/showcase/doc/paginator/importdoc.ts index 969f7e98544..bea8aa65fe0 100644 --- a/src/app/showcase/doc/paginator/importdoc.ts +++ b/src/app/showcase/doc/paginator/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { PaginatorModule } from 'primeng/paginator';` }; diff --git a/src/app/showcase/doc/paginator/localedoc.ts b/src/app/showcase/doc/paginator/localedoc.ts index 74d003204ae..ca961ba1f8a 100644 --- a/src/app/showcase/doc/paginator/localedoc.ts +++ b/src/app/showcase/doc/paginator/localedoc.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; interface PageEvent { @@ -10,8 +10,8 @@ interface PageEvent { @Component({ selector: 'locale-doc', - template: `
      - + template: ` +

      Localization information such as page numbers and rows per page options are defined with the locale property which defaults to the user locale.
      @@ -29,13 +29,9 @@ interface PageEvent {
      - ` + ` }) export class LocaleDoc { - @Input() id: string; - - @Input() title: string; - first: number = 0; rows: number = 10; @@ -46,8 +42,7 @@ export class LocaleDoc { } code: Code = { - basic: ` -
      + basic: `
      diff --git a/src/app/showcase/doc/paginator/paginatordoc.module.ts b/src/app/showcase/doc/paginator/paginatordoc.module.ts index 30351fce8e9..317cf6fbca2 100644 --- a/src/app/showcase/doc/paginator/paginatordoc.module.ts +++ b/src/app/showcase/doc/paginator/paginatordoc.module.ts @@ -7,7 +7,7 @@ import { DropdownModule } from 'primeng/dropdown'; import { PaginatorModule } from 'primeng/paginator'; import { SliderModule } from 'primeng/slider'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { ImagesDoc } from './imagesdoc'; diff --git a/src/app/showcase/doc/paginator/styledoc.ts b/src/app/showcase/doc/paginator/styledoc.ts index e8b24f94e0b..5025cb31b56 100644 --- a/src/app/showcase/doc/paginator/styledoc.ts +++ b/src/app/showcase/doc/paginator/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -54,10 +54,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/paginator/templatedoc.ts b/src/app/showcase/doc/paginator/templatedoc.ts index 8f44e4f511e..d61fa8c8322 100644 --- a/src/app/showcase/doc/paginator/templatedoc.ts +++ b/src/app/showcase/doc/paginator/templatedoc.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; interface PageEvent { @@ -10,8 +10,8 @@ interface PageEvent { @Component({ selector: 'template-doc', - template: `
      - + template: ` +

      Templating allows overriding the default content of the UI elements by defining callbacks using the element name.
      @@ -59,13 +59,9 @@ interface PageEvent {
      - ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - first1: number = 0; rows1: number = 10; @@ -103,8 +99,7 @@ export class TemplateDoc { } code: Code = { - basic: ` -
      + basic: `
      diff --git a/src/app/showcase/doc/panel/accessibilitydoc.ts b/src/app/showcase/doc/panel/accessibilitydoc.ts index 869ed1f4c99..65867170e06 100644 --- a/src/app/showcase/doc/panel/accessibilitydoc.ts +++ b/src/app/showcase/doc/panel/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
      - +

      Screen Reader

      Toggleable panels use a content toggle button at the header that has aria-controls to define the id of the content section along with aria-expanded for the visibility state. The value to read the button defaults to the @@ -42,8 +42,4 @@ import { Component, Input } from '@angular/core';

      ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/panel/basicdoc.ts b/src/app/showcase/doc/panel/basicdoc.ts index d68a019c182..4e13b915ee1 100644 --- a/src/app/showcase/doc/panel/basicdoc.ts +++ b/src/app/showcase/doc/panel/basicdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      A simple Panel is created with a header property along with the content as children.
      @@ -16,16 +16,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `

      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. diff --git a/src/app/showcase/doc/panel/importdoc.ts b/src/app/showcase/doc/panel/importdoc.ts index 03772e192e0..0975d13367f 100644 --- a/src/app/showcase/doc/panel/importdoc.ts +++ b/src/app/showcase/doc/panel/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `

      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { PanelModule } from 'primeng/panel';` }; diff --git a/src/app/showcase/doc/panel/paneldoc.module.ts b/src/app/showcase/doc/panel/paneldoc.module.ts index af32c16e3f4..e79a8ed4400 100644 --- a/src/app/showcase/doc/panel/paneldoc.module.ts +++ b/src/app/showcase/doc/panel/paneldoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { PanelModule } from 'primeng/panel'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { StyleDoc } from './styledoc'; import { BasicDoc } from './basicdoc'; import { ImportDoc } from './importdoc'; diff --git a/src/app/showcase/doc/panel/styledoc.ts b/src/app/showcase/doc/panel/styledoc.ts index 7b834270658..d04a29e8289 100644 --- a/src/app/showcase/doc/panel/styledoc.ts +++ b/src/app/showcase/doc/panel/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -38,10 +38,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/panel/templatedoc.ts b/src/app/showcase/doc/panel/templatedoc.ts index ebd94a218df..35a65932377 100644 --- a/src/app/showcase/doc/panel/templatedoc.ts +++ b/src/app/showcase/doc/panel/templatedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'template-doc', - template: `
      - + template: ` +

      Header and Footers sections can be customized using header and footer templates.
      @@ -15,16 +15,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` Header Body Content Footer content here diff --git a/src/app/showcase/doc/panel/toggleabledoc.ts b/src/app/showcase/doc/panel/toggleabledoc.ts index ebe6f08f5eb..c1b206e2217 100644 --- a/src/app/showcase/doc/panel/toggleabledoc.ts +++ b/src/app/showcase/doc/panel/toggleabledoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'toggleable-doc', - template: `
      - + template: ` +

      Content of the panel can be expanded and collapsed using toggleable option, default state is defined with collapsed option. By default, toggle icon is used to toggle the contents whereas setting toggler to "header" enables clicking anywhere in the header to trigger a toggle. @@ -19,16 +19,11 @@ import { Code } from '../../domain/code';

      - ` + ` }) export class ToggleableDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `

      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. diff --git a/src/app/showcase/doc/panelmenu/accessibilitydoc.ts b/src/app/showcase/doc/panelmenu/accessibilitydoc.ts index 2ebea6fff51..ee864d80a74 100644 --- a/src/app/showcase/doc/panelmenu/accessibilitydoc.ts +++ b/src/app/showcase/doc/panelmenu/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `

      - +

      Screen Reader

      Accordion header elements have a button role, an aria-label defined using the label property of the menuitem model and aria-controls to define the id of the content section along with @@ -105,8 +105,4 @@ import { Component, Input } from '@angular/core';

      ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/panelmenu/basicdoc.ts b/src/app/showcase/doc/panelmenu/basicdoc.ts index c92266f877b..5a069862ac9 100644 --- a/src/app/showcase/doc/panelmenu/basicdoc.ts +++ b/src/app/showcase/doc/panelmenu/basicdoc.ts @@ -1,24 +1,20 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      PanelMenu requires a collection of menuitems as its model.
      -
      ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[]; ngOnInit() { @@ -145,8 +141,7 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/panelmenu/importdoc.ts b/src/app/showcase/doc/panelmenu/importdoc.ts index 63cee48cc4f..6ae75269b3f 100644 --- a/src/app/showcase/doc/panelmenu/importdoc.ts +++ b/src/app/showcase/doc/panelmenu/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { PanelMenuModule } from 'primeng/panelmenu';` }; diff --git a/src/app/showcase/doc/panelmenu/multipledoc.ts b/src/app/showcase/doc/panelmenu/multipledoc.ts index c1f794b0d60..21bd184120b 100644 --- a/src/app/showcase/doc/panelmenu/multipledoc.ts +++ b/src/app/showcase/doc/panelmenu/multipledoc.ts @@ -1,24 +1,20 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'multiple-doc', - template: `
      - + template: ` +

      Only one single root menuitem can be active by default, enable multiple property to be able to open more than one items.
      -
      ` + ` }) export class MultipleDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[]; ngOnInit() { @@ -141,8 +137,7 @@ export class MultipleDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/panelmenu/panelmenudoc.module.ts b/src/app/showcase/doc/panelmenu/panelmenudoc.module.ts index d9fc25ca402..4a1025984ea 100644 --- a/src/app/showcase/doc/panelmenu/panelmenudoc.module.ts +++ b/src/app/showcase/doc/panelmenu/panelmenudoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { PanelMenuModule } from 'primeng/panelmenu'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { ImportDoc } from './importdoc'; diff --git a/src/app/showcase/doc/panelmenu/styledoc.ts b/src/app/showcase/doc/panelmenu/styledoc.ts index 2660e0bc2c2..ab4b431c353 100644 --- a/src/app/showcase/doc/panelmenu/styledoc.ts +++ b/src/app/showcase/doc/panelmenu/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -50,10 +50,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/password/accessibilitydoc.ts b/src/app/showcase/doc/password/accessibilitydoc.ts index c831328f381..1a30d4619e1 100644 --- a/src/app/showcase/doc/password/accessibilitydoc.ts +++ b/src/app/showcase/doc/password/accessibilitydoc.ts @@ -1,60 +1,54 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
      - -

      Screen Reader

      -

      - Value to describe the component can either be provided via label tag combined with id prop or using aria-labelledby, aria-label props. Screen reader is notified about the changes to the strength of the - password using a section that has aria-live while typing. -

      -       + template: `
      + +

      Screen Reader

      +

      + Value to describe the component can either be provided via label tag combined with id prop or using ariaLabelledBy, ariaLabel props. Screen reader is notified about the changes to the strength of the + password using a section that has aria-live while typing. +

      +       - + -

      Keyboard Support

      -
      - - - - - - - - - - - - - - - - - -
      KeyFunction
      - tab - Moves focus to the input.
      - escape - Hides the strength meter if open.
      -
      +

      Keyboard Support

      +
      + + + + + + + + + + + + + + + + + +
      KeyFunction
      + tab + Moves focus to the input.
      + escape + Hides the strength meter if open.
      - ` +
      ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: ` - id="pwd1"> + Password - aria-labelledby="pwd2"> + - aria-label="Password">` +` }; } diff --git a/src/app/showcase/doc/password/basicdoc.ts b/src/app/showcase/doc/password/basicdoc.ts index 9a0fd1a6632..f8d8c25c1ba 100644 --- a/src/app/showcase/doc/password/basicdoc.ts +++ b/src/app/showcase/doc/password/basicdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      Two-way value binding is defined using ngModel.
      -
      ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - value!: string; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/password/disableddoc.ts b/src/app/showcase/doc/password/disableddoc.ts index 0ebe28586d1..216471e1405 100644 --- a/src/app/showcase/doc/password/disableddoc.ts +++ b/src/app/showcase/doc/password/disableddoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'disabled-doc', - template: `
      - + template: ` +

      When disabled is present, the element cannot be edited and focused.
      -
      ` + ` }) export class DisabledDoc { - @Input() id: string; - - @Input() title: string; - value!: string; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/password/floatlabeldoc.ts b/src/app/showcase/doc/password/floatlabeldoc.ts index 84343e87a54..294b8f22538 100644 --- a/src/app/showcase/doc/password/floatlabeldoc.ts +++ b/src/app/showcase/doc/password/floatlabeldoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'floatlabel-doc', - template: `
      - + template: ` +

      A floating label appears on top of the input field when focused.
      @@ -14,18 +14,13 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class FloatLabelDoc { - @Input() id: string; - - @Input() title: string; - value!: string; code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/password/importdoc.ts b/src/app/showcase/doc/password/importdoc.ts index 99eceaca916..bc183cb2ba4 100644 --- a/src/app/showcase/doc/password/importdoc.ts +++ b/src/app/showcase/doc/password/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { PasswordModule } from 'primeng/password';` }; diff --git a/src/app/showcase/doc/password/invaliddoc.ts b/src/app/showcase/doc/password/invaliddoc.ts index c954e02807e..eab388ef6d3 100644 --- a/src/app/showcase/doc/password/invaliddoc.ts +++ b/src/app/showcase/doc/password/invaliddoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'invalid-doc', - template: `
      - + template: ` +

      Invalid state style is added using the ng-invalid and ng-dirty class to indicate a failed validation.
      -
      ` + ` }) export class InvalidDoc { - @Input() id: string; - - @Input() title: string; - value!: string; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/password/meterdoc.ts b/src/app/showcase/doc/password/meterdoc.ts index a610e860ea8..4caebb41e14 100644 --- a/src/app/showcase/doc/password/meterdoc.ts +++ b/src/app/showcase/doc/password/meterdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'meter-doc', - template: `
      - + template: ` +

      Strength meter is displayed as a popup while a value is being entered.
      -
      ` + ` }) export class MeterDoc { - @Input() id: string; - - @Input() title: string; - value!: string; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/password/passworddoc.module.ts b/src/app/showcase/doc/password/passworddoc.module.ts index 6c8895c0434..ded7292c845 100644 --- a/src/app/showcase/doc/password/passworddoc.module.ts +++ b/src/app/showcase/doc/password/passworddoc.module.ts @@ -5,7 +5,7 @@ import { RouterModule } from '@angular/router'; import { DividerModule } from 'primeng/divider'; import { PasswordModule } from 'primeng/password'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { DisabledDoc } from './disableddoc'; diff --git a/src/app/showcase/doc/password/reactiveformsdoc.ts b/src/app/showcase/doc/password/reactiveformsdoc.ts index e2cad243428..b14fca424b4 100644 --- a/src/app/showcase/doc/password/reactiveformsdoc.ts +++ b/src/app/showcase/doc/password/reactiveformsdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
      - + template: ` +

      Password can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
      @@ -14,13 +14,9 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - formGroup!: FormGroup; ngOnInit() { @@ -30,8 +26,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
      + basic: `
      `, diff --git a/src/app/showcase/doc/password/styledoc.ts b/src/app/showcase/doc/password/styledoc.ts index 33b735b0b6e..2d748b2a1c2 100644 --- a/src/app/showcase/doc/password/styledoc.ts +++ b/src/app/showcase/doc/password/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -30,10 +30,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/password/templatedoc.ts b/src/app/showcase/doc/password/templatedoc.ts index eea58da624a..f64ee8aacef 100644 --- a/src/app/showcase/doc/password/templatedoc.ts +++ b/src/app/showcase/doc/password/templatedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'template-doc', - template: `
      - + template: ` +

      3 templates are included to customize the overlay. These are header, content and footer. Note that content overrides the default meter.
      @@ -25,18 +25,13 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - value!: string; code: Code = { - basic: ` - + basic: `
      Pick a password
       diff --git a/src/app/showcase/doc/password/togglemaskdoc.ts b/src/app/showcase/doc/password/togglemaskdoc.ts index fc084d7b586..19f86a0b7d3 100644 --- a/src/app/showcase/doc/password/togglemaskdoc.ts +++ b/src/app/showcase/doc/password/togglemaskdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'togglemask-doc', - template: `
      - + template: ` +

      When toggleMask is present, an icon is displayed to show the value as plain text.
      -
      ` + ` }) export class ToggleMaskDoc { - @Input() id: string; - - @Input() title: string; - value!: string; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/picklist/accessibilitydoc.ts b/src/app/showcase/doc/picklist/accessibilitydoc.ts index 63b73aacdf0..082bc0a492d 100644 --- a/src/app/showcase/doc/picklist/accessibilitydoc.ts +++ b/src/app/showcase/doc/picklist/accessibilitydoc.ts @@ -1,121 +1,115 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` - -

      Screen Reader

      -

      - Value to describe the source listbox and target listbox can be provided with sourceListProps and targetListProps by passing aria-labelledby or aria-label props. The list elements has a listbox role - with the aria-multiselectable attribute. Each list item has an option role with aria-selected and aria-disabled as their attributes. -

      -

      - Controls buttons are button elements with an aria-label that refers to the aria.moveTop, aria.moveUp, aria.moveDown, aria.moveBottom,aria.moveTo, aria.moveAllTo, - aria.moveFrom and aria.moveAllFrom properties of the locale API by default, alternatively you may usemoveTopButtonProps, moveUpButtonProps, moveDownButtonProps, - moveToButtonProps, moveAllToButtonProps, moveFromButtonProps, moveFromButtonProps and moveAllFromButtonProps to customize the buttons like overriding the default aria-label attributes. -

      + template: ` +

      Screen Reader

      +

      + Value to describe the source listbox and target listbox can be provided with ariaLabelledBy or ariaLabel props. The list elements has a listbox role with the aria-multiselectable attribute. Each list item has + an option role with aria-selected and aria-disabled as their attributes. +

      +

      + Controls buttons are button elements with an aria-label that refers to the aria.moveTop, aria.moveUp, aria.moveDown, aria.moveBottom,aria.moveTo, aria.moveAllTo, + aria.moveFrom and aria.moveAllFrom properties of the locale API by default, alternatively you may usemoveTopButtonProps, moveUpButtonProps, moveDownButtonProps, + moveToButtonProps, moveAllToButtonProps, moveFromButtonProps, moveFromButtonProps and moveAllFromButtonProps to customize the buttons like overriding the default aria-label attributes. +

      - + -

      PickList Keyboard Support

      -
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      KeyFunction
      tabMoves focus to the first selected option, if there is none then first option receives the focus.
      up arrowMoves focus to the previous option.
      down arrowMoves focus to the next option.
      enterToggles the selected state of the focused option.
      spaceToggles the selected state of the focused option.
      homeMoves focus to the first option.
      endMoves focus to the last option.
      shift + down arrowMoves focus to the next option and toggles the selection state.
      shift + up arrowMoves focus to the previous option and toggles the selection state.
      shift + spaceSelects the items between the most recently selected option and the focused option.
      control + shift + homeSelects the focused options and all the options up to the first one.
      control + shift + endSelects the focused options and all the options down to the first one.
      control + aSelects all options.
      -
      -

      Buttons Keyboard Support

      -
      - - - - - - - - - - - - - - - - - -
      KeyFunction
      enterExecutes button action.
      spaceExecutes button action.
      -
      -       -       ` +

      PickList Keyboard Support

      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      KeyFunction
      tabMoves focus to the first selected option, if there is none then first option receives the focus.
      up arrowMoves focus to the previous option.
      down arrowMoves focus to the next option.
      enterToggles the selected state of the focused option.
      spaceToggles the selected state of the focused option.
      homeMoves focus to the first option.
      endMoves focus to the last option.
      shift + down arrowMoves focus to the next option and toggles the selection state.
      shift + up arrowMoves focus to the previous option and toggles the selection state.
      shift + spaceSelects the items between the most recently selected option and the focused option.
      control + shift + homeSelects the focused options and all the options up to the first one.
      control + shift + endSelects the focused options and all the options down to the first one.
      control + aSelects all options.
      +
      +

      Buttons Keyboard Support

      +
      + + + + + + + + + + + + + + + + + +
      KeyFunction
      enterExecutes button action.
      spaceExecutes button action.
      +
      + ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { html: `Options - + -` +` }; } diff --git a/src/app/showcase/doc/picklist/basicdoc.ts b/src/app/showcase/doc/picklist/basicdoc.ts index 7ad99503f03..c7a3bdcccb9 100644 --- a/src/app/showcase/doc/picklist/basicdoc.ts +++ b/src/app/showcase/doc/picklist/basicdoc.ts @@ -1,12 +1,12 @@ -import { ChangeDetectorRef, Component, Input } from '@angular/core'; +import { ChangeDetectorRef, Component } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      PickList is used as a controlled input with source and target properties. Content of a list item needs to be defined with the pTemplate property that receives an object in the list as parameter.
      @@ -37,13 +37,9 @@ import { ProductService } from '../../service/productservice';
      -
      ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - sourceProducts!: Product[]; targetProducts!: Product[]; @@ -59,8 +55,7 @@ export class BasicDoc { } code: Code = { - basic: ` -
      diff --git a/src/app/showcase/doc/picklist/filterdoc.ts b/src/app/showcase/doc/picklist/filterdoc.ts index 95af8a59194..a317eb0dbcb 100644 --- a/src/app/showcase/doc/picklist/filterdoc.ts +++ b/src/app/showcase/doc/picklist/filterdoc.ts @@ -1,12 +1,12 @@ -import { ChangeDetectorRef, Component, Input } from '@angular/core'; +import { ChangeDetectorRef, Component } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'filter-doc', - template: `
      - + template: ` +

      Filter value is checked against the property of an object configured with the filterBy property.
      @@ -40,13 +40,9 @@ import { ProductService } from '../../service/productservice';
      -
      ` + ` }) export class FilterDoc { - @Input() id: string; - - @Input() title: string; - sourceProducts!: Product[]; targetProducts!: Product[]; @@ -62,8 +58,7 @@ export class FilterDoc { } code: Code = { - basic: ` -
      diff --git a/src/app/showcase/doc/picklist/importdoc.ts b/src/app/showcase/doc/picklist/importdoc.ts index f712abdceac..52d72cb42fc 100644 --- a/src/app/showcase/doc/picklist/importdoc.ts +++ b/src/app/showcase/doc/picklist/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { PickListModule } from 'primeng/picklist';` }; diff --git a/src/app/showcase/doc/picklist/picklistdoc.module.ts b/src/app/showcase/doc/picklist/picklistdoc.module.ts index 16e2c534815..4bffca37b75 100644 --- a/src/app/showcase/doc/picklist/picklistdoc.module.ts +++ b/src/app/showcase/doc/picklist/picklistdoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { PickListModule } from 'primeng/picklist'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { FilterDoc } from './filterdoc'; diff --git a/src/app/showcase/doc/picklist/styledoc.ts b/src/app/showcase/doc/picklist/styledoc.ts index 8c8c1acdde8..e0e1459cec3 100644 --- a/src/app/showcase/doc/picklist/styledoc.ts +++ b/src/app/showcase/doc/picklist/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -42,10 +42,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/picklist/templatesdoc.ts b/src/app/showcase/doc/picklist/templatesdoc.ts index 482c111e73d..7f1d1ba424c 100644 --- a/src/app/showcase/doc/picklist/templatesdoc.ts +++ b/src/app/showcase/doc/picklist/templatesdoc.ts @@ -1,9 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'templates-doc', - template: `
      - + template: `
      @@ -101,10 +100,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class TemplatesDoc { - @Input() id: string; - - @Input() title: string; -} +export class TemplatesDoc {} diff --git a/src/app/showcase/doc/progressbar/accessibilitydoc.ts b/src/app/showcase/doc/progressbar/accessibilitydoc.ts index ee62bce8f6f..f1281d66a37 100644 --- a/src/app/showcase/doc/progressbar/accessibilitydoc.ts +++ b/src/app/showcase/doc/progressbar/accessibilitydoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', template: `
      - +

      Screen Reader

      ProgressBar components uses progressbar role along with aria-valuemin, aria-valuemax and aria-valuenow attributes. Value to describe the component can be defined usingaria-labelledby and @@ -19,10 +19,6 @@ import { Code } from '../../domain/code';

      ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { html: `Status diff --git a/src/app/showcase/doc/progressbar/basicdoc.ts b/src/app/showcase/doc/progressbar/basicdoc.ts index 770829fae32..0f36a078e0c 100644 --- a/src/app/showcase/doc/progressbar/basicdoc.ts +++ b/src/app/showcase/doc/progressbar/basicdoc.ts @@ -1,26 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      ProgressBar is used with the value property.
      -
      ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/progressbar/dynamicdoc.ts b/src/app/showcase/doc/progressbar/dynamicdoc.ts index d7533585cbb..27baac5acc1 100644 --- a/src/app/showcase/doc/progressbar/dynamicdoc.ts +++ b/src/app/showcase/doc/progressbar/dynamicdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'dynamic-doc', - template: `
      - + template: ` +

      Value is reactive so updating it dynamically changes the bar as well.
      @@ -13,14 +13,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, providers: [MessageService] }) export class DynamicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - value: number = 0; constructor(private messageService: MessageService) {} @@ -37,8 +33,7 @@ export class DynamicDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/progressbar/importdoc.ts b/src/app/showcase/doc/progressbar/importdoc.ts index a5df4998b12..1f19ec41f4a 100644 --- a/src/app/showcase/doc/progressbar/importdoc.ts +++ b/src/app/showcase/doc/progressbar/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { ProgressBarModule } from 'primeng/progressbar'; // For dynamic progressbar demo diff --git a/src/app/showcase/doc/progressbar/indeterminatedoc.ts b/src/app/showcase/doc/progressbar/indeterminatedoc.ts index 494770b6248..3434dd88cf9 100644 --- a/src/app/showcase/doc/progressbar/indeterminatedoc.ts +++ b/src/app/showcase/doc/progressbar/indeterminatedoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'indeterminate-doc', - template: `
      - + template: ` +

      For progresses with no value to track, set the mode property to indeterminate.
      -
      `, + `, providers: [MessageService] }) export class IndeterminateDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/progressbar/progressbardoc.module.ts b/src/app/showcase/doc/progressbar/progressbardoc.module.ts index 3ebf0cf6943..66afa7efaae 100644 --- a/src/app/showcase/doc/progressbar/progressbardoc.module.ts +++ b/src/app/showcase/doc/progressbar/progressbardoc.module.ts @@ -4,7 +4,7 @@ import { RouterModule } from '@angular/router'; import { ProgressBarModule } from 'primeng/progressbar'; import { ToastModule } from 'primeng/toast'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { DynamicDoc } from './dynamicdoc'; diff --git a/src/app/showcase/doc/progressbar/styledoc.ts b/src/app/showcase/doc/progressbar/styledoc.ts index fb9a5e1ed95..997c8020176 100644 --- a/src/app/showcase/doc/progressbar/styledoc.ts +++ b/src/app/showcase/doc/progressbar/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -38,10 +38,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/progressspinner/accessibilitydoc.ts b/src/app/showcase/doc/progressspinner/accessibilitydoc.ts index 6ce8234b37f..f7699de41c0 100644 --- a/src/app/showcase/doc/progressspinner/accessibilitydoc.ts +++ b/src/app/showcase/doc/progressspinner/accessibilitydoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', template: `
      - +

      Screen Reader

      ProgressSpinner components uses progressbar role. Value to describe the component can be defined using aria-labelledby and aria-label props.

       @@ -16,10 +16,6 @@ import { Code } from '../../domain/code';
      ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { html: `` }; diff --git a/src/app/showcase/doc/progressspinner/basicdoc.ts b/src/app/showcase/doc/progressspinner/basicdoc.ts index 275b09de87b..3a82fcc138b 100644 --- a/src/app/showcase/doc/progressspinner/basicdoc.ts +++ b/src/app/showcase/doc/progressspinner/basicdoc.ts @@ -1,26 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      An infinite spin animation is displayed by default.
      -
      ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/progressspinner/importdoc.ts b/src/app/showcase/doc/progressspinner/importdoc.ts index 45187a71bdd..9af76559f7c 100644 --- a/src/app/showcase/doc/progressspinner/importdoc.ts +++ b/src/app/showcase/doc/progressspinner/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { ProgressSpinnerModule } from 'primeng/progressspinner';` }; diff --git a/src/app/showcase/doc/progressspinner/progressspinnerdoc.module.ts b/src/app/showcase/doc/progressspinner/progressspinnerdoc.module.ts index 1ef3a322224..d3fe7565c56 100644 --- a/src/app/showcase/doc/progressspinner/progressspinnerdoc.module.ts +++ b/src/app/showcase/doc/progressspinner/progressspinnerdoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { ProgressSpinnerModule } from 'primeng/progressspinner'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { BasicDoc } from './basicdoc'; import { TemplateDoc } from './templatedoc'; import { ImportDoc } from './importdoc'; diff --git a/src/app/showcase/doc/progressspinner/styledoc.ts b/src/app/showcase/doc/progressspinner/styledoc.ts index 172b5c0449b..8f9a9b9b84a 100644 --- a/src/app/showcase/doc/progressspinner/styledoc.ts +++ b/src/app/showcase/doc/progressspinner/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -30,10 +30,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/progressspinner/templatedoc.ts b/src/app/showcase/doc/progressspinner/templatedoc.ts index aa3f7358a0d..5e3c6594a63 100644 --- a/src/app/showcase/doc/progressspinner/templatedoc.ts +++ b/src/app/showcase/doc/progressspinner/templatedoc.ts @@ -3,15 +3,15 @@ import { Code } from '../../domain/code'; @Component({ selector: 'template-doc', - template: `
      - + template: ` +

      ProgressSpinner can be customized with styling property like styleClass, strokeWidth and fill.
      -
      ` + ` }) export class TemplateDoc { @Input() id: string; @@ -19,8 +19,7 @@ export class TemplateDoc { @Input() title: string; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/radiobutton/accessibilitydoc.ts b/src/app/showcase/doc/radiobutton/accessibilitydoc.ts index 1bcd7aaeebd..e6070baeb7f 100644 --- a/src/app/showcase/doc/radiobutton/accessibilitydoc.ts +++ b/src/app/showcase/doc/radiobutton/accessibilitydoc.ts @@ -1,78 +1,72 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
      - -

      Screen Reader

      -

      - RadioButton component uses a hidden native radio button element internally that is only visible to screen readers. Value to describe the component can either be provided via label tag combined with inputId prop or - using aria-labelledby, aria-label props. -

      -       + template: `
      + +

      Screen Reader

      +

      + RadioButton component uses a hidden native radio button element internally that is only visible to screen readers. Value to describe the component can either be provided via label tag combined with inputId prop or using + ariaLabelledBy, ariaLabel props. +

      +       - + -

      Keyboard Support

      -
      - - - - - - - - - - - - - - - - - - - - - - - - - -
      KeyFunction
      - tab - Moves focus to the checked radio button, if there is none within the group then first radio button receives the focus.
      - - left arrow - up arrow - - Moves focus to the previous radio button, if there is none then last radio button receives the focus.
      - - right arrow - down arrow - - Moves focus to the next radio button, if there is none then first radio button receives the focus.
      - space - If the focused radio button is unchecked, changes the state to checked.
      -
      +

      Keyboard Support

      +
      + + + + + + + + + + + + + + + + + + + + + + + + + +
      KeyFunction
      + tab + Moves focus to the checked radio button, if there is none within the group then first radio button receives the focus.
      + + left arrow + up arrow + + Moves focus to the previous radio button, if there is none then last radio button receives the focus.
      + + right arrow + down arrow + + Moves focus to the next radio button, if there is none then first radio button receives the focus.
      + space + If the focused radio button is unchecked, changes the state to checked.
      - ` +
      ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: ` Two - + -` +` }; } diff --git a/src/app/showcase/doc/radiobutton/disableddoc.ts b/src/app/showcase/doc/radiobutton/disableddoc.ts index 1cb4d32f567..a7f3906040f 100644 --- a/src/app/showcase/doc/radiobutton/disableddoc.ts +++ b/src/app/showcase/doc/radiobutton/disableddoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'disabled-doc', - template: `
      - + template: ` +

      When disabled is present, the element cannot be edited and focused.
      -
      ` + ` }) export class DisabledDoc { - @Input() id: string; - - @Input() title: string; - checked: any; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/radiobutton/dynamicdoc.ts b/src/app/showcase/doc/radiobutton/dynamicdoc.ts index 4b0077df2b8..880adb12957 100644 --- a/src/app/showcase/doc/radiobutton/dynamicdoc.ts +++ b/src/app/showcase/doc/radiobutton/dynamicdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'dynamic-doc', - template: `
      - + template: ` +

      RadioButtons can be generated using a list of values.
      @@ -16,13 +16,9 @@ import { Code } from '../../domain/code';
      - ` + ` }) export class DynamicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - selectedCategory: any = null; categories: any[] = [ @@ -37,8 +33,7 @@ export class DynamicDoc implements OnInit { } code: Code = { - basic: ` -
      + basic: `
      diff --git a/src/app/showcase/doc/radiobutton/groupdoc.ts b/src/app/showcase/doc/radiobutton/groupdoc.ts index fb23dfc476a..4c28cca4adf 100644 --- a/src/app/showcase/doc/radiobutton/groupdoc.ts +++ b/src/app/showcase/doc/radiobutton/groupdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'group-doc', - template: `
      - + template: ` +

      RadioButton is used as a controlled input with value and ngModel properties.
      @@ -30,18 +30,13 @@ import { Code } from '../../domain/code';
      - ` + ` }) export class GroupDoc { - @Input() id: string; - - @Input() title: string; - ingredient!: string; code: Code = { - basic: ` -
      + basic: `
      diff --git a/src/app/showcase/doc/radiobutton/importdoc.ts b/src/app/showcase/doc/radiobutton/importdoc.ts index d742d91ce84..8606cc478fc 100644 --- a/src/app/showcase/doc/radiobutton/importdoc.ts +++ b/src/app/showcase/doc/radiobutton/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { RadioButtonModule } from 'primeng/radiobutton';` }; diff --git a/src/app/showcase/doc/radiobutton/invaliddoc.ts b/src/app/showcase/doc/radiobutton/invaliddoc.ts index d0289a3e28f..94e0da9ca5a 100644 --- a/src/app/showcase/doc/radiobutton/invaliddoc.ts +++ b/src/app/showcase/doc/radiobutton/invaliddoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'invalid-doc', - template: `
      - + template: ` +

      Invalid state style is added using the ng-invalid and ng-dirty class to indicate a failed validation.
      -
      ` + ` }) export class InvalidDoc { - @Input() id: string; - - @Input() title: string; - checked: any; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/radiobutton/radiobuttondoc.module.ts b/src/app/showcase/doc/radiobutton/radiobuttondoc.module.ts index cd2d02c1a83..09944974dde 100644 --- a/src/app/showcase/doc/radiobutton/radiobuttondoc.module.ts +++ b/src/app/showcase/doc/radiobutton/radiobuttondoc.module.ts @@ -4,7 +4,7 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { RouterModule } from '@angular/router'; import { RadioButtonModule } from 'primeng/radiobutton'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { DisabledDoc } from './disableddoc'; import { DynamicDoc } from './dynamicdoc'; diff --git a/src/app/showcase/doc/radiobutton/reactiveformsdoc.ts b/src/app/showcase/doc/radiobutton/reactiveformsdoc.ts index bb92f1bc85e..0f552103e1d 100644 --- a/src/app/showcase/doc/radiobutton/reactiveformsdoc.ts +++ b/src/app/showcase/doc/radiobutton/reactiveformsdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
      - + template: ` +

      RadioButton can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
      @@ -17,13 +17,9 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - formGroup!: FormGroup; categories: any[] = [ @@ -40,8 +36,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
      + basic: `
      diff --git a/src/app/showcase/doc/radiobutton/styledoc.ts b/src/app/showcase/doc/radiobutton/styledoc.ts index 3d0d1ce4e35..beff9634fb8 100644 --- a/src/app/showcase/doc/radiobutton/styledoc.ts +++ b/src/app/showcase/doc/radiobutton/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -46,10 +46,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/rating/accessibilitydoc.ts b/src/app/showcase/doc/rating/accessibilitydoc.ts index 94d70ca8414..2f4e663a2eb 100644 --- a/src/app/showcase/doc/rating/accessibilitydoc.ts +++ b/src/app/showcase/doc/rating/accessibilitydoc.ts @@ -1,67 +1,61 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` -
      - -

      Screen Reader

      -

      - Rating component internally uses radio buttons that are only visible to screen readers. The value to read for item is retrieved from the locale API via star and stars of the - aria - property. -

      -       + template: `
      + +

      Screen Reader

      +

      + Rating component internally uses radio buttons that are only visible to screen readers. The value to read for item is retrieved from the locale API via star and stars of the + aria + property. +

      +       -

      Keyboard Support

      -

      Keyboard interaction is derived from the native browser handling of radio buttons in a group.

      -
      - - - - - - - - - - - - - - - - - - - - - - - - - -
      KeyFunction
      - tab - Moves focus to the star representing the value, if there is none then first star receives the focus.
      - - left arrow - up arrow - - Moves focus to the previous star, if there is none then last radio button receives the focus.
      - - right arrow - down arrow - - Moves focus to the next star, if there is none then first star receives the focus.
      - space - If the focused star does not represent the value, changes the value to the star value.
      -
      +

      Keyboard Support

      +

      Keyboard interaction is derived from the native browser handling of radio buttons in a group.

      +
      + + + + + + + + + + + + + + + + + + + + + + + + + +
      KeyFunction
      + tab + Moves focus to the star representing the value, if there is none then first star receives the focus.
      + + left arrow + up arrow + + Moves focus to the previous star, if there is none then last radio button receives the focus.
      + + right arrow + down arrow + + Moves focus to the next star, if there is none then first star receives the focus.
      + space + If the focused star does not represent the value, changes the value to the star value.
      - ` +
      ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/rating/basicdoc.ts b/src/app/showcase/doc/rating/basicdoc.ts index 463cfbdbabf..a673ebf959e 100644 --- a/src/app/showcase/doc/rating/basicdoc.ts +++ b/src/app/showcase/doc/rating/basicdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      Two-way value binding is defined using ngModel.
      -
      ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - value!: number; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/rating/disableddoc.ts b/src/app/showcase/doc/rating/disableddoc.ts index 8b90692c0b3..7c812c02799 100644 --- a/src/app/showcase/doc/rating/disableddoc.ts +++ b/src/app/showcase/doc/rating/disableddoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'disabled-doc', - template: `
      - + template: ` +

      When disabled is present, a visual hint is applied to indicate that the Knob cannot be interacted with.
      -
      ` + ` }) export class DisabledDoc { - @Input() id: string; - - @Input() title: string; - value: number = 5; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/rating/importdoc.ts b/src/app/showcase/doc/rating/importdoc.ts index 44e508d1cc8..9f5fd6c1add 100644 --- a/src/app/showcase/doc/rating/importdoc.ts +++ b/src/app/showcase/doc/rating/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { RatingModule } from 'primeng/rating';` }; diff --git a/src/app/showcase/doc/rating/numberofstarsdoc.ts b/src/app/showcase/doc/rating/numberofstarsdoc.ts index d63fb2fadf9..8135b6cf1f3 100644 --- a/src/app/showcase/doc/rating/numberofstarsdoc.ts +++ b/src/app/showcase/doc/rating/numberofstarsdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'number-of-stars-doc', - template: `
      - + template: ` +

      Number of stars to display is defined with stars property.
      -
      ` + ` }) export class NumberOfStarsDoc { - @Input() id: string; - - @Input() title: string; - value!: number; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/rating/ratingdoc.module.ts b/src/app/showcase/doc/rating/ratingdoc.module.ts index cdc5e13fce4..43124de3a83 100644 --- a/src/app/showcase/doc/rating/ratingdoc.module.ts +++ b/src/app/showcase/doc/rating/ratingdoc.module.ts @@ -4,7 +4,7 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { RouterModule } from '@angular/router'; import { RatingModule } from 'primeng/rating'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { ReactiveFormsDoc } from './reactiveformsdoc'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; diff --git a/src/app/showcase/doc/rating/reactiveformsdoc.ts b/src/app/showcase/doc/rating/reactiveformsdoc.ts index a8f0eb3e400..084978e6621 100644 --- a/src/app/showcase/doc/rating/reactiveformsdoc.ts +++ b/src/app/showcase/doc/rating/reactiveformsdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
      - + template: ` +

      Rating can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
      @@ -14,13 +14,9 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - formGroup!: FormGroup; ngOnInit() { @@ -30,8 +26,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
      + basic: `
      `, diff --git a/src/app/showcase/doc/rating/readonlydoc.ts b/src/app/showcase/doc/rating/readonlydoc.ts index 1f1182d4dd9..6a6bb6375a4 100644 --- a/src/app/showcase/doc/rating/readonlydoc.ts +++ b/src/app/showcase/doc/rating/readonlydoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'readonly-doc', - template: `
      - + template: ` +

      When readOnly present, value cannot be edited.
      -
      ` + ` }) export class ReadOnlyDoc { - @Input() id: string; - - @Input() title: string; - value: number = 5; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/rating/styledoc.ts b/src/app/showcase/doc/rating/styledoc.ts index 23a68ee21d6..0076cfedca1 100644 --- a/src/app/showcase/doc/rating/styledoc.ts +++ b/src/app/showcase/doc/rating/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -34,10 +34,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/rating/templatedoc.ts b/src/app/showcase/doc/rating/templatedoc.ts index 4e00f581801..df2b93fc25a 100644 --- a/src/app/showcase/doc/rating/templatedoc.ts +++ b/src/app/showcase/doc/rating/templatedoc.ts @@ -1,15 +1,15 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'template-doc', - template: `
      - + template: ` +

      Templating allows customizing the content where the icon instance is available as the implicit variable.
      - + @@ -21,19 +21,12 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - value!: number; - - code: Code = { - basic: ` - - + basic: ` + @@ -47,7 +40,7 @@ export class TemplateDoc { html: `
      - + diff --git a/src/app/showcase/doc/rating/withoutcanceldoc.ts b/src/app/showcase/doc/rating/withoutcanceldoc.ts index b8ea1dc2a6c..726f790b266 100644 --- a/src/app/showcase/doc/rating/withoutcanceldoc.ts +++ b/src/app/showcase/doc/rating/withoutcanceldoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'without-cancel-doc', - template: `
      - + template: ` +

      A cancel icon is displayed to reset the value by default, set cancel as false to remove this option.
      -
      ` + ` }) export class WithoutCancelDoc { - @Input() id: string; - - @Input() title: string; - value!: number; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/ripple/accessibilitydoc.ts b/src/app/showcase/doc/ripple/accessibilitydoc.ts new file mode 100644 index 00000000000..2e0ecb9f224 --- /dev/null +++ b/src/app/showcase/doc/ripple/accessibilitydoc.ts @@ -0,0 +1,13 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'accessibility-doc', + template: ` +

      Screen Reader

      +

      Ripple element has the aria-hidden attribute as true so that it gets ignored by the screen readers.

      + +

      Keyboard Support

      +

      Component does not include any interactive elements.

      +       ` +}) +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/ripple/customdoc.ts b/src/app/showcase/doc/ripple/customdoc.ts index 610acd3a00a..0d25c74e4ef 100644 --- a/src/app/showcase/doc/ripple/customdoc.ts +++ b/src/app/showcase/doc/ripple/customdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'custom-doc', - template: `
      - + template: ` +

      Styling Demo Content.
      @@ -13,16 +13,11 @@ import { Code } from '../../domain/code';
      Purple
      -
      ` + ` }) export class CustomDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -
      Green
      `, + basic: `
      Green
      `, html: `
      Green
      diff --git a/src/app/showcase/doc/ripple/defaultdoc.ts b/src/app/showcase/doc/ripple/defaultdoc.ts index 1448b4ecac6..955a30fd357 100644 --- a/src/app/showcase/doc/ripple/defaultdoc.ts +++ b/src/app/showcase/doc/ripple/defaultdoc.ts @@ -1,26 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'default-doc', - template: `
      - + template: ` +

      Default Demo Content.
      Default
      -
      ` + ` }) export class DefaultDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -
      Default
      `, + basic: `
      Default
      `, html: `
      Default
      diff --git a/src/app/showcase/doc/ripple/importdoc.ts b/src/app/showcase/doc/ripple/importdoc.ts index 53b75a65e70..7c7a58dbcde 100644 --- a/src/app/showcase/doc/ripple/importdoc.ts +++ b/src/app/showcase/doc/ripple/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { RippleModule } from 'primeng/ripple';` }; diff --git a/src/app/showcase/doc/ripple/rippledoc.module.ts b/src/app/showcase/doc/ripple/rippledoc.module.ts index 3401183cc35..fd0e2b00fbd 100644 --- a/src/app/showcase/doc/ripple/rippledoc.module.ts +++ b/src/app/showcase/doc/ripple/rippledoc.module.ts @@ -3,15 +3,15 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { RippleModule } from 'primeng/ripple'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { CustomDoc } from './customdoc'; import { DefaultDoc } from './defaultdoc'; import { ImportDoc } from './importdoc'; import { StyleDoc } from './styledoc'; - +import { AccessibilityDoc } from './accessibilitydoc'; @NgModule({ imports: [CommonModule, RouterModule, AppCodeModule, AppDocModule, RippleModule], - declarations: [DefaultDoc, ImportDoc, StyleDoc, CustomDoc], + declarations: [DefaultDoc, ImportDoc, StyleDoc, CustomDoc, AccessibilityDoc], exports: [AppDocModule] }) export class RippleDocModule {} diff --git a/src/app/showcase/doc/ripple/styledoc.ts b/src/app/showcase/doc/ripple/styledoc.ts index f2033f75be6..8b63460028f 100644 --- a/src/app/showcase/doc/ripple/styledoc.ts +++ b/src/app/showcase/doc/ripple/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -30,10 +30,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/scroller/accessibilitydoc.ts b/src/app/showcase/doc/scroller/accessibilitydoc.ts index 592e5ab7a79..475840dfcf5 100644 --- a/src/app/showcase/doc/scroller/accessibilitydoc.ts +++ b/src/app/showcase/doc/scroller/accessibilitydoc.ts @@ -1,21 +1,12 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` - -

      Screen Reader

      -

      - Scroller uses a semantic list element to list the items. No specific role is enforced, still you may use any aria role and attributes as any valid attribute is passed to the container element. List element can be also customized for - accessibility using listProps property. -

      -

      Keyboard Support

      -

      Component does not include any built-in interactive elements.

      -       -       ` + template: ` +

      Screen Reader

      +

      Scroller uses a semantic list element to list the items. No specific role is enforced, still you may use any aria role and attributes as any valid attribute is passed to the container element.

      +

      Keyboard Support

      +

      Component does not include any built-in interactive elements.

      +       ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/scroller/basicdoc.ts b/src/app/showcase/doc/scroller/basicdoc.ts index 0638aa2e5fd..e36617919ff 100644 --- a/src/app/showcase/doc/scroller/basicdoc.ts +++ b/src/app/showcase/doc/scroller/basicdoc.ts @@ -1,10 +1,10 @@ -import { ChangeDetectionStrategy, Component, Input } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      Scroller requires items as the data to display, itemSize for the dimensions of an item and item template are required on component. In addition, an initial array is required based on the total number of items to display. Size of the viewport is configured using scrollWidth, scrollHeight properties directly or with CSS width and height styles. @@ -18,14 +18,10 @@ import { Code } from '../../domain/code';

      - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - items!: string[]; ngOnInit() { @@ -33,8 +29,7 @@ export class BasicDoc { } code: Code = { - basic: ` - + basic: `
      {{ item }}
       diff --git a/src/app/showcase/doc/scroller/delaydoc.ts b/src/app/showcase/doc/scroller/delaydoc.ts index c9550d60968..9136794238a 100644 --- a/src/app/showcase/doc/scroller/delaydoc.ts +++ b/src/app/showcase/doc/scroller/delaydoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'delay-doc', - template: `
      - + template: ` +

      Scroll delay is adjusted by using delay property.
      @@ -34,13 +34,9 @@ import { Code } from '../../domain/code';
      - ` + ` }) export class DelayDoc { - @Input() id: string; - - @Input() title: string; - items!: string[]; ngOnInit() { @@ -48,8 +44,7 @@ export class DelayDoc { } code: Code = { - basic: ` - + basic: `
      {{ item }}
       diff --git a/src/app/showcase/doc/scroller/griddoc.ts b/src/app/showcase/doc/scroller/griddoc.ts index 7d849b87edd..8ce9d51ca65 100644 --- a/src/app/showcase/doc/scroller/griddoc.ts +++ b/src/app/showcase/doc/scroller/griddoc.ts @@ -1,10 +1,10 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'grid-doc', - template: `
      - + template: ` +

      Scrolling can be enabled vertically and horizontally when orientation is set as both. In this mode, itemSize should be an array where first value is the height of an item and second is the width.
      @@ -17,14 +17,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class GridDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items!: string[][]; constructor(private cd: ChangeDetectorRef) {} @@ -35,8 +31,7 @@ export class GridDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
      {{ el }}
      diff --git a/src/app/showcase/doc/scroller/horizontaldoc.ts b/src/app/showcase/doc/scroller/horizontaldoc.ts index 556ab407d51..084665c18c1 100644 --- a/src/app/showcase/doc/scroller/horizontaldoc.ts +++ b/src/app/showcase/doc/scroller/horizontaldoc.ts @@ -1,10 +1,10 @@ -import { ChangeDetectionStrategy, Component, Input } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'horizontal-doc', - template: `
      - + template: ` +

      Setting orientation to horizontal enables scrolling horizontally. In this case, the itemSize should refer to the width of an item.
      @@ -15,14 +15,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class HorizontalDoc { - @Input() id: string; - - @Input() title: string; - items!: string[]; ngOnInit() { @@ -30,8 +26,7 @@ export class HorizontalDoc { } code: Code = { - basic: ` - + basic: `
      {{ item }}
       diff --git a/src/app/showcase/doc/scroller/importdoc.ts b/src/app/showcase/doc/scroller/importdoc.ts index e54ff673089..ebf1efabc7c 100644 --- a/src/app/showcase/doc/scroller/importdoc.ts +++ b/src/app/showcase/doc/scroller/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { ScrollerModule } from 'primeng/scroller';` }; diff --git a/src/app/showcase/doc/scroller/lazyloaddoc.ts b/src/app/showcase/doc/scroller/lazyloaddoc.ts index 38d6cd1ea58..5b9acc527a2 100644 --- a/src/app/showcase/doc/scroller/lazyloaddoc.ts +++ b/src/app/showcase/doc/scroller/lazyloaddoc.ts @@ -1,4 +1,4 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core'; import { Code } from '../../domain/code'; interface LazyEvent { @@ -7,8 +7,8 @@ interface LazyEvent { } @Component({ selector: 'lazy-load-doc', - template: `
      - + template: ` +

      Lazy mode is handy to deal with large datasets where instead of loading the entire data, small chunks of data are loaded on demand by invoking onLazyLoad callback everytime scrolling requires a new chunk. To implement lazy loading, enable lazy attribute, initialize your data as a placeholder with a length and finally implement a method callback using onLazyLoad that actually loads a chunk from a datasource. onLazyLoad gets an event object that @@ -23,14 +23,10 @@ interface LazyEvent {

      - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class LazyLoadDoc { - @Input() id: string; - - @Input() title: string; - items!: string[]; lazyLoading: boolean = true; @@ -66,8 +62,7 @@ export class LazyLoadDoc { } code: Code = { - basic: ` - + basic: `
      {{ item }}
       diff --git a/src/app/showcase/doc/scroller/loaderdoc.ts b/src/app/showcase/doc/scroller/loaderdoc.ts index ac303fff676..3657a380f27 100644 --- a/src/app/showcase/doc/scroller/loaderdoc.ts +++ b/src/app/showcase/doc/scroller/loaderdoc.ts @@ -1,10 +1,10 @@ -import { ChangeDetectionStrategy, Component, Input } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'loader-doc', - template: `
      - + template: ` +

      Busy state is enabled by adding showLoader property which blocks the UI with a modal by default. Alternatively, loader template can be used to customize items e.g. with Skeleton.
      @@ -29,14 +29,10 @@ import { Code } from '../../domain/code';
      - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class LoaderDoc { - @Input() id: string; - - @Input() title: string; - items!: string[]; ngOnInit() { @@ -44,8 +40,7 @@ export class LoaderDoc { } code: Code = { - basic: ` - + basic: `
      {{ item }}
       diff --git a/src/app/showcase/doc/scroller/programmaticdoc.ts b/src/app/showcase/doc/scroller/programmaticdoc.ts index f8da67a51b1..284f127b0af 100644 --- a/src/app/showcase/doc/scroller/programmaticdoc.ts +++ b/src/app/showcase/doc/scroller/programmaticdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { Scroller } from 'primeng/scroller'; import { Code } from '../../domain/code'; @Component({ selector: 'programmatic-doc', - template: `
      - + template: ` +

      Scrolling to a specific index can be done with the scrollToIndex function.
      @@ -17,13 +17,9 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class ProgrammaticDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - @ViewChild('sc') sc!: Scroller; items: string[] = []; @@ -37,8 +33,7 @@ export class ProgrammaticDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
      {{ item }}
      diff --git a/src/app/showcase/doc/scroller/scrollerdoc.module.ts b/src/app/showcase/doc/scroller/scrollerdoc.module.ts index 7ec9385c435..460931e787c 100644 --- a/src/app/showcase/doc/scroller/scrollerdoc.module.ts +++ b/src/app/showcase/doc/scroller/scrollerdoc.module.ts @@ -5,7 +5,7 @@ import { ScrollerModule } from 'primeng/scroller'; import { SkeletonModule } from 'primeng/skeleton'; import { SpinnerModule } from 'primeng/spinner'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { BasicDoc } from './basicdoc'; import { DelayDoc } from './delaydoc'; import { HorizontalDoc } from './horizontaldoc'; diff --git a/src/app/showcase/doc/scroller/scrolloptionsdoc.ts b/src/app/showcase/doc/scroller/scrolloptionsdoc.ts index ec18821e0bc..b9713c1b335 100644 --- a/src/app/showcase/doc/scroller/scrolloptionsdoc.ts +++ b/src/app/showcase/doc/scroller/scrolloptionsdoc.ts @@ -1,20 +1,16 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'options-doc', - template: `
      - + template: ` +

      The properties of scroller component can be used like an object in it.

       -
      ` + ` }) export class ScrollOptionsDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { html: ` diff --git a/src/app/showcase/doc/scroller/styledoc.ts b/src/app/showcase/doc/scroller/styledoc.ts index 5d4ad3fd826..3f55b46683f 100644 --- a/src/app/showcase/doc/scroller/styledoc.ts +++ b/src/app/showcase/doc/scroller/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -30,10 +30,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/scroller/templatedoc.ts b/src/app/showcase/doc/scroller/templatedoc.ts index a270740bf27..2715575bda8 100644 --- a/src/app/showcase/doc/scroller/templatedoc.ts +++ b/src/app/showcase/doc/scroller/templatedoc.ts @@ -1,10 +1,10 @@ -import { ChangeDetectionStrategy, Component, Input } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'template-doc', - template: `
      - + template: ` +

      Scroller content is customizable by using ng-template. Valid values are content, item, loader and loadericon
      @@ -34,14 +34,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - items!: string[]; ngOnInit() { @@ -49,8 +45,7 @@ export class TemplateDoc { } code: Code = { - basic: ` - + basic: `
      Item: {{item}}
      diff --git a/src/app/showcase/doc/scrollpanel/accessibilitydoc.ts b/src/app/showcase/doc/scrollpanel/accessibilitydoc.ts index cacd3383073..a821508e42e 100644 --- a/src/app/showcase/doc/scrollpanel/accessibilitydoc.ts +++ b/src/app/showcase/doc/scrollpanel/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
      - +

      Screen Reader

      Scrollbars of the ScrollPanel has a scrollbar role along with the aria-controls attribute that refers to the id of the scrollable content container and the aria-orientation to indicate the orientation of @@ -41,8 +41,4 @@ import { Component, Input } from '@angular/core';

      ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/scrollpanel/basicdoc.ts b/src/app/showcase/doc/scrollpanel/basicdoc.ts index 3f9bdf107cf..731ff2ac9f7 100644 --- a/src/app/showcase/doc/scrollpanel/basicdoc.ts +++ b/src/app/showcase/doc/scrollpanel/basicdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      ScrollPanel is defined using dimensions for the scrollable viewport.
      @@ -24,16 +24,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `

      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. diff --git a/src/app/showcase/doc/scrollpanel/customdoc.ts b/src/app/showcase/doc/scrollpanel/customdoc.ts index 2a7804664dc..f9740d1ac9e 100644 --- a/src/app/showcase/doc/scrollpanel/customdoc.ts +++ b/src/app/showcase/doc/scrollpanel/customdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'custom-doc', - template: `

      - + template: ` +

      Scrollbar visuals can be styled for a unified look across different platforms.
      @@ -46,16 +46,11 @@ import { Code } from '../../domain/code';
      - ` + ` }) export class CusstomDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `

      Lorem ipsum dolor sit amet...

      diff --git a/src/app/showcase/doc/scrollpanel/importdoc.ts b/src/app/showcase/doc/scrollpanel/importdoc.ts index 8bde01e9664..c62b182e115 100644 --- a/src/app/showcase/doc/scrollpanel/importdoc.ts +++ b/src/app/showcase/doc/scrollpanel/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { ScrollPanelModule } from 'primeng/scrollpanel';` }; diff --git a/src/app/showcase/doc/scrollpanel/scrollpaneldoc.module.ts b/src/app/showcase/doc/scrollpanel/scrollpaneldoc.module.ts index 2bb9888edf0..899e1a48365 100644 --- a/src/app/showcase/doc/scrollpanel/scrollpaneldoc.module.ts +++ b/src/app/showcase/doc/scrollpanel/scrollpaneldoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { ScrollPanelModule } from 'primeng/scrollpanel'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { CusstomDoc } from './customdoc'; diff --git a/src/app/showcase/doc/scrollpanel/styledoc.ts b/src/app/showcase/doc/scrollpanel/styledoc.ts index cea0e96e4e6..c030ffaf02a 100644 --- a/src/app/showcase/doc/scrollpanel/styledoc.ts +++ b/src/app/showcase/doc/scrollpanel/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -42,10 +42,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/scrolltop/accessibilitydoc.ts b/src/app/showcase/doc/scrolltop/accessibilitydoc.ts index 8e6d8ccab6f..b0e12b4f0ee 100644 --- a/src/app/showcase/doc/scrolltop/accessibilitydoc.ts +++ b/src/app/showcase/doc/scrolltop/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
      - +

      Screen Reader

      ScrollTop uses a button element with an aria-label that refers to the aria.scrollTop property of the locale API by default, you may use your own aria roles and attributes as any valid @@ -34,8 +34,4 @@ import { Component, Input } from '@angular/core';

      ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/scrolltop/basicdoc.ts b/src/app/showcase/doc/scrolltop/basicdoc.ts index 6a0e7a33366..2b4ddb5e7a4 100644 --- a/src/app/showcase/doc/scrolltop/basicdoc.ts +++ b/src/app/showcase/doc/scrolltop/basicdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      ScrollTop listens window scroll by default.
      @@ -13,16 +13,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `

      Scroll down the page to display the ScrollTo component.

      diff --git a/src/app/showcase/doc/scrolltop/elementdoc.ts b/src/app/showcase/doc/scrolltop/elementdoc.ts index c694879b202..ebd1d0e88f7 100644 --- a/src/app/showcase/doc/scrolltop/elementdoc.ts +++ b/src/app/showcase/doc/scrolltop/elementdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'element-doc', - template: `
      - + template: ` +

      Setting the target property to parent binds ScrollTop to its parent element that has scrolling content.
      @@ -20,16 +20,11 @@ import { Code } from '../../domain/code';
      - ` + ` }) export class ElementDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/scrolltop/importdoc.ts b/src/app/showcase/doc/scrolltop/importdoc.ts index ff4ec263f7b..20c7f05558c 100644 --- a/src/app/showcase/doc/scrolltop/importdoc.ts +++ b/src/app/showcase/doc/scrolltop/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { ScrollTopModule } from 'primeng/scrolltop';` }; diff --git a/src/app/showcase/doc/scrolltop/scrolltopdoc.module.ts b/src/app/showcase/doc/scrolltop/scrolltopdoc.module.ts index 46de30f6f20..305c8033106 100644 --- a/src/app/showcase/doc/scrolltop/scrolltopdoc.module.ts +++ b/src/app/showcase/doc/scrolltop/scrolltopdoc.module.ts @@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { ScrollTopModule } from 'primeng/scrolltop'; import { BasicDoc } from './basicdoc'; import { ElementDoc } from './elementdoc'; diff --git a/src/app/showcase/doc/scrolltop/styledoc.ts b/src/app/showcase/doc/scrolltop/styledoc.ts index bc91a51ec25..e5f6fdf9389 100644 --- a/src/app/showcase/doc/scrolltop/styledoc.ts +++ b/src/app/showcase/doc/scrolltop/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -26,10 +26,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/selectbutton/accessibilitydoc.ts b/src/app/showcase/doc/selectbutton/accessibilitydoc.ts index 344aee034cd..7a730d1f7e4 100644 --- a/src/app/showcase/doc/selectbutton/accessibilitydoc.ts +++ b/src/app/showcase/doc/selectbutton/accessibilitydoc.ts @@ -1,47 +1,41 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` -
      - -

      Screen Reader

      -

      - The container element that wraps the buttons has a group role whereas each button element uses button role and aria-pressed is updated depending on selection state. Value to describe an option is automatically - set using the aria-label property that refers to the label of an option so it is still suggested to define a label even the option display consists of presentational content like icons only. -

      -       + template: `
      + +

      Screen Reader

      +

      + The container element that wraps the buttons has a group role whereas each button element uses button role and aria-pressed is updated depending on selection state. Value to describe an option is automatically set + using the ariaLabel property that refers to the label of an option so it is still suggested to define a label even the option display consists of presentational content like icons only. +

      +       -

      Keyboard Support

      -
      - - - - - - - - - - - - - - - - - -
      KeyFunction
      - tab - Moves focus to the buttons.
      - space - Toggles the checked state of a button.
      -
      +

      Keyboard Support

      +
      + + + + + + + + + + + + + + + + + +
      KeyFunction
      + tab + Moves focus to the buttons.
      + space + Toggles the checked state of a button.
      - ` +
      ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/selectbutton/basicdoc.ts b/src/app/showcase/doc/selectbutton/basicdoc.ts index 7aa5c87460c..592e751f970 100644 --- a/src/app/showcase/doc/selectbutton/basicdoc.ts +++ b/src/app/showcase/doc/selectbutton/basicdoc.ts @@ -1,23 +1,19 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      SelectButton requires a value to bind and a collection of options.
      -
      ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - stateOptions: any[] = [ { label: 'Off', value: 'off' }, { label: 'On', value: 'on' } @@ -26,8 +22,7 @@ export class BasicDoc { value: string = 'off'; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/selectbutton/disableddoc.ts b/src/app/showcase/doc/selectbutton/disableddoc.ts index 8b9628b94dc..a55654c4f73 100644 --- a/src/app/showcase/doc/selectbutton/disableddoc.ts +++ b/src/app/showcase/doc/selectbutton/disableddoc.ts @@ -1,45 +1,42 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'disabled-doc', - template: `
      - + template: ` +

      When disabled is present, the element cannot be edited and focused entirely. Certain options can also be disabled using the optionDisabled property.
      - - + +
      -
      ` + ` }) export class DisabledDoc { - @Input() id: string; - - @Input() title: string; - stateOptions: any[] = [ { label: 'Off', value: 'off' }, { label: 'On', value: 'on' } ]; stateOptions2: any[] = [ - { label: 'Option 1', value: 'off' }, - { label: 'Option 2', value: 'on', constant: true } + { label: 'Option 1', value: 'Option 1' }, + { label: 'Option 2', value: 'Option 2', constant: true } ]; - value: string = 'off'; + value1: string = 'off'; + + value2: string = 'Option 1'; code: Code = { - basic: ` - -`, + basic: ` +`, html: `
      - - + +
      `, typescript: ` @@ -56,11 +53,13 @@ export class SelectButtonDisabledDemo { ]; stateOptions2: any[] = [ - { label: 'Option 1', value: 'off' }, - { label: 'Option 2', value: 'on', constant:true } + { label: 'Option 1', value: 'Option 1' }, + { label: 'Option 2', value: 'Option 2', constant: true } ]; - value: string = 'off'; + value1: string = 'off'; + + value2: string = 'Option 1'; }` }; } diff --git a/src/app/showcase/doc/selectbutton/importdoc.ts b/src/app/showcase/doc/selectbutton/importdoc.ts index 33ef678298e..5bd83016ec1 100644 --- a/src/app/showcase/doc/selectbutton/importdoc.ts +++ b/src/app/showcase/doc/selectbutton/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { SelectButtonModule } from 'primeng/selectbutton';` }; diff --git a/src/app/showcase/doc/selectbutton/invaliddoc.ts b/src/app/showcase/doc/selectbutton/invaliddoc.ts index a7161c788b7..1f3bc56e188 100644 --- a/src/app/showcase/doc/selectbutton/invaliddoc.ts +++ b/src/app/showcase/doc/selectbutton/invaliddoc.ts @@ -1,23 +1,19 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'invalid-doc', - template: `
      - + template: ` +

      Invalid state style is added using the ng-invalid and ng-dirty class to indicate a failed validation.
      -
      ` + ` }) export class InvalidDoc { - @Input() id: string; - - @Input() title: string; - stateOptions: any[] = [ { label: 'Off', value: 'off' }, { label: 'On', value: 'on' } @@ -26,8 +22,7 @@ export class InvalidDoc { value: string = 'off'; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/selectbutton/multipledoc.ts b/src/app/showcase/doc/selectbutton/multipledoc.ts index 58293415236..dc2efb579fe 100644 --- a/src/app/showcase/doc/selectbutton/multipledoc.ts +++ b/src/app/showcase/doc/selectbutton/multipledoc.ts @@ -1,23 +1,19 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'multiple-doc', - template: `
      - + template: ` +

      SelectButton allows selecting only one item by default and setting multiple option enables choosing more than one item. In multiple case, model property should be an array.
      -
      ` + ` }) export class MultipleDoc { - @Input() id: string; - - @Input() title: string; - paymentOptions: any[] = [ { name: 'Option 1', value: 1 }, { name: 'Option 2', value: 2 }, @@ -27,8 +23,7 @@ export class MultipleDoc { value!: number; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/selectbutton/reactiveformsdoc.ts b/src/app/showcase/doc/selectbutton/reactiveformsdoc.ts index e863ec24a22..3ce1895bf54 100644 --- a/src/app/showcase/doc/selectbutton/reactiveformsdoc.ts +++ b/src/app/showcase/doc/selectbutton/reactiveformsdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
      - + template: ` +

      SelectButton can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
      @@ -14,13 +14,9 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - formGroup!: FormGroup; stateOptions: any[] = [ @@ -35,8 +31,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
      + basic: `
      `, diff --git a/src/app/showcase/doc/selectbutton/selectbuttondoc.module.ts b/src/app/showcase/doc/selectbutton/selectbuttondoc.module.ts index 0232167943b..387823a57bc 100644 --- a/src/app/showcase/doc/selectbutton/selectbuttondoc.module.ts +++ b/src/app/showcase/doc/selectbutton/selectbuttondoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { SelectButtonModule } from 'primeng/selectbutton'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { DisabledDoc } from './disableddoc'; diff --git a/src/app/showcase/doc/selectbutton/templatedoc.ts b/src/app/showcase/doc/selectbutton/templatedoc.ts index 31445426b1d..d2416802049 100644 --- a/src/app/showcase/doc/selectbutton/templatedoc.ts +++ b/src/app/showcase/doc/selectbutton/templatedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'template-doc', - template: `
      - + template: ` +

      For custom content support define a ng-template with pTemplate where the local ng-template variable refers to an option in the options collection.
      @@ -15,13 +15,9 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - value: any; justifyOptions: any[] = [ @@ -32,8 +28,7 @@ export class TemplateDoc { ]; code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/sidebar/accessibilitydoc.ts b/src/app/showcase/doc/sidebar/accessibilitydoc.ts index 18c31920565..44873a49053 100644 --- a/src/app/showcase/doc/sidebar/accessibilitydoc.ts +++ b/src/app/showcase/doc/sidebar/accessibilitydoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', template: ` - +

      Screen Reader

      Sidebar component uses complementary role by default, since any attribute is passed to the root element aria role can be changed depending on your use case and additional attributes like aria-labelledby can be added. In @@ -66,10 +66,6 @@ import { Code } from '../../domain/code'; ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { html: ` - + template: ` +

      Sidebar is used as a container and visibility is controlled with a binding to visible.
      @@ -18,18 +18,13 @@ import { Code } from '../../domain/code';
      - ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - sidebarVisible: boolean = false; code: Code = { - basic: ` - + basic: `

      Sidebar

      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. diff --git a/src/app/showcase/doc/sidebar/fullscreendoc.ts b/src/app/showcase/doc/sidebar/fullscreendoc.ts index ec2632e697b..7a7696b9251 100644 --- a/src/app/showcase/doc/sidebar/fullscreendoc.ts +++ b/src/app/showcase/doc/sidebar/fullscreendoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'full-screen-doc', - template: `

      - + template: ` +

      Sidebar can cover the whole page when fullScreen property is enabled.
      @@ -14,18 +14,13 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class FullScreenDoc { - @Input() id: string; - - @Input() title: string; - sidebarVisible: boolean = false; code: Code = { - basic: ` - + basic: `

      Full Screen Sidebar

       `, diff --git a/src/app/showcase/doc/sidebar/importdoc.ts b/src/app/showcase/doc/sidebar/importdoc.ts index e6e305912e6..0f5a4a27892 100644 --- a/src/app/showcase/doc/sidebar/importdoc.ts +++ b/src/app/showcase/doc/sidebar/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { SidebarModule } from 'primeng/sidebar';` }; diff --git a/src/app/showcase/doc/sidebar/positiondoc.ts b/src/app/showcase/doc/sidebar/positiondoc.ts index ee915921e19..e48630d5f69 100644 --- a/src/app/showcase/doc/sidebar/positiondoc.ts +++ b/src/app/showcase/doc/sidebar/positiondoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'position-doc', - template: `
      - + template: ` +

      Sidebar location is configured with the position property that can take left, right, top and bottom as a value.
      @@ -30,13 +30,9 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class PositionDoc { - @Input() id: string; - - @Input() title: string; - sidebarVisible1: boolean = false; sidebarVisible2: boolean = false; @@ -46,8 +42,7 @@ export class PositionDoc { sidebarVisible4: boolean = false; code: Code = { - basic: ` - + basic: `

      Left Sidebar

       diff --git a/src/app/showcase/doc/sidebar/sidebardoc.module.ts b/src/app/showcase/doc/sidebar/sidebardoc.module.ts index 2fc84348054..73615db508a 100644 --- a/src/app/showcase/doc/sidebar/sidebardoc.module.ts +++ b/src/app/showcase/doc/sidebar/sidebardoc.module.ts @@ -5,7 +5,7 @@ import { RouterModule } from '@angular/router'; import { SidebarModule } from 'primeng/sidebar'; import { ButtonModule } from 'primeng/button'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { BasicDoc } from './basicdoc'; import { TemplateDoc } from './templatedoc'; import { ImportDoc } from './importdoc'; diff --git a/src/app/showcase/doc/sidebar/sizedoc.ts b/src/app/showcase/doc/sidebar/sizedoc.ts index 484430f30f7..bd17d2e2c82 100644 --- a/src/app/showcase/doc/sidebar/sizedoc.ts +++ b/src/app/showcase/doc/sidebar/sizedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'size-doc', - template: `
      - + template: ` +

      Sidebar dimension can be defined with style or styleClass properties which can also be responsive when used with a CSS utility library like PrimeFlex.
      @@ -17,18 +17,13 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class SizeDoc { - @Input() id: string; - - @Input() title: string; - sidebarVisible: boolean = false; code: Code = { - basic: ` - + basic: `

      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. diff --git a/src/app/showcase/doc/sidebar/styledoc.ts b/src/app/showcase/doc/sidebar/styledoc.ts index adfb4e0438b..05e37897260 100644 --- a/src/app/showcase/doc/sidebar/styledoc.ts +++ b/src/app/showcase/doc/sidebar/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `

      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -66,10 +66,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/sidebar/templatedoc.ts b/src/app/showcase/doc/sidebar/templatedoc.ts index 4bba9ebe212..f0595c64726 100644 --- a/src/app/showcase/doc/sidebar/templatedoc.ts +++ b/src/app/showcase/doc/sidebar/templatedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'template-doc', - template: `
      - + template: ` +

      Sidebar is customizable by header, content, footer templates.
      @@ -16,18 +16,13 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - sidebarVisible: boolean = false; code: Code = { - basic: ` - + basic: ` Header Content Body Content Footer Content diff --git a/src/app/showcase/doc/skeleton/accessibilitydoc.ts b/src/app/showcase/doc/skeleton/accessibilitydoc.ts index 16216df8333..3fb6af26a44 100644 --- a/src/app/showcase/doc/skeleton/accessibilitydoc.ts +++ b/src/app/showcase/doc/skeleton/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
      - +

      Screen Reader

      Skeleton uses aria-hidden as "true" so that it gets ignored by screen readers, any valid attribute is passed to the root element so you may customize it further if required. If multiple skeletons are grouped inside a container, @@ -15,8 +15,4 @@ import { Component, Input } from '@angular/core';

      Component does not include any interactive elements.

      ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/skeleton/carddoc.ts b/src/app/showcase/doc/skeleton/carddoc.ts index 624d65361f0..d80a8e0f22b 100644 --- a/src/app/showcase/doc/skeleton/carddoc.ts +++ b/src/app/showcase/doc/skeleton/carddoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'card-doc', - template: `
      - + template: ` +

      Sample Card implementation using different Skeleton components and PrimeFlex CSS utilities.
      @@ -25,16 +25,11 @@ import { Code } from '../../domain/code';
      - ` + ` }) export class CardDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -
      + basic: `
      diff --git a/src/app/showcase/doc/skeleton/datatabledoc.ts b/src/app/showcase/doc/skeleton/datatabledoc.ts index 8036d53b45d..7dcdd3fddd6 100644 --- a/src/app/showcase/doc/skeleton/datatabledoc.ts +++ b/src/app/showcase/doc/skeleton/datatabledoc.ts @@ -1,10 +1,10 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'datatable-doc', - template: `
      - + template: ` +

      Sample DataTable implementation using different Skeleton components and PrimeFlex CSS utilities.
      @@ -28,13 +28,9 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class DataTableDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products: any[] | undefined; ngOnInit() { @@ -42,8 +38,7 @@ export class DataTableDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` Code diff --git a/src/app/showcase/doc/skeleton/importdoc.ts b/src/app/showcase/doc/skeleton/importdoc.ts index d4c3dfaa17c..de1cf05b34f 100644 --- a/src/app/showcase/doc/skeleton/importdoc.ts +++ b/src/app/showcase/doc/skeleton/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { SkeletonModule } from 'primeng/skeleton';` }; diff --git a/src/app/showcase/doc/skeleton/listdoc.ts b/src/app/showcase/doc/skeleton/listdoc.ts index 11361fdefff..4e38dddf124 100644 --- a/src/app/showcase/doc/skeleton/listdoc.ts +++ b/src/app/showcase/doc/skeleton/listdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'list-doc', - template: `
      - + template: ` +

      Sample List implementation using different Skeleton components and PrimeFlex CSS utilities.
      @@ -50,16 +50,11 @@ import { Code } from '../../domain/code';
      - ` + ` }) export class ListDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -
      + basic: `
      • diff --git a/src/app/showcase/doc/skeleton/shapesdoc.ts b/src/app/showcase/doc/skeleton/shapesdoc.ts index 77b20e971d4..39e8aeb0abb 100644 --- a/src/app/showcase/doc/skeleton/shapesdoc.ts +++ b/src/app/showcase/doc/skeleton/shapesdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'shapes-doc', - template: `
        - + template: ` +

        Various shapes and sizes can be created using styling properties like shape, width, height, borderRadius and styleClass.
        @@ -44,16 +44,11 @@ import { Code } from '../../domain/code';
        - ` + ` }) export class ShapesDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -
        Rectangle
        + basic: `
        Rectangle
        diff --git a/src/app/showcase/doc/skeleton/skeletondoc.module.ts b/src/app/showcase/doc/skeleton/skeletondoc.module.ts index 31fdfa815e2..66d40db79f3 100644 --- a/src/app/showcase/doc/skeleton/skeletondoc.module.ts +++ b/src/app/showcase/doc/skeleton/skeletondoc.module.ts @@ -4,7 +4,7 @@ import { RouterModule } from '@angular/router'; import { SkeletonModule } from 'primeng/skeleton'; import { TableModule } from 'primeng/table'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { CardDoc } from './carddoc'; import { DataTableDoc } from './datatabledoc'; diff --git a/src/app/showcase/doc/skeleton/styledoc.ts b/src/app/showcase/doc/skeleton/styledoc.ts index 5f5db553e90..1a32f3f3bda 100644 --- a/src/app/showcase/doc/skeleton/styledoc.ts +++ b/src/app/showcase/doc/skeleton/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
        - + template: ` +

        Following is the list of structural style classes, for theming classes visit theming page.
        @@ -30,10 +30,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/slidemenu/accessibilitydoc.ts b/src/app/showcase/doc/slidemenu/accessibilitydoc.ts deleted file mode 100644 index 39bbcedf33b..00000000000 --- a/src/app/showcase/doc/slidemenu/accessibilitydoc.ts +++ /dev/null @@ -1,79 +0,0 @@ -import { Component, Input } from '@angular/core'; - -@Component({ - selector: 'accessibility-doc', - template: `
        - -

        Screen Reader

        -

        - SlideMenu component uses the menubar role with aria-orientation set to "vertical" and the value to describe the menu can either be provided with aria-labelledby or aria-label props. Each list item has a - presentation role whereas anchor elements have a menuitem role with aria-label referring to the label of the item and aria-disabled defined if the item is disabled. A submenu within a SlideMenu uses the - menu role with an aria-labelledby defined as the id of the submenu root menuitem label. In addition, menuitems that open a submenu have aria-expanded and aria-controls to define the relation between the - item and the submenu. -

        -

        In popup mode, the component implicitly manages the aria-expanded, aria-haspopup and aria-controls attributes of the target element to define the relation between the target and the popup.

        -

        Keyboard Support

        -
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        KeyFunction
        tabAdd focus to the first item if focus moves in to the menu. If the focus is already within the menu, focus moves to the next focusable item in the page tab sequence.
        shift + tabAdd focus to the last item if focus moves in to the menu. If the focus is already within the menu, focus moves to the previous focusable item in the page tab sequence.
        enterIf menuitem has a submenu, toggles the visibility of the submenu otherwise activates the menuitem and closes all open overlays.
        spaceIf menuitem has a submenu, toggles the visibility of the submenu otherwise activates the menuitem and closes all open overlays.
        escapeIf focus is inside a popup submenu, closes the submenu and moves focus to the root item of the closed submenu.
        down arrowMoves focus to the next menuitem within the submenu.
        up arrowMoves focus to the previous menuitem within the submenu.
        right arrowOpens a submenu if there is one available and moves focus to the first item.
        left arrowCloses a submenu and moves focus to the root item of the closed submenu.
        homeMoves focus to the first menuitem within the submenu.
        endMoves focus to the last menuitem within the submenu.
        -
        -         -
        ` -}) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} diff --git a/src/app/showcase/doc/slidemenu/basicdoc.ts b/src/app/showcase/doc/slidemenu/basicdoc.ts deleted file mode 100644 index a58ced0ade1..00000000000 --- a/src/app/showcase/doc/slidemenu/basicdoc.ts +++ /dev/null @@ -1,303 +0,0 @@ -import { Component, Input, OnInit } from '@angular/core'; -import { MenuItem } from 'primeng/api'; -import { Code } from '../../domain/code'; - -@Component({ - selector: 'basic-doc', - template: `
        - -

        SlideMenu requires a collection of menuitems as its model along with viewportHeight and menuWidth.

        -         -
        - -
        - -
        ` -}) -export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - items: MenuItem[] | undefined; - - ngOnInit() { - this.items = [ - { - label: 'File', - icon: 'pi pi-fw pi-file', - items: [ - { - label: 'New', - icon: 'pi pi-fw pi-plus', - items: [ - { - label: 'Bookmark', - icon: 'pi pi-fw pi-bookmark' - }, - { - label: 'Video', - icon: 'pi pi-fw pi-video' - } - ] - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-trash' - }, - { - separator: true - }, - { - label: 'Export', - icon: 'pi pi-fw pi-external-link' - } - ] - }, - { - label: 'Edit', - icon: 'pi pi-fw pi-pencil', - items: [ - { - label: 'Left', - icon: 'pi pi-fw pi-align-left' - }, - { - label: 'Right', - icon: 'pi pi-fw pi-align-right' - }, - { - label: 'Center', - icon: 'pi pi-fw pi-align-center' - }, - { - label: 'Justify', - icon: 'pi pi-fw pi-align-justify' - } - ] - }, - { - label: 'Users', - icon: 'pi pi-fw pi-user', - items: [ - { - label: 'New', - icon: 'pi pi-fw pi-user-plus' - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-user-minus' - }, - { - label: 'Search', - icon: 'pi pi-fw pi-users', - items: [ - { - label: 'Filter', - icon: 'pi pi-fw pi-filter', - items: [ - { - label: 'Print', - icon: 'pi pi-fw pi-print' - } - ] - }, - { - icon: 'pi pi-fw pi-bars', - label: 'List' - } - ] - } - ] - }, - { - label: 'Events', - icon: 'pi pi-fw pi-calendar', - items: [ - { - label: 'Edit', - icon: 'pi pi-fw pi-pencil', - items: [ - { - label: 'Save', - icon: 'pi pi-fw pi-calendar-plus' - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-calendar-minus' - } - ] - }, - { - label: 'Archieve', - icon: 'pi pi-fw pi-calendar-times', - items: [ - { - label: 'Remove', - icon: 'pi pi-fw pi-calendar-minus' - } - ] - } - ] - }, - { - separator: true - }, - { - label: 'Quit', - icon: 'pi pi-fw pi-power-off' - } - ]; - } - - code: Code = { - basic: ` -`, - - html: ` -
        - -
        `, - - typescript: ` -import { Component, OnInit } from '@angular/core'; -import { MenuItem } from 'primeng/api'; - -@Component({ - selector: 'slide-menu-basic-demo', - templateUrl: './slide-menu-basic-demo.html' -}) -export class SlideMenuBasicDemo implements OnInit { - items: MenuItem[] | undefined; - - ngOnInit() { - this.items = [ - { - label: 'File', - icon: 'pi pi-fw pi-file', - items: [ - { - label: 'New', - icon: 'pi pi-fw pi-plus', - items: [ - { - label: 'Bookmark', - icon: 'pi pi-fw pi-bookmark' - }, - { - label: 'Video', - icon: 'pi pi-fw pi-video' - } - ] - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-trash' - }, - { - separator: true - }, - { - label: 'Export', - icon: 'pi pi-fw pi-external-link' - } - ] - }, - { - label: 'Edit', - icon: 'pi pi-fw pi-pencil', - items: [ - { - label: 'Left', - icon: 'pi pi-fw pi-align-left' - }, - { - label: 'Right', - icon: 'pi pi-fw pi-align-right' - }, - { - label: 'Center', - icon: 'pi pi-fw pi-align-center' - }, - { - label: 'Justify', - icon: 'pi pi-fw pi-align-justify' - } - ] - }, - { - label: 'Users', - icon: 'pi pi-fw pi-user', - items: [ - { - label: 'New', - icon: 'pi pi-fw pi-user-plus' - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-user-minus' - }, - { - label: 'Search', - icon: 'pi pi-fw pi-users', - items: [ - { - label: 'Filter', - icon: 'pi pi-fw pi-filter', - items: [ - { - label: 'Print', - icon: 'pi pi-fw pi-print' - } - ] - }, - { - icon: 'pi pi-fw pi-bars', - label: 'List' - } - ] - } - ] - }, - { - label: 'Events', - icon: 'pi pi-fw pi-calendar', - items: [ - { - label: 'Edit', - icon: 'pi pi-fw pi-pencil', - items: [ - { - label: 'Save', - icon: 'pi pi-fw pi-calendar-plus' - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-calendar-minus' - } - ] - }, - { - label: 'Archieve', - icon: 'pi pi-fw pi-calendar-times', - items: [ - { - label: 'Remove', - icon: 'pi pi-fw pi-calendar-minus' - } - ] - } - ] - }, - { - separator: true - }, - { - label: 'Quit', - icon: 'pi pi-fw pi-power-off' - } - ]; - } -}` - }; -} diff --git a/src/app/showcase/doc/slidemenu/importdoc.ts b/src/app/showcase/doc/slidemenu/importdoc.ts deleted file mode 100644 index 964080f3bda..00000000000 --- a/src/app/showcase/doc/slidemenu/importdoc.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { Component, Input } from '@angular/core'; -import { Code } from '../../domain/code'; - -@Component({ - selector: 'import-doc', - template: `
        - - -
        ` -}) -export class ImportDoc { - @Input() id: string; - - @Input() title: string; - - code: Code = { - typescript: `import { SlideMenuModule } from 'primeng/slidemenu';` - }; -} diff --git a/src/app/showcase/doc/slidemenu/popupdoc.ts b/src/app/showcase/doc/slidemenu/popupdoc.ts deleted file mode 100644 index fe29a5d91f0..00000000000 --- a/src/app/showcase/doc/slidemenu/popupdoc.ts +++ /dev/null @@ -1,306 +0,0 @@ -import { Component, Input, OnInit } from '@angular/core'; -import { MenuItem } from 'primeng/api'; -import { Code } from '../../domain/code'; - -@Component({ - selector: 'popup-doc', - template: `
        - -

        Popup mode is enabled by adding popup property and calling toggle method with an event of the target.

        -         -
        - - -
        - -
        ` -}) -export class PopupDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - items: MenuItem[] | undefined; - - ngOnInit() { - this.items = [ - { - label: 'File', - icon: 'pi pi-fw pi-file', - items: [ - { - label: 'New', - icon: 'pi pi-fw pi-plus', - items: [ - { - label: 'Bookmark', - icon: 'pi pi-fw pi-bookmark' - }, - { - label: 'Video', - icon: 'pi pi-fw pi-video' - } - ] - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-trash' - }, - { - separator: true - }, - { - label: 'Export', - icon: 'pi pi-fw pi-external-link' - } - ] - }, - { - label: 'Edit', - icon: 'pi pi-fw pi-pencil', - items: [ - { - label: 'Left', - icon: 'pi pi-fw pi-align-left' - }, - { - label: 'Right', - icon: 'pi pi-fw pi-align-right' - }, - { - label: 'Center', - icon: 'pi pi-fw pi-align-center' - }, - { - label: 'Justify', - icon: 'pi pi-fw pi-align-justify' - } - ] - }, - { - label: 'Users', - icon: 'pi pi-fw pi-user', - items: [ - { - label: 'New', - icon: 'pi pi-fw pi-user-plus' - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-user-minus' - }, - { - label: 'Search', - icon: 'pi pi-fw pi-users', - items: [ - { - label: 'Filter', - icon: 'pi pi-fw pi-filter', - items: [ - { - label: 'Print', - icon: 'pi pi-fw pi-print' - } - ] - }, - { - icon: 'pi pi-fw pi-bars', - label: 'List' - } - ] - } - ] - }, - { - label: 'Events', - icon: 'pi pi-fw pi-calendar', - items: [ - { - label: 'Edit', - icon: 'pi pi-fw pi-pencil', - items: [ - { - label: 'Save', - icon: 'pi pi-fw pi-calendar-plus' - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-calendar-minus' - } - ] - }, - { - label: 'Archieve', - icon: 'pi pi-fw pi-calendar-times', - items: [ - { - label: 'Remove', - icon: 'pi pi-fw pi-calendar-minus' - } - ] - } - ] - }, - { - separator: true - }, - { - label: 'Quit', - icon: 'pi pi-fw pi-power-off' - } - ]; - } - - code: Code = { - basic: ` - -`, - - html: ` -
        - - -
        `, - - typescript: ` -import { Component, OnInit } from '@angular/core'; -import { MenuItem } from 'primeng/api'; - -@Component({ - selector: 'slide-menu-popup-demo', - templateUrl: './slide-menu-popup-demo.html' -}) -export class SlideMenuPopupDemo implements OnInit { - items: MenuItem[] | undefined; - - ngOnInit() { - this.items = [ - { - label: 'File', - icon: 'pi pi-fw pi-file', - items: [ - { - label: 'New', - icon: 'pi pi-fw pi-plus', - items: [ - { - label: 'Bookmark', - icon: 'pi pi-fw pi-bookmark' - }, - { - label: 'Video', - icon: 'pi pi-fw pi-video' - } - ] - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-trash' - }, - { - separator: true - }, - { - label: 'Export', - icon: 'pi pi-fw pi-external-link' - } - ] - }, - { - label: 'Edit', - icon: 'pi pi-fw pi-pencil', - items: [ - { - label: 'Left', - icon: 'pi pi-fw pi-align-left' - }, - { - label: 'Right', - icon: 'pi pi-fw pi-align-right' - }, - { - label: 'Center', - icon: 'pi pi-fw pi-align-center' - }, - { - label: 'Justify', - icon: 'pi pi-fw pi-align-justify' - } - ] - }, - { - label: 'Users', - icon: 'pi pi-fw pi-user', - items: [ - { - label: 'New', - icon: 'pi pi-fw pi-user-plus' - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-user-minus' - }, - { - label: 'Search', - icon: 'pi pi-fw pi-users', - items: [ - { - label: 'Filter', - icon: 'pi pi-fw pi-filter', - items: [ - { - label: 'Print', - icon: 'pi pi-fw pi-print' - } - ] - }, - { - icon: 'pi pi-fw pi-bars', - label: 'List' - } - ] - } - ] - }, - { - label: 'Events', - icon: 'pi pi-fw pi-calendar', - items: [ - { - label: 'Edit', - icon: 'pi pi-fw pi-pencil', - items: [ - { - label: 'Save', - icon: 'pi pi-fw pi-calendar-plus' - }, - { - label: 'Delete', - icon: 'pi pi-fw pi-calendar-minus' - } - ] - }, - { - label: 'Archieve', - icon: 'pi pi-fw pi-calendar-times', - items: [ - { - label: 'Remove', - icon: 'pi pi-fw pi-calendar-minus' - } - ] - } - ] - }, - { - separator: true - }, - { - label: 'Quit', - icon: 'pi pi-fw pi-power-off' - } - ]; - } -}` - }; -} diff --git a/src/app/showcase/doc/slidemenu/slidemenudoc.module.ts b/src/app/showcase/doc/slidemenu/slidemenudoc.module.ts deleted file mode 100644 index 4a564a505d6..00000000000 --- a/src/app/showcase/doc/slidemenu/slidemenudoc.module.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { RouterModule } from '@angular/router'; -import { SlideMenuModule } from 'primeng/slidemenu'; -import { ButtonModule } from 'primeng/button'; -import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; -import { BasicDoc } from './basicdoc'; -import { ImportDoc } from './importdoc'; -import { PopupDoc } from './popupdoc'; -import { StyleDoc } from './styledoc'; -import { AccessibilityDoc } from './accessibilitydoc'; - -@NgModule({ - imports: [CommonModule, AppCodeModule, RouterModule, SlideMenuModule, ButtonModule, AppDocModule], - declarations: [BasicDoc, ImportDoc, StyleDoc, PopupDoc, AccessibilityDoc], - exports: [AppDocModule] -}) -export class SlideMenuDocModule {} diff --git a/src/app/showcase/doc/slidemenu/styledoc.ts b/src/app/showcase/doc/slidemenu/styledoc.ts deleted file mode 100644 index 19c5dd9bc32..00000000000 --- a/src/app/showcase/doc/slidemenu/styledoc.ts +++ /dev/null @@ -1,63 +0,0 @@ -import { Component, Input } from '@angular/core'; - -@Component({ - selector: 'style-doc', - template: `
        - -

        Following is the list of structural style classes, for theming classes visit theming page.

        -         -
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        NameElement
        p-slidemenuContainer element.
        p-slidemenu-wrapperWrapper of content.
        p-slidemenu-contentContent element.
        p-slidemenu-backwardElement to navigate to previous menu on click.
        p-menu-listList element.
        p-menuitemMenuitem element.
        p-menuitem-textLabel of a menuitem.
        p-menuitem-iconIcon of a menuitem.
        p-submenu-iconArrow icon of a submenu.
        -
        -
        ` -}) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} diff --git a/src/app/showcase/doc/slider/accessibilitydoc.ts b/src/app/showcase/doc/slider/accessibilitydoc.ts index 28c61e18988..332b63abc45 100644 --- a/src/app/showcase/doc/slider/accessibilitydoc.ts +++ b/src/app/showcase/doc/slider/accessibilitydoc.ts @@ -1,93 +1,87 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
        - -

        Screen Reader

        -

        - Slider element component uses slider role on the handle in addition to the aria-orientation, aria-valuemin, aria-valuemax and aria-valuenow attributes. Value to describe the component can be - defined using aria-labelledby and aria-label props. -

        -         + template: `
        + +

        Screen Reader

        +

        + Slider element component uses slider role on the handle in addition to the aria-orientation, aria-valuemin, aria-valuemax and aria-valuenow attributes. Value to describe the component can be defined + using ariaLabelledBy and ariaLabel props. +

        +         - + -

        Keyboard Support

        -
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        KeyFunction
        - tab - Moves focus to the slider.
        - - left arrow - up arrow - - Decrements the value.
        - - right arrow - down arrow - - Increments the value.
        - home - Set the minimum value.
        - end - Set the maximum value.
        - page up - Increments the value by 10 steps.
        - page down - Decrements the value by 10 steps.
        -
        +

        Keyboard Support

        +
        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
        KeyFunction
        + tab + Moves focus to the slider.
        + + left arrow + up arrow + + Decrements the value.
        + + right arrow + down arrow + + Increments the value.
        + home + Set the minimum value.
        + end + Set the maximum value.
        + page up + Increments the value by 10 steps.
        + page down + Decrements the value by 10 steps.
        - ` +
        ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: `Number - + -` +` }; } diff --git a/src/app/showcase/doc/slider/basicdoc.ts b/src/app/showcase/doc/slider/basicdoc.ts index c98e4cc5d60..1859c336a9c 100644 --- a/src/app/showcase/doc/slider/basicdoc.ts +++ b/src/app/showcase/doc/slider/basicdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
        - + template: ` +

        Two-way binding is defined using the standard ngModel directive.
        -
        ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - value!: number; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/slider/importdoc.ts b/src/app/showcase/doc/slider/importdoc.ts index 61035339444..1fd80a95f28 100644 --- a/src/app/showcase/doc/slider/importdoc.ts +++ b/src/app/showcase/doc/slider/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { SliderModule } from 'primeng/slider';` }; diff --git a/src/app/showcase/doc/slider/inputdoc.ts b/src/app/showcase/doc/slider/inputdoc.ts index 3f5d1362feb..4ae7d577079 100644 --- a/src/app/showcase/doc/slider/inputdoc.ts +++ b/src/app/showcase/doc/slider/inputdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'input-doc', - template: `
        - + template: ` +

        Slider is connected to an input field using two-way binding.
        @@ -14,18 +14,13 @@ import { Code } from '../../domain/code';
        - ` + ` }) export class InputDoc { - @Input() id: string; - - @Input() title: string; - value: number = 50; code: Code = { - basic: ` -
        + basic: `
        `, diff --git a/src/app/showcase/doc/slider/rangedoc.ts b/src/app/showcase/doc/slider/rangedoc.ts index 8f49487d927..c52b3e1a4f2 100644 --- a/src/app/showcase/doc/slider/rangedoc.ts +++ b/src/app/showcase/doc/slider/rangedoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'range-doc', - template: `
        - + template: ` +

        When range property is present, slider provides two handles to define two values. In range mode, value should be an array instead of a single value.
        -
        ` + ` }) export class RangeDoc { - @Input() id: string; - - @Input() title: string; - rangeValues: number[] = [20, 80]; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/slider/reactiveformsdoc.ts b/src/app/showcase/doc/slider/reactiveformsdoc.ts index 73583b08253..53b6c9f25ee 100644 --- a/src/app/showcase/doc/slider/reactiveformsdoc.ts +++ b/src/app/showcase/doc/slider/reactiveformsdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
        - + template: ` +

        Slider can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
        @@ -14,13 +14,9 @@ import { Code } from '../../domain/code';
        -
        ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - formGroup!: FormGroup; ngOnInit() { @@ -30,8 +26,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
        + basic: `
        `, diff --git a/src/app/showcase/doc/slider/sliderdoc.module.ts b/src/app/showcase/doc/slider/sliderdoc.module.ts index 5417d9b9e8c..c11d6ac9fc6 100644 --- a/src/app/showcase/doc/slider/sliderdoc.module.ts +++ b/src/app/showcase/doc/slider/sliderdoc.module.ts @@ -5,7 +5,7 @@ import { RouterModule } from '@angular/router'; import { InputTextModule } from 'primeng/inputtext'; import { SliderModule } from 'primeng/slider'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { ReactiveFormsDoc } from './reactiveformsdoc'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; diff --git a/src/app/showcase/doc/slider/stepdoc.ts b/src/app/showcase/doc/slider/stepdoc.ts index 380d808c7cd..f17568f67d2 100644 --- a/src/app/showcase/doc/slider/stepdoc.ts +++ b/src/app/showcase/doc/slider/stepdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'step-doc', - template: `
        - + template: ` +

        Size of each movement is defined with the step property.
        -
        ` + ` }) export class StepDoc { - @Input() id: string; - - @Input() title: string; - value!: number; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/slider/styledoc.ts b/src/app/showcase/doc/slider/styledoc.ts index d1dca9f4fd9..debfa88232c 100644 --- a/src/app/showcase/doc/slider/styledoc.ts +++ b/src/app/showcase/doc/slider/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
        - + template: ` +

        Following is the list of structural style classes, for theming classes visit theming page.
        @@ -26,10 +26,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/slider/verticaldoc.ts b/src/app/showcase/doc/slider/verticaldoc.ts index d48455fd4af..d346db9ba42 100644 --- a/src/app/showcase/doc/slider/verticaldoc.ts +++ b/src/app/showcase/doc/slider/verticaldoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'vertical-doc', - template: `
        - + template: ` +

        Default layout of slider is horizontal, use orientation property for the alternative vertical mode.
        -
        ` + ` }) export class VerticalDoc { - @Input() id: string; - - @Input() title: string; - value!: number; code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/speeddial/accessibilitydoc.ts b/src/app/showcase/doc/speeddial/accessibilitydoc.ts index f445fe35fe4..f3aac43c120 100644 --- a/src/app/showcase/doc/speeddial/accessibilitydoc.ts +++ b/src/app/showcase/doc/speeddial/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` + template: `

        Screen Reader

        SpeedDial component renders a native button element that implicitly includes any passed prop. Text to describe the button can be defined with the aria-labelledby or aria-label props. Addititonally the button includes @@ -98,10 +98,6 @@ import { Code } from '../../domain/code';

        ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: `` }; diff --git a/src/app/showcase/doc/speeddial/circledoc.ts b/src/app/showcase/doc/speeddial/circledoc.ts index 079330a56ec..298de7a12f4 100644 --- a/src/app/showcase/doc/speeddial/circledoc.ts +++ b/src/app/showcase/doc/speeddial/circledoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'circle-doc', - template: `
        - + template: ` +

        Items can be displayed around the button when type is set to circle. Additional radius property defines the radius of the circle.
        @@ -15,14 +15,10 @@ import { Code } from '../../domain/code';
        - `, + `, providers: [MessageService] }) export class CircleDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; constructor(private messageService: MessageService) {} @@ -60,8 +56,7 @@ export class CircleDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/speeddial/customdoc.ts b/src/app/showcase/doc/speeddial/customdoc.ts index edeb1add922..7ca35e6b50d 100644 --- a/src/app/showcase/doc/speeddial/customdoc.ts +++ b/src/app/showcase/doc/speeddial/customdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'custom-doc', - template: `
        - + template: ` +

        SpeedDial sample with an outlined button, custom icons and transitionDelay.
        @@ -15,14 +15,10 @@ import { Code } from '../../domain/code';
        - `, + `, providers: [MessageService] }) export class CustomDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; constructor(private messageService: MessageService) {} @@ -60,8 +56,7 @@ export class CustomDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/speeddial/importdoc.ts b/src/app/showcase/doc/speeddial/importdoc.ts index ffe23e85254..1a835cf0a4a 100644 --- a/src/app/showcase/doc/speeddial/importdoc.ts +++ b/src/app/showcase/doc/speeddial/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
        - - -
        ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { SpeedDialModule } from 'primeng/speeddial';` }; diff --git a/src/app/showcase/doc/speeddial/lineardoc.ts b/src/app/showcase/doc/speeddial/lineardoc.ts index 3a5846ef437..517ee2373e6 100644 --- a/src/app/showcase/doc/speeddial/lineardoc.ts +++ b/src/app/showcase/doc/speeddial/lineardoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'linear-doc', - template: `
        - + template: ` +

        SpeedDial items are defined with the model property based on MenuModel API. Default orientation of the items is linear and direction property is used to define the position of the items related to the button.
        @@ -18,14 +18,10 @@ import { Code } from '../../domain/code';
        - `, + `, providers: [MessageService] }) export class LinearDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; constructor(private messageService: MessageService) {} @@ -63,8 +59,7 @@ export class LinearDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/speeddial/maskdoc.ts b/src/app/showcase/doc/speeddial/maskdoc.ts index 0dc69b5b69b..8423b57a48a 100644 --- a/src/app/showcase/doc/speeddial/maskdoc.ts +++ b/src/app/showcase/doc/speeddial/maskdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'mask-doc', - template: `
        - + template: ` +

        Adding mask property displays a modal layer behind the popup items.
        @@ -15,14 +15,10 @@ import { Code } from '../../domain/code';
        - `, + `, providers: [MessageService] }) export class MaskDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; constructor(private messageService: MessageService) {} @@ -60,8 +56,7 @@ export class MaskDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
        diff --git a/src/app/showcase/doc/speeddial/quartercircledoc.ts b/src/app/showcase/doc/speeddial/quartercircledoc.ts index ae4487bdc9b..198ecd55b20 100644 --- a/src/app/showcase/doc/speeddial/quartercircledoc.ts +++ b/src/app/showcase/doc/speeddial/quartercircledoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'quarter-circle-doc', - template: `
        - + template: ` +

        When type is defined as quarter-circle, items are displayed in a half-circle around the button.
        @@ -18,14 +18,10 @@ import { Code } from '../../domain/code';
        - `, + `, providers: [MessageService] }) export class QuarterCircleDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; constructor(private messageService: MessageService) {} @@ -63,8 +59,7 @@ export class QuarterCircleDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/speeddial/semicircledoc.ts b/src/app/showcase/doc/speeddial/semicircledoc.ts index 0191bcbf1c7..b9fcde6158a 100644 --- a/src/app/showcase/doc/speeddial/semicircledoc.ts +++ b/src/app/showcase/doc/speeddial/semicircledoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'semi-circle-doc', - template: `
        - + template: ` +

        When type is defined as semi-circle, items are displayed in a half-circle around the button.
        @@ -18,14 +18,10 @@ import { Code } from '../../domain/code';
        - `, + `, providers: [MessageService] }) export class SemiCircleDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; constructor(private messageService: MessageService) {} @@ -63,8 +59,7 @@ export class SemiCircleDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/speeddial/speeddialdoc.module.ts b/src/app/showcase/doc/speeddial/speeddialdoc.module.ts index 73fc1dd5272..418af470c85 100644 --- a/src/app/showcase/doc/speeddial/speeddialdoc.module.ts +++ b/src/app/showcase/doc/speeddial/speeddialdoc.module.ts @@ -5,7 +5,7 @@ import { SpeedDialModule } from 'primeng/speeddial'; import { ToastModule } from 'primeng/toast'; import { TooltipModule } from 'primeng/tooltip'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { CircleDoc } from './circledoc'; import { CustomDoc } from './customdoc'; diff --git a/src/app/showcase/doc/speeddial/styledoc.ts b/src/app/showcase/doc/speeddial/styledoc.ts index 172be7581cf..4f48780947c 100644 --- a/src/app/showcase/doc/speeddial/styledoc.ts +++ b/src/app/showcase/doc/speeddial/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
        - + template: ` +

        Following is the list of structural style classes, for theming classes visit theming page.
        @@ -38,10 +38,6 @@ import { Component, Input } from '@angular/core';
        -
        ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/speeddial/tooltipdoc.ts b/src/app/showcase/doc/speeddial/tooltipdoc.ts index 90720ca6cf9..6d252ff133d 100644 --- a/src/app/showcase/doc/speeddial/tooltipdoc.ts +++ b/src/app/showcase/doc/speeddial/tooltipdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'tooltip-doc', - template: `
        - + template: ` +

        Items display a tooltip on hover when a standalone Tooltip is present with a target that matches the items.
        @@ -16,14 +16,10 @@ import { Code } from '../../domain/code';
        - `, + `, providers: [MessageService] }) export class TooltipDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - tooltipItems: MenuItem[] | undefined; leftTooltipItems: MenuItem[] | undefined; @@ -126,8 +122,7 @@ export class TooltipDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` `, html: ` diff --git a/src/app/showcase/doc/splitbutton/accessibilitydoc.ts b/src/app/showcase/doc/splitbutton/accessibilitydoc.ts index 78b06ac11e9..74c399fc9f1 100644 --- a/src/app/showcase/doc/splitbutton/accessibilitydoc.ts +++ b/src/app/showcase/doc/splitbutton/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` + template: `

        Screen Reader

        SplitButton component renders two native button elements, main button uses the label property to define aria-label by default which can be customized with buttonProps. Dropdown button requires an explicit definition to @@ -130,14 +130,10 @@ import { Code } from '../../domain/code';

      ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: `` }; } diff --git a/src/app/showcase/doc/splitbutton/basicdoc.ts b/src/app/showcase/doc/splitbutton/basicdoc.ts index e457e4872ea..5989551c522 100644 --- a/src/app/showcase/doc/splitbutton/basicdoc.ts +++ b/src/app/showcase/doc/splitbutton/basicdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      SplitButton has a default action button and a collection of additional options defined by the model property based on MenuModel API.
      @@ -13,14 +13,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, providers: [MessageService] }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - constructor(private messageService: MessageService) { this.items = [ { @@ -58,8 +54,7 @@ export class BasicDoc { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/splitbutton/disableddoc.ts b/src/app/showcase/doc/splitbutton/disableddoc.ts index 3b2ad179723..0dc842f5a64 100644 --- a/src/app/showcase/doc/splitbutton/disableddoc.ts +++ b/src/app/showcase/doc/splitbutton/disableddoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'disabled-doc', - template: `
      - + template: ` +

      When disabled is present, the element cannot be edited and focused.
      @@ -13,14 +13,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, providers: [MessageService] }) export class DisabledDoc { - @Input() id: string; - - @Input() title: string; - constructor(private messageService: MessageService) { this.items = [ { @@ -58,8 +54,7 @@ export class DisabledDoc { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/splitbutton/importdoc.ts b/src/app/showcase/doc/splitbutton/importdoc.ts index 7a590acaefe..ff1c439ac75 100644 --- a/src/app/showcase/doc/splitbutton/importdoc.ts +++ b/src/app/showcase/doc/splitbutton/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { SplitButtonModule } from 'primeng/splitbutton';` }; diff --git a/src/app/showcase/doc/splitbutton/nesteddoc.ts b/src/app/showcase/doc/splitbutton/nesteddoc.ts index db756688e9a..8baaed49b47 100644 --- a/src/app/showcase/doc/splitbutton/nesteddoc.ts +++ b/src/app/showcase/doc/splitbutton/nesteddoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'nested-doc', - template: `
      - + template: ` +

      SplitButton has a default action button and a collection of additional options defined by the model property based on MenuModel API.
      @@ -13,14 +13,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, providers: [MessageService] }) export class NestedDoc { - @Input() id: string; - - @Input() title: string; - items: MenuItem[]; constructor(private messageService: MessageService) { @@ -157,8 +153,7 @@ export class NestedDoc { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/splitbutton/outlineddoc.ts b/src/app/showcase/doc/splitbutton/outlineddoc.ts index b4f423c6d03..a08eabf4918 100644 --- a/src/app/showcase/doc/splitbutton/outlineddoc.ts +++ b/src/app/showcase/doc/splitbutton/outlineddoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'outlined-doc', - template: `
      - + template: ` +

      Outlined buttons display a border without a background initially.
      @@ -19,14 +19,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, providers: [MessageService] }) export class OutlinedDoc { - @Input() id: string; - - @Input() title: string; - items: MenuItem[]; constructor(private messageService: MessageService) { @@ -64,8 +60,7 @@ export class OutlinedDoc { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/splitbutton/raiseddoc.ts b/src/app/showcase/doc/splitbutton/raiseddoc.ts index 80d2ee9ad04..c0175e19bef 100644 --- a/src/app/showcase/doc/splitbutton/raiseddoc.ts +++ b/src/app/showcase/doc/splitbutton/raiseddoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'raised-doc', - template: `
      - + template: ` +

      Raised buttons display a shadow to indicate elevation.
      @@ -19,14 +19,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, providers: [MessageService] }) export class RaisedDoc { - @Input() id: string; - - @Input() title: string; - items: MenuItem[]; constructor(private messageService: MessageService) { @@ -64,8 +60,7 @@ export class RaisedDoc { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/splitbutton/raisedtextdoc.ts b/src/app/showcase/doc/splitbutton/raisedtextdoc.ts index d2e013e2d9e..574445de29b 100644 --- a/src/app/showcase/doc/splitbutton/raisedtextdoc.ts +++ b/src/app/showcase/doc/splitbutton/raisedtextdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'raised-text-doc', - template: `
      - + template: ` +

      Text buttons can be displayed as raised as well for elevation.
      @@ -20,14 +20,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, providers: [MessageService] }) export class RaisedTextDoc { - @Input() id: string; - - @Input() title: string; - items: MenuItem[]; constructor(private messageService: MessageService) { @@ -65,8 +61,7 @@ export class RaisedTextDoc { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/splitbutton/roundeddoc.ts b/src/app/showcase/doc/splitbutton/roundeddoc.ts index 091c0533cae..7e612608f84 100644 --- a/src/app/showcase/doc/splitbutton/roundeddoc.ts +++ b/src/app/showcase/doc/splitbutton/roundeddoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'rounded-doc', - template: `
      - + template: ` +

      Rounded buttons have a circular border radius.
      @@ -19,14 +19,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, providers: [MessageService] }) export class RoundedDoc { - @Input() id: string; - - @Input() title: string; - items: MenuItem[]; constructor(private messageService: MessageService) { @@ -64,8 +60,7 @@ export class RoundedDoc { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/splitbutton/severitydoc.ts b/src/app/showcase/doc/splitbutton/severitydoc.ts index d065da9469a..816eea07d70 100644 --- a/src/app/showcase/doc/splitbutton/severitydoc.ts +++ b/src/app/showcase/doc/splitbutton/severitydoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'severity-doc', - template: `
      - + template: ` +

      Severity defines the type of button.
      @@ -19,14 +19,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, providers: [MessageService] }) export class SeverityDoc { - @Input() id: string; - - @Input() title: string; - items: MenuItem[]; constructor(private messageService: MessageService) { @@ -64,8 +60,7 @@ export class SeverityDoc { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/splitbutton/sizesdoc.ts b/src/app/showcase/doc/splitbutton/sizesdoc.ts index cff570bf97e..f9795790d7c 100644 --- a/src/app/showcase/doc/splitbutton/sizesdoc.ts +++ b/src/app/showcase/doc/splitbutton/sizesdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'sizes-doc', - template: `
      - + template: ` +

      SplitButton provides small and large sizes as alternatives to the standard.
      @@ -15,14 +15,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, providers: [MessageService] }) export class SizesDoc { - @Input() id: string; - - @Input() title: string; - constructor(private messageService: MessageService) { this.items = [ { @@ -60,8 +56,7 @@ export class SizesDoc { } code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/splitbutton/splitbuttondoc.module.ts b/src/app/showcase/doc/splitbutton/splitbuttondoc.module.ts index c5921cf7915..36af75b580c 100644 --- a/src/app/showcase/doc/splitbutton/splitbuttondoc.module.ts +++ b/src/app/showcase/doc/splitbutton/splitbuttondoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { SplitButtonModule } from 'primeng/splitbutton'; import { ToastModule } from 'primeng/toast'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { DisabledDoc } from './disableddoc'; diff --git a/src/app/showcase/doc/splitbutton/styledoc.ts b/src/app/showcase/doc/splitbutton/styledoc.ts index 6469f296d16..a7d6aba17e7 100644 --- a/src/app/showcase/doc/splitbutton/styledoc.ts +++ b/src/app/showcase/doc/splitbutton/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -30,10 +30,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/splitbutton/textdoc.ts b/src/app/showcase/doc/splitbutton/textdoc.ts index 003ad106840..a336684eb79 100644 --- a/src/app/showcase/doc/splitbutton/textdoc.ts +++ b/src/app/showcase/doc/splitbutton/textdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'text-doc', - template: `
      - + template: ` +

      Text buttons are displayed as textual elements.
      @@ -20,14 +20,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, providers: [MessageService] }) export class TextDoc { - @Input() id: string; - - @Input() title: string; - items: MenuItem[]; constructor(private messageService: MessageService) { @@ -65,8 +61,7 @@ export class TextDoc { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/splitter/accessibilitydoc.ts b/src/app/showcase/doc/splitter/accessibilitydoc.ts index c7ce3770de5..868598b9a6a 100644 --- a/src/app/showcase/doc/splitter/accessibilitydoc.ts +++ b/src/app/showcase/doc/splitter/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
      - +

      Screen Reader

      Splitter bar defines separator as the role with aria-orientation set to either horizontal or vertical.

      Keyboard Support

      @@ -42,8 +42,4 @@ import { Component, Input } from '@angular/core';
      ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/splitter/horizontaldoc.ts b/src/app/showcase/doc/splitter/horizontaldoc.ts index 0d97fdf8430..3825385e73b 100644 --- a/src/app/showcase/doc/splitter/horizontaldoc.ts +++ b/src/app/showcase/doc/splitter/horizontaldoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'horizontal-doc', - template: `
      - + template: ` +

      Splitter requires two SplitterPanel components as children which are displayed horizontally by default.
      @@ -18,16 +18,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class HorizontalDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `
      Panel 1
       diff --git a/src/app/showcase/doc/splitter/importdoc.ts b/src/app/showcase/doc/splitter/importdoc.ts index 490e963c057..75cf5aa0eab 100644 --- a/src/app/showcase/doc/splitter/importdoc.ts +++ b/src/app/showcase/doc/splitter/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { SplitterModule } from 'primeng/splitter';` }; diff --git a/src/app/showcase/doc/splitter/nesteddoc.ts b/src/app/showcase/doc/splitter/nesteddoc.ts index 5335a6c22d0..5190860c1e2 100644 --- a/src/app/showcase/doc/splitter/nesteddoc.ts +++ b/src/app/showcase/doc/splitter/nesteddoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'nested-doc', - template: `
      - + template: ` +

      Splitters can be combined to create advanced layouts.
      @@ -32,16 +32,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class NestedDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `
      Panel 1
       diff --git a/src/app/showcase/doc/splitter/sizedoc.ts b/src/app/showcase/doc/splitter/sizedoc.ts index 748a2f7a1c2..189e1705a83 100644 --- a/src/app/showcase/doc/splitter/sizedoc.ts +++ b/src/app/showcase/doc/splitter/sizedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'size-doc', - template: `
      - + template: ` +

      When no panelSizes are defined, panels are split 50/50, use the panelSizes property to give relative widths e.g. [25, 75].
      @@ -18,16 +18,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class SizeDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `
      Panel 1
       diff --git a/src/app/showcase/doc/splitter/splitterdoc.module.ts b/src/app/showcase/doc/splitter/splitterdoc.module.ts index d3377f6141f..bed77cdc2ff 100644 --- a/src/app/showcase/doc/splitter/splitterdoc.module.ts +++ b/src/app/showcase/doc/splitter/splitterdoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { SplitterModule } from 'primeng/splitter'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { HorizontalDoc } from './horizontaldoc'; import { ImportDoc } from './importdoc'; diff --git a/src/app/showcase/doc/splitter/styledoc.ts b/src/app/showcase/doc/splitter/styledoc.ts index 6347907dc9c..7bb153f3e7a 100644 --- a/src/app/showcase/doc/splitter/styledoc.ts +++ b/src/app/showcase/doc/splitter/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -46,10 +46,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/splitter/verticaldoc.ts b/src/app/showcase/doc/splitter/verticaldoc.ts index c7bfd20770f..1608480e641 100644 --- a/src/app/showcase/doc/splitter/verticaldoc.ts +++ b/src/app/showcase/doc/splitter/verticaldoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'vertical-doc', - template: `
      - + template: ` +

      Panels are displayed as stacked by setting the layout to vertical.
      @@ -18,16 +18,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class VerticalDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `
      Panel 1
       diff --git a/src/app/showcase/doc/steps/accessibilitydoc.ts b/src/app/showcase/doc/steps/accessibilitydoc.ts index 43618efb38b..65a60ca3b31 100644 --- a/src/app/showcase/doc/steps/accessibilitydoc.ts +++ b/src/app/showcase/doc/steps/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
      - +

      Screen Reader

      Steps component uses the nav element and since any attribute is passed to the root implicitly aria-labelledby or aria-label can be used to describe the component. Inside an ordered list is used where the current @@ -53,8 +53,4 @@ import { Component, Input } from '@angular/core';

      ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/steps/basicdoc.ts b/src/app/showcase/doc/steps/basicdoc.ts index 75c8626eeba..a724f0b72c4 100644 --- a/src/app/showcase/doc/steps/basicdoc.ts +++ b/src/app/showcase/doc/steps/basicdoc.ts @@ -1,24 +1,20 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      Steps requires a collection of menuitems as its model.
      -
      ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; ngOnInit() { @@ -43,8 +39,7 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/steps/importdoc.ts b/src/app/showcase/doc/steps/importdoc.ts index 9d0051ad93d..1c7334d3685 100644 --- a/src/app/showcase/doc/steps/importdoc.ts +++ b/src/app/showcase/doc/steps/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { StepsModule } from 'primeng/steps';` }; diff --git a/src/app/showcase/doc/steps/interactivedoc.ts b/src/app/showcase/doc/steps/interactivedoc.ts index 439060b0ed1..a66abf0c959 100644 --- a/src/app/showcase/doc/steps/interactivedoc.ts +++ b/src/app/showcase/doc/steps/interactivedoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'interactive-doc', - template: `
      - + template: ` +

      In order to add interactivity to the component, disable readonly and use a binding to activeIndex along with activeIndexChange to control the Steps.
      @@ -13,14 +13,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, providers: [MessageService] }) export class InteractiveDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; activeIndex: number = 0; @@ -53,8 +49,7 @@ export class InteractiveDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` `, html: ` diff --git a/src/app/showcase/doc/steps/routingdoc.ts b/src/app/showcase/doc/steps/routingdoc.ts index 71483d259ea..7a3097dd4b6 100644 --- a/src/app/showcase/doc/steps/routingdoc.ts +++ b/src/app/showcase/doc/steps/routingdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Subscription } from 'rxjs'; import { Code } from '../../domain/code'; @@ -6,8 +6,8 @@ import { TicketService } from '../../service/ticketservice'; @Component({ selector: 'routing-doc', - template: `
      - + template: ` +

      Example below uses nested routes with Steps.
      @@ -16,14 +16,10 @@ import { TicketService } from '../../service/ticketservice';
      -
      `, + `, providers: [MessageService] }) export class RoutingDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[]; subscription: Subscription; @@ -61,8 +57,7 @@ export class RoutingDoc implements OnInit { } } code: Code = { - basic: ` -
      + basic: `
      diff --git a/src/app/showcase/doc/steps/stepsdoc.module.ts b/src/app/showcase/doc/steps/stepsdoc.module.ts index af6da85c7f5..c0b4dbf2bac 100644 --- a/src/app/showcase/doc/steps/stepsdoc.module.ts +++ b/src/app/showcase/doc/steps/stepsdoc.module.ts @@ -9,7 +9,7 @@ import { StepsModule } from 'primeng/steps'; import { ToastModule } from 'primeng/toast'; import { CardModule } from 'primeng/card'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { BasicDoc } from './basicdoc'; import { ConfirmationDemo } from './confirmationdemo'; import { ImportDoc } from './importdoc'; diff --git a/src/app/showcase/doc/steps/styledoc.ts b/src/app/showcase/doc/steps/styledoc.ts index 8e2f1c9e02c..504583af552 100644 --- a/src/app/showcase/doc/steps/styledoc.ts +++ b/src/app/showcase/doc/steps/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -34,10 +34,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/styleclass/animationdoc.ts b/src/app/showcase/doc/styleclass/animationdoc.ts index fb4777d3a81..807233f001c 100644 --- a/src/app/showcase/doc/styleclass/animationdoc.ts +++ b/src/app/showcase/doc/styleclass/animationdoc.ts @@ -1,18 +1,18 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'animation-doc', - template: `
      - + template: ` +

      - Classes to apply during enter and leave animations are specified using the enterClass, enterActiveClass, enterToClass, leaveClass, leaveActiveClass,leaveToClassproperties. In addition in case - the target is an overlay, hideOnOutsideClick would be handy to hide the target if outside of the popup is clicked, or enable hideOnEscape to close the popup by listening escape key. + Classes to apply during enter and leave animations are specified using the enterFromClass, enterActiveClass, enterToClass, leaveFromClass, leaveActiveClass,leaveToClassproperties. In addition + in case the target is an overlay, hideOnOutsideClick would be handy to hide the target if outside of the popup is clicked, or enable hideOnEscape to close the popup by listening escape key.

      - +
      @@ -21,17 +21,12 @@ import { Code } from '../../domain/code';
      - ` + ` }) export class AnimationDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -
      - + basic: `
      +
      @@ -41,7 +36,7 @@ export class AnimationDoc { html: `
      - +
      diff --git a/src/app/showcase/doc/styleclass/importdoc.ts b/src/app/showcase/doc/styleclass/importdoc.ts index 2b045186734..850b6d581e4 100644 --- a/src/app/showcase/doc/styleclass/importdoc.ts +++ b/src/app/showcase/doc/styleclass/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { StyleClassModule } from 'primeng/styleclass';` }; diff --git a/src/app/showcase/doc/styleclass/styleclassdoc.module.ts b/src/app/showcase/doc/styleclass/styleclassdoc.module.ts index d47663ef4b2..3fa29264669 100644 --- a/src/app/showcase/doc/styleclass/styleclassdoc.module.ts +++ b/src/app/showcase/doc/styleclass/styleclassdoc.module.ts @@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { ToggleClassDoc } from './toggleclassdoc'; import { ImportDoc } from './importdoc'; import { StyleClassModule } from 'primeng/styleclass'; diff --git a/src/app/showcase/doc/styleclass/toggleclassdoc.ts b/src/app/showcase/doc/styleclass/toggleclassdoc.ts index 6983d8aa193..c304842379d 100644 --- a/src/app/showcase/doc/styleclass/toggleclassdoc.ts +++ b/src/app/showcase/doc/styleclass/toggleclassdoc.ts @@ -1,13 +1,13 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'toggle-class-doc', - template: `
      - + template: ` +

      StyleClass has two modes, toggleClass to simply add-remove a class and enter/leave animations. The target element to change the styling is defined with the selector property that accepts any valid CSS selector or - keywords including @next, prev, parent, grandparent + keywords including @next, prev, parent, grandparent

      @@ -15,16 +15,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class ToggleClassDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` `, html: `
      diff --git a/src/app/showcase/doc/table/accessibilitydoc.ts b/src/app/showcase/doc/table/accessibilitydoc.ts index 5e6577cf684..b70e9bec263 100644 --- a/src/app/showcase/doc/table/accessibilitydoc.ts +++ b/src/app/showcase/doc/table/accessibilitydoc.ts @@ -1,155 +1,146 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` -
      - -

      Screen Reader

      -

      - Table uses a table element whose attributes can be extended with the tableProps option. This property allows passing aria roles and attributes like aria-label and aria-describedby to define the table - for readers. Default role of the table is table. Header, body and footer elements use rowgroup, rows use row role, header cells have columnheader and body cells use cell roles. Sortable headers - utilizer aria-sort attribute either set to "ascending" or "descending". -

      -

      - Built-in checkbox and radiobutton components for row selection use checkbox and radiobutton. The label to describe them is retrieved from the aria.selectRow and aria.unselectRow properties of the - locale API. Similarly header checkbox uses selectAll and unselectAll keys. When a row is selected, aria-selected is set to true on a row. -

      -

      - The element to expand or collapse a row is a button with aria-expanded and aria-controls properties. Value to describe the buttons is derived from aria.expandRow and aria.collapseRow properties - of the locale API. -

      -

      - The filter menu button use aria.showFilterMenu and aria.hideFilterMenu properties as aria-label in addition to the aria-haspopup, aria-expanded and aria-controls to define the relation - between the button and the overlay. Popop menu has dialog role with aria-modal as focus is kept within the overlay. The operator dropdown use aria.filterOperator and filter constraints dropdown use - aria.filterConstraint properties. Buttons to add rules on the other hand utilize aria.addRule and aria.removeRule properties. The footer buttons similarly use aria.clear and - aria.apply properties. filterInputProps of the Column component can be used to define aria labels for the built-in filter components, if a custom component is used with templating you also may define your own aria - labels as well. -

      -

      - Editable cells use custom templating so you need to manage aria roles and attributes manually if required. The row editor controls are button elements with aria.editRow, aria.cancelEdit and aria.saveEdit used - for the aria-label. -

      -

      Paginator is a standalone component used inside the Table, refer to the paginator for more information about the accessibility features.

      -

      Keyboard Support

      -

      Any button element inside the Table used for cases like filter, row expansion, edit are tabbable and can be used with space and enter keys.

      -

      Sortable Headers Keyboard Support

      -
      - - - - - - - - - - - - - - - - - - - - - -
      KeyFunction
      tabMoves through the headers.
      enterSorts the column.
      spaceSorts the column.
      -
      -

      Filter Menu Keyboard Support

      -
      - - - - - - - - - - - - - - - - - -
      KeyFunction
      tabMoves through the elements inside the popup.
      escapeHides the popup.
      -
      -

      Selection Keyboard Support

      -
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      KeyFunction
      tabMoves focus to the first selected row, if there is none then first row receives the focus.
      up arrowMoves focus to the previous row.
      down arrowMoves focus to the next row.
      enterToggles the selected state of the focused row depending on the metaKeySelection setting.
      spaceToggles the selected state of the focused row depending on the metaKeySelection setting.
      homeMoves focus to the first row.
      endMoves focus to the last row.
      shift + down arrowMoves focus to the next row and toggles the selection state.
      shift + up arrowMoves focus to the previous row and toggles the selection state.
      shift + spaceSelects the rows between the most recently selected row and the focused row.
      control + shift + homeSelects the focused rows and all the options up to the first one.
      control + shift + endSelects the focused rows and all the options down to the last one.
      control + aSelects all rows.
      -
      -       + template: ` +

      Screen Reader

      +

      + Default role of the table is table. Header, body and footer elements use rowgroup, rows use row role, header cells have columnheader and body cells use cell roles. Sortable headers utilizer + aria-sort attribute either set to "ascending" or "descending". +

      +

      Table rows and table cells should be specified by users using the aria-posinset, aria-setsize, aria-label, and aria-describedby attributes, as they are determined through templating.

      +

      + Built-in checkbox and radiobutton components for row selection use checkbox and radiobutton. The label to describe them is retrieved from the aria.selectRow and aria.unselectRow properties of the + locale API. Similarly header checkbox uses selectAll and unselectAll keys. When a row is selected, aria-selected is set to true on a row. +

      +

      + The element to expand or collapse a row is a button with aria-expanded and aria-controls properties. Value to describe the buttons is derived from aria.expandRow and aria.collapseRow properties of the + locale API. +

      +

      + The filter menu button use aria.showFilterMenu and aria.hideFilterMenu properties as aria-label in addition to the aria-haspopup, aria-expanded and aria-controls to define the relation between the + button and the overlay. Popop menu has dialog role with aria-modal as focus is kept within the overlay. The operator dropdown use aria.filterOperator and filter constraints dropdown use + aria.filterConstraint properties. Buttons to add rules on the other hand utilize aria.addRule and aria.removeRule properties. The footer buttons similarly use aria.clear and aria.apply properties. + filterInputProps of the Column component can be used to define aria labels for the built-in filter components, if a custom component is used with templating you also may define your own aria labels as well. +

      +

      + Editable cells use custom templating so you need to manage aria roles and attributes manually if required. The row editor controls are button elements with aria.editRow, aria.cancelEdit and aria.saveEdit used for the + aria-label. +

      +

      Paginator is a standalone component used inside the Table, refer to the paginator for more information about the accessibility features.

      +

      Keyboard Support

      +

      Any button element inside the Table used for cases like filter, row expansion, edit are tabbable and can be used with space and enter keys.

      +

      Sortable Headers Keyboard Support

      +
      + + + + + + + + + + + + + + + + + + + + + +
      KeyFunction
      tabMoves through the headers.
      enterSorts the column.
      spaceSorts the column.
      - ` +

      Filter Menu Keyboard Support

      +
      + + + + + + + + + + + + + + + + + +
      KeyFunction
      tabMoves through the elements inside the popup.
      escapeHides the popup.
      +
      +

      Selection Keyboard Support

      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      KeyFunction
      tabMoves focus to the first selected row, if there is none then first row receives the focus.
      up arrowMoves focus to the previous row.
      down arrowMoves focus to the next row.
      enterToggles the selected state of the focused row depending on the metaKeySelection setting.
      spaceToggles the selected state of the focused row depending on the metaKeySelection setting.
      homeMoves focus to the first row.
      endMoves focus to the last row.
      shift + down arrowMoves focus to the next row and toggles the selection state.
      shift + up arrowMoves focus to the previous row and toggles the selection state.
      shift + spaceSelects the rows between the most recently selected row and the focused row.
      control + shift + homeSelects the focused rows and all the options up to the first one.
      control + shift + endSelects the focused rows and all the options down to the last one.
      control + aSelects all rows.
      +
      +       ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/table/basicdoc.ts b/src/app/showcase/doc/table/basicdoc.ts index f2dff1a9c5a..5f95c71ceea 100644 --- a/src/app/showcase/doc/table/basicdoc.ts +++ b/src/app/showcase/doc/table/basicdoc.ts @@ -1,12 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'basic-doc', - template: `
      - + template: `

      DataTable requires a collection to display along with column components for the representation of the data.
      @@ -29,15 +28,10 @@ import { ProductService } from '../../service/productservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products!: Product[]; constructor(private productService: ProductService, private cd: ChangeDetectorRef) {} @@ -50,8 +44,7 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` Code diff --git a/src/app/showcase/doc/table/celleditdoc.ts b/src/app/showcase/doc/table/celleditdoc.ts index 3cf9d1ebcc7..9ff64f5150e 100644 --- a/src/app/showcase/doc/table/celleditdoc.ts +++ b/src/app/showcase/doc/table/celleditdoc.ts @@ -1,13 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'cell-edit-doc', - template: `
      - + template: `

      In-cell editing is enabled by adding pEditableColumn directive to an editable cell that has a p-cellEditor helper component to define the input-output templates for the edit and view modes respectively.
      @@ -66,17 +64,10 @@ import { ProductService } from '../../service/productservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class CellEditDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - products!: Product[]; constructor(private productService: ProductService, private cd: ChangeDetectorRef) {} @@ -89,8 +80,7 @@ export class CellEditDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` Code diff --git a/src/app/showcase/doc/table/checkboxselectiondoc.ts b/src/app/showcase/doc/table/checkboxselectiondoc.ts index 540e63efe26..88022ecef4e 100644 --- a/src/app/showcase/doc/table/checkboxselectiondoc.ts +++ b/src/app/showcase/doc/table/checkboxselectiondoc.ts @@ -1,13 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'checkbox-selection-doc', - template: `
      - + template: `

      Multiple selection can also be handled using checkboxes by enabling the selectionMode property of column as multiple.
      @@ -36,17 +34,10 @@ import { ProductService } from '../../service/productservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class CheckboxSelectionDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - products!: Product[]; selectedProducts!: Product; @@ -61,8 +52,7 @@ export class CheckboxSelectionDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/table/columngroupdoc.ts b/src/app/showcase/doc/table/columngroupdoc.ts index 4a082a8ff21..9757c42be51 100644 --- a/src/app/showcase/doc/table/columngroupdoc.ts +++ b/src/app/showcase/doc/table/columngroupdoc.ts @@ -1,10 +1,9 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'column-group-doc', - template: `
      - + template: `

      Columns can be grouped using rowspan and colspan properties.
      @@ -43,15 +42,10 @@ import { Code } from '../../domain/code';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class ColumnGroupDoc { - @Input() id: string; - - @Input() title: string; - sales!: any[]; lastYearTotal!: number; @@ -99,8 +93,7 @@ export class ColumnGroupDoc { } code: Code = { - basic: ` - + basic: ` Product diff --git a/src/app/showcase/doc/table/columnresizeexpandmodedoc.ts b/src/app/showcase/doc/table/columnresizeexpandmodedoc.ts index 3daa04b8b66..6241e129eb7 100644 --- a/src/app/showcase/doc/table/columnresizeexpandmodedoc.ts +++ b/src/app/showcase/doc/table/columnresizeexpandmodedoc.ts @@ -1,13 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'column-resize-expand-mode-doc', - template: `
      - + template: `

      Setting columnResizeMode as expand changes the table width as well.
      @@ -30,17 +28,10 @@ import { ProductService } from '../../service/productservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class ColumnResizeExpandModeDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - products!: Product[]; constructor(private productService: ProductService, private cd: ChangeDetectorRef) {} @@ -53,8 +44,7 @@ export class ColumnResizeExpandModeDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` Code diff --git a/src/app/showcase/doc/table/columnresizefitmodedoc.ts b/src/app/showcase/doc/table/columnresizefitmodedoc.ts index 86166387443..f86b8263231 100644 --- a/src/app/showcase/doc/table/columnresizefitmodedoc.ts +++ b/src/app/showcase/doc/table/columnresizefitmodedoc.ts @@ -1,13 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'column-resize-fit-mode-doc', - template: `
      - + template: `

      Columns can be resized using drag drop by setting the resizableColumns to true. Fit mode is the default one and the overall table width does not change when a column is resized.
      @@ -30,17 +28,10 @@ import { ProductService } from '../../service/productservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class ColumnResizeFitModeDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - products!: Product[]; constructor(private productService: ProductService, private cd: ChangeDetectorRef) {} @@ -53,8 +44,7 @@ export class ColumnResizeFitModeDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` Code diff --git a/src/app/showcase/doc/table/columnresizescrollablemodedoc.ts b/src/app/showcase/doc/table/columnresizescrollablemodedoc.ts index c2686a91b4b..7b66553e31f 100644 --- a/src/app/showcase/doc/table/columnresizescrollablemodedoc.ts +++ b/src/app/showcase/doc/table/columnresizescrollablemodedoc.ts @@ -1,14 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Customer } from '../../domain/customer'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { CustomerService } from '../../service/customerservice'; @Component({ selector: 'column-resize-scrollable-mode-doc', - template: `
      - -
      + template: `
      @@ -28,17 +25,10 @@ import { CustomerService } from '../../service/customerservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class ColumnResizeScrollableModeDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - customers!: Customer[]; constructor(private customerService: CustomerService, private cd: ChangeDetectorRef) {} @@ -51,8 +41,7 @@ export class ColumnResizeScrollableModeDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` Name diff --git a/src/app/showcase/doc/table/columnselectiondoc.ts b/src/app/showcase/doc/table/columnselectiondoc.ts index e91e6f657db..058b2f54c43 100644 --- a/src/app/showcase/doc/table/columnselectiondoc.ts +++ b/src/app/showcase/doc/table/columnselectiondoc.ts @@ -1,4 +1,4 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; @@ -6,8 +6,7 @@ import { ProductService } from '../../service/productservice'; @Component({ selector: 'column-selection-doc', - template: `
      - + template: `

      Selection using custom elements.
      @@ -35,16 +34,11 @@ import { ProductService } from '../../service/productservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush, providers: [MessageService] }) export class ColumnSelectionDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products!: Product[]; selectedProduct!: Product; @@ -63,8 +57,7 @@ export class ColumnSelectionDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/table/columntoggledoc.ts b/src/app/showcase/doc/table/columntoggledoc.ts index 0ff4e66de2e..29ca9068014 100644 --- a/src/app/showcase/doc/table/columntoggledoc.ts +++ b/src/app/showcase/doc/table/columntoggledoc.ts @@ -1,4 +1,4 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @@ -9,8 +9,7 @@ interface Column { } @Component({ selector: 'column-toggle-doc', - template: `
      - + template: `

      This demo uses a multiselect component to implement toggleable columns.
      @@ -36,20 +35,15 @@ interface Column {
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) -export class ColumnToggleDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - +export class ColumnToggleDoc { products!: Product[]; cols!: Column[]; - _selectedColumns!: Column[]; + selectedColumns!: Column[]; constructor(private productService: ProductService, private cd: ChangeDetectorRef) {} @@ -65,21 +59,11 @@ export class ColumnToggleDoc implements OnInit { { field: 'quantity', header: 'Quantity' } ]; - this._selectedColumns = this.cols; - } - - @Input() get selectedColumns(): any[] { - return this._selectedColumns; - } - - set selectedColumns(val: any[]) { - //restore original order - this._selectedColumns = this.cols.filter((col) => val.includes(col)); + this.selectedColumns = this.cols; } code: Code = { - basic: ` - + basic: ` @@ -145,13 +129,14 @@ export class TableColumnToggleDemo implements OnInit{ cols!: Column[]; - _selectedColumns!: Column[]; + selectedColumns!: Column[]; - constructor(private productService: ProductService) {} + constructor(private productService: ProductService, private cd: ChangeDetectorRef) {} ngOnInit() { this.productService.getProductsMini().then((data) => { this.products = data; + this.cd.markForCheck(); }); this.cols = [ @@ -160,17 +145,9 @@ export class TableColumnToggleDemo implements OnInit{ { field: 'quantity', header: 'Quantity' } ]; - this._selectedColumns = this.cols; - } - - @Input() get selectedColumns(): any[] { - return this._selectedColumns; + this.selectedColumns = this.cols; } - set selectedColumns(val: any[]) { - //restore original order - this._selectedColumns = this.cols.filter((col) => val.includes(col)); - } }`, data: `{ id: '1000', diff --git a/src/app/showcase/doc/table/contextmenudoc.ts b/src/app/showcase/doc/table/contextmenudoc.ts index 6113f60ae23..464c98d4a7a 100644 --- a/src/app/showcase/doc/table/contextmenudoc.ts +++ b/src/app/showcase/doc/table/contextmenudoc.ts @@ -1,4 +1,4 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { MenuItem, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; @@ -6,8 +6,7 @@ import { ProductService } from '../../service/productservice'; @Component({ selector: 'context-menu-doc', - template: `
      - + template: `

      Table has exclusive integration with contextmenu component. In order to attach a menu to a table, add pContextMenuRow directive to the rows that can be selected with context menu, define a local template variable for the menu and bind it to the contextMenu property of the table. This enables displaying the menu whenever a row is right clicked. Optional pContextMenuRowIndex property is available to access the row index. A separate @@ -35,16 +34,11 @@ import { ProductService } from '../../service/productservice';

      - - `, + `, changeDetection: ChangeDetectionStrategy.OnPush, providers: [MessageService] }) export class ContextMenuDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products!: Product[]; selectedProduct!: Product; @@ -76,8 +70,7 @@ export class ContextMenuDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/table/controlledselectiondoc.ts b/src/app/showcase/doc/table/controlledselectiondoc.ts index 66fa61b4b5d..db85ed9e5b5 100644 --- a/src/app/showcase/doc/table/controlledselectiondoc.ts +++ b/src/app/showcase/doc/table/controlledselectiondoc.ts @@ -1,13 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'controlled-selection-doc', - template: `
      - + template: `

      Row selection can be controlled by utilizing rowSelectable and disabled properties.
      @@ -36,17 +34,10 @@ import { ProductService } from '../../service/productservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class ControlledSelectionDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - products!: Product[]; selectedProducts!: Product; @@ -71,8 +62,7 @@ export class ControlledSelectionDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/table/customersdoc.ts b/src/app/showcase/doc/table/customersdoc.ts index cdf3b8190b3..804e453d28a 100644 --- a/src/app/showcase/doc/table/customersdoc.ts +++ b/src/app/showcase/doc/table/customersdoc.ts @@ -1,13 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Customer, Representative } from '../../domain/customer'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { CustomerService } from '../../service/customerservice'; @Component({ selector: 'customers-doc', - template: `
      - + template: `

      DataTable with selection, pagination, filtering, sorting and templating.
      @@ -171,17 +169,10 @@ import { CustomerService } from '../../service/customerservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class CustomersDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - customers!: Customer[]; selectedCustomers!: Customer[]; @@ -248,8 +239,7 @@ export class CustomersDoc implements OnInit { } code: Code = { - basic: ` - - + template: `

      Instead of using the built-in sorting algorithm a custom sort can be attached by enabling customSort property and defining a sortFunction implementation. This function gets a SortEvent instance that provides the data to sort, sortField, sortOrder and multiSortMeta. -

      +

      +
      @@ -36,17 +34,10 @@ import { ProductService } from '../../service/productservice';
      - - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class CustomSortDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - products!: Product[]; constructor(private productService: ProductService, private cd: ChangeDetectorRef) {} @@ -75,8 +66,7 @@ export class CustomSortDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` Code diff --git a/src/app/showcase/doc/table/dynamicdoc.ts b/src/app/showcase/doc/table/dynamicdoc.ts index b60b3609eb3..62af9fa8b54 100644 --- a/src/app/showcase/doc/table/dynamicdoc.ts +++ b/src/app/showcase/doc/table/dynamicdoc.ts @@ -1,4 +1,4 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @@ -9,8 +9,7 @@ interface Column { } @Component({ selector: 'dynamic-doc', - template: `
      - + template: `

      Columns can be defined dynamically using the *ngFor directive.
      @@ -31,15 +30,10 @@ interface Column {
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class DynamicDoc { - @Input() id: string; - - @Input() title: string; - products!: Product[]; cols!: Column[]; @@ -61,8 +55,7 @@ export class DynamicDoc { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/table/expandablerowgroupdoc.ts b/src/app/showcase/doc/table/expandablerowgroupdoc.ts index d77798f7b33..15fc5126e14 100644 --- a/src/app/showcase/doc/table/expandablerowgroupdoc.ts +++ b/src/app/showcase/doc/table/expandablerowgroupdoc.ts @@ -1,13 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Customer } from '../../domain/customer'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { CustomerService } from '../../service/customerservice'; @Component({ selector: 'expandable-row-group-doc', - template: `
      - + template: `

      When expandableRowGroups is present in subheader based row grouping, groups can be expanded and collapsed. State of the expansions are controlled using the expandedRows and onRowToggle properties.
      @@ -58,17 +56,10 @@ import { CustomerService } from '../../service/customerservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class ExpandableRowGroupDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - customers!: Customer[]; constructor(private customerService: CustomerService, private cd: ChangeDetectorRef) {} @@ -114,8 +105,7 @@ export class ExpandableRowGroupDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` Name diff --git a/src/app/showcase/doc/table/exportdoc.ts b/src/app/showcase/doc/table/exportdoc.ts index 1730e897d09..15fdcef8b42 100644 --- a/src/app/showcase/doc/table/exportdoc.ts +++ b/src/app/showcase/doc/table/exportdoc.ts @@ -1,4 +1,4 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import * as FileSaver from 'file-saver'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; @@ -17,8 +17,7 @@ interface ExportColumn { @Component({ selector: 'export-doc', - template: `
      - + template: `

      Table can export its data in CSV format using the built-in exportCSV() function. By default, all data is exported. If you'd like to export only the selection then pass a config object with selectionOnly property as true. Note that columns should be dynamic for export functionality to work, and column objects must define field/header properties. @@ -51,15 +50,10 @@ interface ExportColumn {

      - - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class ExportDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products!: Product[]; selectedProducts!: Product[]; @@ -115,8 +109,7 @@ export class ExportDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
      diff --git a/src/app/showcase/doc/table/filtermenudoc.ts b/src/app/showcase/doc/table/filtermenudoc.ts index b1a0d5556e3..9c11e0580cc 100644 --- a/src/app/showcase/doc/table/filtermenudoc.ts +++ b/src/app/showcase/doc/table/filtermenudoc.ts @@ -2,13 +2,11 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, V import { Table } from 'primeng/table'; import { Code } from '../../domain/code'; import { Customer, Representative } from '../../domain/customer'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { CustomerService } from '../../service/customerservice'; @Component({ selector: 'filter-menu-doc', - template: `
      - + template: `

      Filters are displayed in an overlay.
      @@ -154,17 +152,10 @@ import { CustomerService } from '../../service/customerservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class FilterMenuDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - customers!: Customer[]; representatives!: Representative[]; @@ -233,8 +224,7 @@ export class FilterMenuDoc implements OnInit { } code: Code = { - basic: ` - - + template: `

      Filters are displayed inline within a separate row.
      @@ -106,17 +104,10 @@ import { CustomerService } from '../../service/customerservice';
      - - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class FilterRowDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - customers!: Customer[]; representatives!: Representative[]; @@ -186,8 +177,7 @@ export class FilterRowDoc implements OnInit { } code: Code = { - basic: ` - - + template: `

      Flex scroll feature makes the scrollable viewport section dynamic instead of a fixed value so that it can grow or shrink relative to the parent size of the table. Click the button below to display a maximizable Dialog where data viewport adjusts itself according to the size changes. @@ -41,17 +39,10 @@ import { CustomerService } from '../../service/customerservice';

      - - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class FlexibleScrollDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - customers!: Customer[]; dialogVisible: boolean = false; @@ -69,8 +60,7 @@ export class FlexibleScrollDoc implements OnInit { } code: Code = { - basic: ` -
      + basic: `
      diff --git a/src/app/showcase/doc/table/frozencolumnsdoc.ts b/src/app/showcase/doc/table/frozencolumnsdoc.ts index e2d8151b069..e31c57ec2d9 100644 --- a/src/app/showcase/doc/table/frozencolumnsdoc.ts +++ b/src/app/showcase/doc/table/frozencolumnsdoc.ts @@ -1,13 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Customer } from '../../domain/customer'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { CustomerService } from '../../service/customerservice'; @Component({ selector: 'frozen-columns-doc', - template: `
      - + template: `

      Certain columns can be frozen by using the pFrozenColumn directive of the table component. In addition, alignFrozen is available to define whether the column should be fixed on the left or right.
      @@ -42,17 +40,10 @@ import { CustomerService } from '../../service/customerservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class FrozenColumnsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - balanceFrozen: boolean = false; customers!: Customer[]; @@ -71,8 +62,7 @@ export class FrozenColumnsDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/table/frozenrowsdoc.ts b/src/app/showcase/doc/table/frozenrowsdoc.ts index 1214efb1942..93909c51e75 100644 --- a/src/app/showcase/doc/table/frozenrowsdoc.ts +++ b/src/app/showcase/doc/table/frozenrowsdoc.ts @@ -1,13 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Customer } from '../../domain/customer'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { CustomerService } from '../../service/customerservice'; @Component({ selector: 'frozen-rows-doc', - template: `
      - + template: `

      Frozen rows are used to fix certain rows while scrolling, this data is defined with the frozenValue property.
      @@ -45,17 +43,10 @@ import { CustomerService } from '../../service/customerservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class FrozenRowsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - unlockedCustomers!: Customer[]; lockedCustomers!: Customer[]; @@ -103,8 +94,7 @@ export class FrozenRowsDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` Name diff --git a/src/app/showcase/doc/table/gridlinesdoc.ts b/src/app/showcase/doc/table/gridlinesdoc.ts index 1a9cb458910..42280e85cde 100644 --- a/src/app/showcase/doc/table/gridlinesdoc.ts +++ b/src/app/showcase/doc/table/gridlinesdoc.ts @@ -1,12 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'gridlines-doc', - template: `
      - + template: `

      Adding p-datatable-gridlines class displays grid lines.
      @@ -31,15 +30,10 @@ import { ProductService } from '../../service/productservice'; Footer
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class GridlinesDoc { - @Input() id: string; - - @Input() title: string; - products!: Product[]; constructor(private productService: ProductService, private cd: ChangeDetectorRef) {} @@ -52,8 +46,7 @@ export class GridlinesDoc { } code: Code = { - basic: ` - + basic: ` Header diff --git a/src/app/showcase/doc/table/horizontalandverticaldoc.ts b/src/app/showcase/doc/table/horizontalandverticaldoc.ts index 63b2960265b..3295d2116a1 100644 --- a/src/app/showcase/doc/table/horizontalandverticaldoc.ts +++ b/src/app/showcase/doc/table/horizontalandverticaldoc.ts @@ -1,12 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Customer } from '../../domain/customer'; import { CustomerService } from '../../service/customerservice'; @Component({ selector: 'horizontal-and-vertical-scroll-doc', - template: `
      - + template: `

      Horizontal and vertical scroll can be used together to enable double axis scrolling.
      @@ -52,15 +51,10 @@ import { CustomerService } from '../../service/customerservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class HorizontalAndVerticalScrollDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - customers!: Customer[]; constructor(private customerService: CustomerService, private cd: ChangeDetectorRef) {} @@ -77,8 +71,7 @@ export class HorizontalAndVerticalScrollDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` Id diff --git a/src/app/showcase/doc/table/importdoc.ts b/src/app/showcase/doc/table/importdoc.ts index 16d59216a39..1685c6a4124 100644 --- a/src/app/showcase/doc/table/importdoc.ts +++ b/src/app/showcase/doc/table/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { TableModule } from 'primeng/table';` }; diff --git a/src/app/showcase/doc/table/lazyloaddoc.ts b/src/app/showcase/doc/table/lazyloaddoc.ts index 637205f565d..a390dbb476b 100644 --- a/src/app/showcase/doc/table/lazyloaddoc.ts +++ b/src/app/showcase/doc/table/lazyloaddoc.ts @@ -1,4 +1,4 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { LazyLoadEvent } from 'primeng/api'; import { Code } from '../../domain/code'; import { Customer, Representative } from '../../domain/customer'; @@ -6,8 +6,7 @@ import { CustomerService } from '../../service/customerservice'; @Component({ selector: 'lazy-load-doc', - template: `
      - + template: `

      Lazy mode is handy to deal with large datasets, instead of loading the entire data, small chunks of data is loaded by invoking onLazyLoad callback everytime paging, sorting and filtering happens. Sample here loads the data from remote datasource efficiently using lazy loading. Also, the implementation of checkbox selection in lazy tables is left entirely to the user. Since the table component does not know what will happen to the data on @@ -81,15 +80,10 @@ import { CustomerService } from '../../service/customerservice';

      - - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class LazyLoadDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - customers!: Customer[]; totalRecords!: number; @@ -154,8 +148,7 @@ export class LazyLoadDoc implements OnInit { } code: Code = { - basic: ` - - + selector: 'multiple-column-sort-doc', + template: ` +

      Multiple columns can be sorted by defining sortMode as multiple. This mode requires metaKey (e.g. ⌘) to be pressed when clicking a header.
      @@ -31,15 +31,11 @@ import { ProductService } from '../../service/productservice';
      - - `, + + `, changeDetection: ChangeDetectionStrategy.OnPush }) -export class SingleColumnSortDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - +export class MultipleColumnSortDoc implements OnInit { products: Product[]; constructor(private productService: ProductService, private cd: ChangeDetectorRef) {} @@ -52,8 +48,7 @@ export class SingleColumnSortDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` Code @@ -102,8 +97,8 @@ import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ - selector: 'table-single-column-sort-demo', - templateUrl: 'table-single-column-sort-demo.html' + selector: 'table-multiple-column-sort-demo', + templateUrl: 'table-multiple-column-sort-demo.html' }) export class TableSingleColumnSortDemo implements OnInit { products: Product[]; diff --git a/src/app/showcase/doc/table/multipleselectiondoc.ts b/src/app/showcase/doc/table/multipleselectiondoc.ts index f5c54b27ad2..c613c5dd485 100644 --- a/src/app/showcase/doc/table/multipleselectiondoc.ts +++ b/src/app/showcase/doc/table/multipleselectiondoc.ts @@ -1,13 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'multiple-selection-doc', - template: `
      - + template: `

      In multiple mode, selection binding should be an array. For touch enabled devices, selection is managed by tapping and for other devices metakey or shiftkey are required. Setting metaKeySelection property as false enables multiple selection without meta key. @@ -38,17 +36,10 @@ import { ProductService } from '../../service/productservice';

      - - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class MultipleSelectionDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - products!: Product[]; selectedProducts!: Product; @@ -65,8 +56,7 @@ export class MultipleSelectionDoc implements OnInit { } code: Code = { - basic: ` -
      + basic: `
      MetaKey
      diff --git a/src/app/showcase/doc/table/pageonlyselectiondoc.ts b/src/app/showcase/doc/table/pageonlyselectiondoc.ts index d76962835a0..98ad9bb8046 100644 --- a/src/app/showcase/doc/table/pageonlyselectiondoc.ts +++ b/src/app/showcase/doc/table/pageonlyselectiondoc.ts @@ -1,14 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'page-only-selection-doc', - template: `
      - -
      + template: `
      @@ -34,17 +31,10 @@ import { ProductService } from '../../service/productservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class PageOnlySelectionDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - products!: Product[]; selectedProducts!: Product; @@ -59,8 +49,7 @@ export class PageOnlySelectionDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/table/paginatorbasicdoc.ts b/src/app/showcase/doc/table/paginatorbasicdoc.ts index ca09c29d29d..df443d8c440 100644 --- a/src/app/showcase/doc/table/paginatorbasicdoc.ts +++ b/src/app/showcase/doc/table/paginatorbasicdoc.ts @@ -1,13 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core'; import { Code } from '../../domain/code'; import { Customer } from '../../domain/customer'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { CustomerService } from '../../service/customerservice'; @Component({ selector: 'paginator-basic-doc', - template: `
      - + template: `

      Pagination is enabled by setting paginator property to true and defining a rows property to specify the number of rows per page. For server side pagination, see the lazy loading example. @@ -21,7 +19,7 @@ import { CustomerService } from '../../service/customerservice'; [showCurrentPageReport]="true" [tableStyle]="{ 'min-width': '50rem' }" currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries" - [rowsPerPageOptions]="[10, 25, 50]" + [rowsPerPageOptions]="[5, 10, 20]" > @@ -47,17 +45,10 @@ import { CustomerService } from '../../service/customerservice';

      - - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class PaginatorBasicDoc { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - customers!: Customer[]; constructor(private customerService: CustomerService, private cd: ChangeDetectorRef) {} @@ -70,15 +61,14 @@ export class PaginatorBasicDoc { } code: Code = { - basic: ` - @@ -112,7 +102,7 @@ export class PaginatorBasicDoc { [showCurrentPageReport]="true" [tableStyle]="{ 'min-width': '50rem' }" currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries" - [rowsPerPageOptions]="[10, 25, 50]" + [rowsPerPageOptions]="[5, 10, 20]" > diff --git a/src/app/showcase/doc/table/paginatorlocaledoc.ts b/src/app/showcase/doc/table/paginatorlocaledoc.ts index 03733b324b3..ead1766b188 100644 --- a/src/app/showcase/doc/table/paginatorlocaledoc.ts +++ b/src/app/showcase/doc/table/paginatorlocaledoc.ts @@ -1,13 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core'; import { Code } from '../../domain/code'; import { Customer } from '../../domain/customer'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { CustomerService } from '../../service/customerservice'; @Component({ selector: 'paginator-locale-doc', - template: `
      - + template: `

      paginator localization information such as page numbers and rows per page options are defined with the paginatorLocale property which defaults to the user locale.
      @@ -45,17 +43,10 @@ import { CustomerService } from '../../service/customerservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class PaginatorLocaleDoc { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - customers!: Customer[]; constructor(private customerService: CustomerService, private cd: ChangeDetectorRef) {} @@ -68,8 +59,7 @@ export class PaginatorLocaleDoc { } code: Code = { - basic: ` - - -

      Paginator can also be controlled via model using a binding to the first property where changes trigger a pagination.

      + template: ` + +

      Paginator can also be controlled via model using a binding to the first property where changes trigger a pagination.
      -
      +
      @@ -46,16 +45,10 @@ import { CustomerService } from '../../service/customerservice';
      - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class PaginatorProgrammaticDoc { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - customers!: Customer[]; first = 0; @@ -97,8 +90,7 @@ export class PaginatorProgrammaticDoc { } code: Code = { - basic: ` -
      + basic: `
      diff --git a/src/app/showcase/doc/table/productsdoc.ts b/src/app/showcase/doc/table/productsdoc.ts index ac02b4f3b57..cf9aa6b96d1 100644 --- a/src/app/showcase/doc/table/productsdoc.ts +++ b/src/app/showcase/doc/table/productsdoc.ts @@ -1,14 +1,12 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { ConfirmationService, MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'products-doc', - template: `
      - + template: `

      CRUD implementation example with a Dialog.
      @@ -152,18 +150,11 @@ import { ProductService } from '../../service/productservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush, providers: [MessageService, ConfirmationService] }) export class ProductsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - productDialog: boolean = false; products!: Product[]; @@ -286,8 +277,7 @@ export class ProductsDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/table/radiobuttonselectiondoc.ts b/src/app/showcase/doc/table/radiobuttonselectiondoc.ts index a677025b1a4..9b74b40711a 100644 --- a/src/app/showcase/doc/table/radiobuttonselectiondoc.ts +++ b/src/app/showcase/doc/table/radiobuttonselectiondoc.ts @@ -1,13 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'radio-button-selection-doc', - template: `
      - + template: `

      Single selection can also be handled using radio buttons.
      @@ -34,17 +32,10 @@ import { ProductService } from '../../service/productservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class RadioButtonSelectionDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - products!: Product[]; selectedProduct!: Product; @@ -59,8 +50,7 @@ export class RadioButtonSelectionDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/table/reorderdoc.ts b/src/app/showcase/doc/table/reorderdoc.ts index 72041b36d25..79a8e07760d 100644 --- a/src/app/showcase/doc/table/reorderdoc.ts +++ b/src/app/showcase/doc/table/reorderdoc.ts @@ -1,4 +1,4 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @@ -10,8 +10,7 @@ interface Column { @Component({ selector: 'reorder-doc', - template: `
      - + template: `

      Order of the columns and rows can be changed using drag and drop. Column reordering is configured by adding reorderableColumns property.

      Similarly, adding reorderableRows property enables draggable rows. For the drag handle a column needs to have rowReorder property and onRowReorder callback is required to control the state of the rows after @@ -40,15 +39,10 @@ interface Column {

      - - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class ReorderDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products!: Product[]; cols!: Column[]; @@ -70,8 +64,7 @@ export class ReorderDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/table/responsivescrolldoc.ts b/src/app/showcase/doc/table/responsivescrolldoc.ts index 75197139903..48687abdd63 100644 --- a/src/app/showcase/doc/table/responsivescrolldoc.ts +++ b/src/app/showcase/doc/table/responsivescrolldoc.ts @@ -1,7 +1,6 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { ProductService } from '../../service/productservice'; interface Column { @@ -11,8 +10,7 @@ interface Column { @Component({ selector: 'responsive-scroll-doc', - template: `
      - + template: `

      When there is not enough space for the table to fit all the content efficiently, table displays a horizontal scrollbar. It is suggested to give a min-width to the table to avoid design issues due wrapping of cell contents.

      Following table displays a horizontal scrollbar when viewport is smaller than 50rem.

       @@ -42,17 +40,10 @@ interface Column {
      - - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class ResponsiveScrollDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - products!: Product[]; cols!: Column[]; @@ -87,8 +78,7 @@ export class ResponsiveScrollDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` Name diff --git a/src/app/showcase/doc/table/responsivestackdoc.ts b/src/app/showcase/doc/table/responsivestackdoc.ts index 83afc998b23..e4e4196bd1e 100644 --- a/src/app/showcase/doc/table/responsivestackdoc.ts +++ b/src/app/showcase/doc/table/responsivestackdoc.ts @@ -1,7 +1,6 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { ProductService } from '../../service/productservice'; interface Column { @@ -11,13 +10,12 @@ interface Column { @Component({ selector: 'responsive-stack-doc', - template: `
      - + template: `

      In stack layout, columns are displayed as stacked after a certain breakpoint. Default is '960px' as max-width. This feature is enabled by setting responsiveLayout to stack and adding an element with p-column-title style class to the body cells. -

      +

      +
      @@ -42,17 +40,10 @@ interface Column {
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class ResponsiveStackDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - products!: Product[]; cols!: Column[]; @@ -87,8 +78,7 @@ export class ResponsiveStackDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` Name diff --git a/src/app/showcase/doc/table/roweditdoc.ts b/src/app/showcase/doc/table/roweditdoc.ts index 923e7232343..b61a2e7faa2 100644 --- a/src/app/showcase/doc/table/roweditdoc.ts +++ b/src/app/showcase/doc/table/roweditdoc.ts @@ -1,14 +1,12 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { MessageService, SelectItem } from 'primeng/api'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'row-edit-doc', - template: `
      - + template: `

      Row editing toggles the visibility of all the editors in the row at once and provides additional options to save and cancel editing. Row editing functionality is enabled by setting the editMode to "row" on table, defining a dataKey to uniquely identify a row, adding pEditableRow directive to the editable rows and defining the UI Controls with pInitEditableRow, pSaveEditableRow and pCancelEditableRow directives respectively. @@ -88,18 +86,11 @@ import { ProductService } from '../../service/productservice';

      - - `, + `, changeDetection: ChangeDetectionStrategy.OnPush, providers: [MessageService] }) export class RowEditDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - products!: Product[]; statuses!: SelectItem[]; @@ -140,8 +131,7 @@ export class RowEditDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/table/rowexpanddoc.ts b/src/app/showcase/doc/table/rowexpanddoc.ts index 5f391a99d96..474ef4c3380 100644 --- a/src/app/showcase/doc/table/rowexpanddoc.ts +++ b/src/app/showcase/doc/table/rowexpanddoc.ts @@ -5,8 +5,7 @@ import { ProductService } from '../../service/productservice'; @Component({ selector: 'row-expand-doc', - template: `
      - + template: `

      Row expansion allows displaying detailed content for a particular row. To use this feature, add a template named rowexpansion and use the pRowToggler directive whose value is the row data instance on an element of your choice whose click event toggles the expansion. This enables providing your custom UI such as buttons, links and so on. Example below uses an anchor with an icon as a toggler. Setting pRowTogglerDisabled as true disables the toggle @@ -60,7 +59,7 @@ import { ProductService } from '../../service/productservice'; {{ order.id }} {{ order.customer }} - {{ order.id }} + {{ order.date }} {{ order.amount | currency : 'USD' }} @@ -80,15 +79,10 @@ import { ProductService } from '../../service/productservice';

      - - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class RowExpandDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products!: Product[]; constructor(private productService: ProductService, private cd: ChangeDetectorRef) {} @@ -123,8 +117,7 @@ export class RowExpandDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -170,7 +163,7 @@ export class RowExpandDoc implements OnInit { {{ order.id }} {{ order.customer }} - {{ order.id }} + {{ order.date }} {{ order.amount | currency: 'USD' }} @@ -237,7 +230,7 @@ export class RowExpandDoc implements OnInit { {{ order.id }} {{ order.customer }} - {{ order.id }} + {{ order.date }} {{ order.amount | currency: 'USD' }} diff --git a/src/app/showcase/doc/table/rowspangroupingdoc.ts b/src/app/showcase/doc/table/rowspangroupingdoc.ts index 3e6b8621f22..d21d5216966 100644 --- a/src/app/showcase/doc/table/rowspangroupingdoc.ts +++ b/src/app/showcase/doc/table/rowspangroupingdoc.ts @@ -1,13 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Customer } from '../../domain/customer'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { CustomerService } from '../../service/customerservice'; @Component({ selector: 'rowspan-grouping-doc', - template: `
      - + template: `

      When rowGroupMode is configured to be rowspan, the grouping column spans multiple rows.
      @@ -50,17 +48,10 @@ import { CustomerService } from '../../service/customerservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class RowspanGroupingDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - customers!: Customer[]; constructor(private customerService: CustomerService, private cd: ChangeDetectorRef) {} @@ -106,8 +97,7 @@ export class RowspanGroupingDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` # diff --git a/src/app/showcase/doc/table/selectioneventsdoc.ts b/src/app/showcase/doc/table/selectioneventsdoc.ts index 2b4e2bef040..b24a25a9938 100644 --- a/src/app/showcase/doc/table/selectioneventsdoc.ts +++ b/src/app/showcase/doc/table/selectioneventsdoc.ts @@ -1,14 +1,12 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'selection-events-doc', - template: `
      - + template: `

      Table provides onRowSelect and onRowUnselect events to listen selection events.
      @@ -32,18 +30,11 @@ import { ProductService } from '../../service/productservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush, providers: [MessageService] }) export class SelectionEventsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - products!: Product[]; selectedProduct!: Product; @@ -66,8 +57,7 @@ export class SelectionEventsDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/table/singlecolumnsortdoc.ts b/src/app/showcase/doc/table/singlecolumnsortdoc.ts index b8e3a5f8b02..aabda069fa0 100644 --- a/src/app/showcase/doc/table/singlecolumnsortdoc.ts +++ b/src/app/showcase/doc/table/singlecolumnsortdoc.ts @@ -1,13 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'single-column-sort-doc', - template: `
      - + template: `

      A column can be made sortable by adding the pSortableColumn directive whose value is the field to sort against and a sort indicator via p-sortIcon component. For dynamic columns, setting pSortableColumnDisabled property as true disables sorting for that particular column. @@ -36,17 +34,10 @@ import { ProductService } from '../../service/productservice';

      - - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class SingleColumnSortDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - products!: Product[]; constructor(private productService: ProductService, private cd: ChangeDetectorRef) {} @@ -59,8 +50,7 @@ export class SingleColumnSortDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` Code diff --git a/src/app/showcase/doc/table/singleselectiondoc.ts b/src/app/showcase/doc/table/singleselectiondoc.ts index 65b01732f4b..170791b622a 100644 --- a/src/app/showcase/doc/table/singleselectiondoc.ts +++ b/src/app/showcase/doc/table/singleselectiondoc.ts @@ -1,13 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'single-selection-doc', - template: `
      - + template: `

      Single row selection is enabled by defining selectionMode as single along with a value binding using selection property. When available, it is suggested to provide a unique identifier of a row with dataKey to optimize performance. @@ -37,17 +35,10 @@ import { ProductService } from '../../service/productservice';

      - - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class SingleSelectionDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - products!: Product[]; selectedProduct!: Product; @@ -62,8 +53,7 @@ export class SingleSelectionDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` Code diff --git a/src/app/showcase/doc/table/sizedoc.ts b/src/app/showcase/doc/table/sizedoc.ts index c42e5d6b4a8..f2cf54c2556 100644 --- a/src/app/showcase/doc/table/sizedoc.ts +++ b/src/app/showcase/doc/table/sizedoc.ts @@ -1,12 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'size-doc', - template: `
      - + template: `

      In addition to a regular table, alternatives with alternative sizes are available.
      @@ -32,15 +31,10 @@ import { ProductService } from '../../service/productservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class SizeDoc { - @Input() id: string; - - @Input() title: string; - products!: Product[]; sizes!: any[]; @@ -63,8 +57,7 @@ export class SizeDoc { } code: Code = { - basic: ` -
      + basic: `
      diff --git a/src/app/showcase/doc/table/statefuldoc.ts b/src/app/showcase/doc/table/statefuldoc.ts index 2eaa1f25fb4..8c196c186a4 100644 --- a/src/app/showcase/doc/table/statefuldoc.ts +++ b/src/app/showcase/doc/table/statefuldoc.ts @@ -1,12 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Customer } from '../../domain/customer'; import { CustomerService } from '../../service/customerservice'; @Component({ selector: 'stateful-doc', - template: `
      - + template: `

      Stateful table allows keeping the state such as page, sort and filtering either at local storage or session storage so that when the page is visited again, table would render the data using the last settings.

      Change the state of the table e.g paginate, navigate away and then return to this table again to test this feature, the setting is set as session with the stateStorage property so that Table retains the state until the @@ -66,15 +65,10 @@ import { CustomerService } from '../../service/customerservice';

      - - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class StatefulDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - customers!: Customer[]; selectedCustomers!: Customer; @@ -108,8 +102,7 @@ export class StatefulDoc implements OnInit { } code: Code = { - basic: ` - diff --git a/src/app/showcase/doc/table/stripeddoc.ts b/src/app/showcase/doc/table/stripeddoc.ts index 9c3d8077ef5..2bcbb8f7d2e 100644 --- a/src/app/showcase/doc/table/stripeddoc.ts +++ b/src/app/showcase/doc/table/stripeddoc.ts @@ -5,8 +5,7 @@ import { ProductService } from '../../service/productservice'; @Component({ selector: 'striped-doc', - template: `
      - + template: `

      Adding p-datatable-striped class displays striped rows.
      @@ -29,15 +28,10 @@ import { ProductService } from '../../service/productservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class StripedDoc { - @Input() id: string; - - @Input() title: string; - products!: Product[]; constructor(private productService: ProductService, private cd: ChangeDetectorRef) {} @@ -50,8 +44,7 @@ export class StripedDoc { } code: Code = { - basic: ` - + basic: ` Code diff --git a/src/app/showcase/doc/table/styledoc.ts b/src/app/showcase/doc/table/styledoc.ts index 877eca53901..55cf647938f 100644 --- a/src/app/showcase/doc/table/styledoc.ts +++ b/src/app/showcase/doc/table/styledoc.ts @@ -1,12 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @Component({ selector: 'style-doc', - template: `
      - + template: `

      Certain rows or cells can easily be styled based on conditions.
      @@ -33,8 +32,7 @@ import { ProductService } from '../../service/productservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [ ` @@ -61,10 +59,6 @@ import { ProductService } from '../../service/productservice'; ] }) export class StyleDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products!: Product[]; constructor(private productService: ProductService, private cd: ChangeDetectorRef) {} @@ -77,8 +71,7 @@ export class StyleDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` Code diff --git a/src/app/showcase/doc/table/stylingdoc.ts b/src/app/showcase/doc/table/stylingdoc.ts index b9ac93e5f35..de2de4f795a 100644 --- a/src/app/showcase/doc/table/stylingdoc.ts +++ b/src/app/showcase/doc/table/stylingdoc.ts @@ -1,9 +1,8 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'styling-doc', - template: `
      - + template: `
      @@ -84,10 +83,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StylingDoc { - @Input() id: string; - - @Input() title: string; -} +export class StylingDoc {} diff --git a/src/app/showcase/doc/table/subheadergroupingdoc.ts b/src/app/showcase/doc/table/subheadergroupingdoc.ts index ca21c4149e6..be2a4dea9dd 100644 --- a/src/app/showcase/doc/table/subheadergroupingdoc.ts +++ b/src/app/showcase/doc/table/subheadergroupingdoc.ts @@ -1,13 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Customer } from '../../domain/customer'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { CustomerService } from '../../service/customerservice'; @Component({ selector: 'subheader-grouping-doc', - template: `
      - + template: `

      Rows are grouped with the groupRowsBy property. When rowGroupMode is set as subheader, a header and footer can be displayed for each group. The content of a group header is provided with groupheader and footer with groupfooter templates. @@ -59,17 +57,10 @@ import { CustomerService } from '../../service/customerservice';

      - - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class SubheaderGroupingDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - customers!: Customer[]; constructor(private customerService: CustomerService, private cd: ChangeDetectorRef) {} @@ -115,8 +106,7 @@ export class SubheaderGroupingDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` Name diff --git a/src/app/showcase/doc/table/tabledoc.module.ts b/src/app/showcase/doc/table/tabledoc.module.ts index 39be1558860..2f8439f32f0 100644 --- a/src/app/showcase/doc/table/tabledoc.module.ts +++ b/src/app/showcase/doc/table/tabledoc.module.ts @@ -26,7 +26,7 @@ import { ToastModule } from 'primeng/toast'; import { ToggleButtonModule } from 'primeng/togglebutton'; import { ToolbarModule } from 'primeng/toolbar'; import { TooltipModule } from 'primeng/tooltip'; -import { AppCodeModule } from 'src/app/showcase/layout/doc/code/app.code.component'; +import { AppCodeModule } from 'src/app/showcase/layout/doc/app.code.component'; import { AppDocModule } from '../../layout/doc/app.doc.module'; import { ContextMenuDoc } from './contextmenudoc'; import { BasicDoc } from './basicdoc'; @@ -65,6 +65,7 @@ import { RowEditDoc } from './roweditdoc'; import { RowExpandDoc } from './rowexpanddoc'; import { RowspanGroupingDoc } from './rowspangroupingdoc'; import { SingleColumnSortDoc } from './singlecolumnsortdoc'; +import { MultipleColumnSortDoc } from './multiplecolumnsortdoc'; import { SingleSelectionDoc } from './singleselectiondoc'; import { SizeDoc } from './sizedoc'; import { StatefulDoc } from './statefuldoc'; @@ -155,6 +156,7 @@ import { PaginatorLocaleDoc } from './paginatorlocaledoc'; RowExpandDoc, RowspanGroupingDoc, SingleColumnSortDoc, + MultipleColumnSortDoc, SingleSelectionDoc, SizeDoc, StatefulDoc, diff --git a/src/app/showcase/doc/table/templatedoc.ts b/src/app/showcase/doc/table/templatedoc.ts index 0fd75b6c2f3..eb84559c35a 100644 --- a/src/app/showcase/doc/table/templatedoc.ts +++ b/src/app/showcase/doc/table/templatedoc.ts @@ -1,4 +1,4 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Product } from '../../domain/product'; import { ProductService } from '../../service/productservice'; @@ -10,8 +10,7 @@ interface Column { @Component({ selector: 'template-doc', - template: `
      - + template: `

      Custom content at header, body and footer sections are supported via templating.
      @@ -49,15 +48,10 @@ interface Column {
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class TemplateDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - products!: Product[]; cols!: Column[]; @@ -90,8 +84,7 @@ export class TemplateDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
      Products diff --git a/src/app/showcase/doc/table/verticalscrolldoc.ts b/src/app/showcase/doc/table/verticalscrolldoc.ts index 76b4f2ec41e..263b50de847 100644 --- a/src/app/showcase/doc/table/verticalscrolldoc.ts +++ b/src/app/showcase/doc/table/verticalscrolldoc.ts @@ -1,13 +1,11 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { Code } from '../../domain/code'; import { Customer } from '../../domain/customer'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { CustomerService } from '../../service/customerservice'; @Component({ selector: 'vertical-scroll-doc', - template: `
      - + template: `

      Adding scrollable property along with a scrollHeight for the data viewport enables vertical scrolling with fixed headers.
      @@ -30,17 +28,10 @@ import { CustomerService } from '../../service/customerservice';
      - -
      `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class VerticalScrollDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - customers!: Customer[]; constructor(private customerService: CustomerService, private cd: ChangeDetectorRef) {} @@ -53,8 +44,7 @@ export class VerticalScrollDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` Name diff --git a/src/app/showcase/doc/table/virtualscrolldoc.ts b/src/app/showcase/doc/table/virtualscrolldoc.ts index efa48f4f8e5..495559cc579 100644 --- a/src/app/showcase/doc/table/virtualscrolldoc.ts +++ b/src/app/showcase/doc/table/virtualscrolldoc.ts @@ -1,7 +1,6 @@ -import { ChangeDetectionStrategy, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; import { Car } from '../../domain/car'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { CarService } from '../../service/carservice'; interface Column { @@ -11,8 +10,7 @@ interface Column { @Component({ selector: 'virtual-scroll-doc', - template: `
      - + template: `

      VirtualScroller is a performance-approach to handle huge data efficiently. Setting virtualScroll property as true and providing a virtualScrollItemSize in pixels would be enough to enable this functionality. It is also suggested to use the same virtualScrollItemSize value on the tr element inside the body template. @@ -36,17 +34,10 @@ interface Column {

      - - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class VirtualScrollDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - cars!: Car[]; virtualCars!: Car[]; @@ -69,8 +60,7 @@ export class VirtualScrollDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/table/virtualscrolllazydoc.ts b/src/app/showcase/doc/table/virtualscrolllazydoc.ts index 09ae89f963b..ac335404988 100644 --- a/src/app/showcase/doc/table/virtualscrolllazydoc.ts +++ b/src/app/showcase/doc/table/virtualscrolllazydoc.ts @@ -1,8 +1,7 @@ -import { ChangeDetectionStrategy, Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; import { LazyLoadEvent } from 'primeng/api'; import { Car } from '../../domain/car'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { CarService } from '../../service/carservice'; interface Column { @@ -12,8 +11,7 @@ interface Column { @Component({ selector: 'virtual-scroll-lazy-doc', - template: `
      - + template: `

      VirtualScroller is a performance-approach to handle huge data efficiently. Setting virtualScroll property as true and providing a virtualScrollItemSize in pixels would be enough to enable this functionality. It is also suggested to use the same virtualScrollItemSize value on the tr element inside the body template. @@ -44,17 +42,10 @@ interface Column {

      - - `, + `, changeDetection: ChangeDetectionStrategy.OnPush }) export class VirtualScrollLazyDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - cars!: Car[]; virtualCars!: Car[]; @@ -91,8 +82,7 @@ export class VirtualScrollLazyDoc implements OnInit { } code: Code = { - basic: ` - diff --git a/src/app/showcase/doc/tabmenu/accessibilitydoc.ts b/src/app/showcase/doc/tabmenu/accessibilitydoc.ts index e0d4c7352b0..362a93414d1 100644 --- a/src/app/showcase/doc/tabmenu/accessibilitydoc.ts +++ b/src/app/showcase/doc/tabmenu/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
      - +

      Screen Reader

      TabMenu component uses the menubar role and the value to describe the menu can either be provided with aria-labelledby or aria-label props. Each list item has a presentation role whereas anchor elements @@ -53,8 +53,4 @@ import { Component, Input } from '@angular/core';

      ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/tabmenu/activedoc.ts b/src/app/showcase/doc/tabmenu/activedoc.ts index 666e1f63ee0..92419eadbb0 100644 --- a/src/app/showcase/doc/tabmenu/activedoc.ts +++ b/src/app/showcase/doc/tabmenu/activedoc.ts @@ -1,24 +1,20 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'active-doc', - template: `
      - + template: ` +

      By default item that matches the active route is highlighted, alternatively activeItem property can be used choose the initial active item.
      -
      ` + ` }) export class ActiveDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; activeItem: MenuItem | undefined; @@ -36,8 +32,7 @@ export class ActiveDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/tabmenu/basicdoc.ts b/src/app/showcase/doc/tabmenu/basicdoc.ts index 59d11e9842a..6be07328958 100644 --- a/src/app/showcase/doc/tabmenu/basicdoc.ts +++ b/src/app/showcase/doc/tabmenu/basicdoc.ts @@ -1,24 +1,20 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      TabMenu requires a collection of menuitems as its model.
      -
      ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; ngOnInit() { @@ -32,8 +28,7 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/tabmenu/controlleddoc.ts b/src/app/showcase/doc/tabmenu/controlleddoc.ts index 5a0831b1d5b..69b7c63a6cf 100644 --- a/src/app/showcase/doc/tabmenu/controlleddoc.ts +++ b/src/app/showcase/doc/tabmenu/controlleddoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'controlled-doc', - template: `
      - + template: ` +

      For controlled mode, use activeItem property along with activeItemChange event are needed to manage the active item.
      @@ -13,13 +13,9 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class ControlledDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; activeItem: MenuItem | undefined; @@ -45,8 +41,7 @@ export class ControlledDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` `, html: ` diff --git a/src/app/showcase/doc/tabmenu/importdoc.ts b/src/app/showcase/doc/tabmenu/importdoc.ts index 0e05b805042..e57544adf9f 100644 --- a/src/app/showcase/doc/tabmenu/importdoc.ts +++ b/src/app/showcase/doc/tabmenu/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { TabMenuModule } from 'primeng/tabmenu';` }; diff --git a/src/app/showcase/doc/tabmenu/scrollabledoc.ts b/src/app/showcase/doc/tabmenu/scrollabledoc.ts index 3efd50d10b8..d562032b510 100644 --- a/src/app/showcase/doc/tabmenu/scrollabledoc.ts +++ b/src/app/showcase/doc/tabmenu/scrollabledoc.ts @@ -1,24 +1,20 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'scrollable-doc', - template: `
      - + template: ` +

      Setting scrollable property to true enables scrolling if content overflows.
      -
      ` + ` }) export class ScrollableDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; activeItem: MenuItem | undefined; @@ -29,8 +25,7 @@ export class ScrollableDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/tabmenu/styledoc.ts b/src/app/showcase/doc/tabmenu/styledoc.ts index 46ed6b32a85..2c0e0a96980 100644 --- a/src/app/showcase/doc/tabmenu/styledoc.ts +++ b/src/app/showcase/doc/tabmenu/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -42,10 +42,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/tabmenu/tabmenudoc.module.ts b/src/app/showcase/doc/tabmenu/tabmenudoc.module.ts index 64ccd0cb146..8fad35d700c 100644 --- a/src/app/showcase/doc/tabmenu/tabmenudoc.module.ts +++ b/src/app/showcase/doc/tabmenu/tabmenudoc.module.ts @@ -5,7 +5,7 @@ import { TabMenuModule } from 'primeng/tabmenu'; import { ButtonModule } from 'primeng/button'; import { RippleModule } from 'primeng/ripple'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { ActiveDoc } from './activedoc'; import { BasicDoc } from './basicdoc'; import { ControlledDoc } from './controlleddoc'; diff --git a/src/app/showcase/doc/tabmenu/templatedoc.ts b/src/app/showcase/doc/tabmenu/templatedoc.ts index 0392adca5d6..67a692aaa36 100644 --- a/src/app/showcase/doc/tabmenu/templatedoc.ts +++ b/src/app/showcase/doc/tabmenu/templatedoc.ts @@ -1,26 +1,33 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'tab-menu-template-demo', - template: `
      - + template: ` +

      TabMenu supports templating via the item template which gets the menuitem instance and the index.
      - {{ i }} - Custom {{ item.label }} + + +
      + + {{ item.label }} +
      +
      + {{ item.shortcut }} + +
      +       +
      -
      ` + ` }) export class TemplateDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; activeItem: MenuItem | undefined; @@ -38,18 +45,35 @@ export class TemplateDoc implements OnInit { } code: Code = { - basic: ` - - - {{i}} - Custom {{item.label}} + basic: ` + + +
      + + {{ item.label }} +
      +
      + {{ item.shortcut }} + +
      +       `, html: `
      - - {{i}} - Custom {{item.label}} + + +
      + + {{ item.label }} +
      +
      + {{ item.shortcut }} + +
      +
      `, diff --git a/src/app/showcase/doc/tabview/accessibilitydoc.ts b/src/app/showcase/doc/tabview/accessibilitydoc.ts index 6335827ff43..86a559ad5e3 100644 --- a/src/app/showcase/doc/tabview/accessibilitydoc.ts +++ b/src/app/showcase/doc/tabview/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
      - +

      Screen Reader

      TabView container is defined with the tablist role, as any attribute is passed to the container element aria-labelledby can be optionally used to specify an element to describe the TabView. Each tab header has a @@ -56,8 +56,4 @@ import { Component, Input } from '@angular/core';

      ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/tabview/basicdoc.ts b/src/app/showcase/doc/tabview/basicdoc.ts index 738c3f90cf4..0f0ff38a546 100644 --- a/src/app/showcase/doc/tabview/basicdoc.ts +++ b/src/app/showcase/doc/tabview/basicdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      TabView consists of one or more TabPanel elements.
      @@ -30,16 +30,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `

      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo diff --git a/src/app/showcase/doc/tabview/closabledoc.ts b/src/app/showcase/doc/tabview/closabledoc.ts index 0d4b81837c7..81206b9760a 100644 --- a/src/app/showcase/doc/tabview/closabledoc.ts +++ b/src/app/showcase/doc/tabview/closabledoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'closable-doc', - template: `

      - + template: ` +

      When closable is enabled, a close icon is displayed to hide the tab.
      @@ -30,16 +30,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class ClosableDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `

      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo diff --git a/src/app/showcase/doc/tabview/controlleddoc.ts b/src/app/showcase/doc/tabview/controlleddoc.ts index efe9b938a87..fd1bb1cb802 100644 --- a/src/app/showcase/doc/tabview/controlleddoc.ts +++ b/src/app/showcase/doc/tabview/controlleddoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'controlled-doc', - template: `

      - + template: ` +

      TabView can be controlled programmatically using a binding to activeIndex update the active index.
      @@ -35,18 +35,13 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class ControlledDoc { - @Input() id: string; - - @Input() title: string; - activeIndex: number = 0; code: Code = { - basic: ` -
      + basic: `
      diff --git a/src/app/showcase/doc/tabview/customtemplatedoc.ts b/src/app/showcase/doc/tabview/customtemplatedoc.ts index e3cb3531928..98d6566deaa 100644 --- a/src/app/showcase/doc/tabview/customtemplatedoc.ts +++ b/src/app/showcase/doc/tabview/customtemplatedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'template-doc', - template: `
      - + template: ` +

      Header of a tab supports templating to place custom html content instead of strings as well.
      @@ -43,16 +43,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/tabview/disableddoc.ts b/src/app/showcase/doc/tabview/disableddoc.ts index 88a9903c28d..fcd545c113d 100644 --- a/src/app/showcase/doc/tabview/disableddoc.ts +++ b/src/app/showcase/doc/tabview/disableddoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'disabled-doc', - template: `
      - + template: ` +

      Setting disabled property to true of a TabPanel prevents user interaction.
      @@ -31,16 +31,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class DisabledDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `

      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo diff --git a/src/app/showcase/doc/tabview/importdoc.ts b/src/app/showcase/doc/tabview/importdoc.ts index 0462e48a029..08f03d3d09b 100644 --- a/src/app/showcase/doc/tabview/importdoc.ts +++ b/src/app/showcase/doc/tabview/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `

      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { TabViewModule } from 'primeng/tabview';` }; diff --git a/src/app/showcase/doc/tabview/scrollabledoc.ts b/src/app/showcase/doc/tabview/scrollabledoc.ts index 3ad5bb550b0..0e1630b1237 100644 --- a/src/app/showcase/doc/tabview/scrollabledoc.ts +++ b/src/app/showcase/doc/tabview/scrollabledoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'scrollable-doc', - template: `
      - + template: ` +

      Adding scrollable property displays navigational buttons at each side to scroll between tabs.
      @@ -15,20 +15,15 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class ScrollableDoc { - @Input() id: string; - - @Input() title: string; - activeIndex: number = 0; scrollableTabs: any[] = Array.from({ length: 50 }, (_, i) => ({ title: `Tab ${i + 1}`, content: `Tab ${i + 1} Content` })); code: Code = { - basic: ` - + basic: `

      {{ tab.content }}

       diff --git a/src/app/showcase/doc/tabview/styledoc.ts b/src/app/showcase/doc/tabview/styledoc.ts index 8dc282bc156..c37183e8a12 100644 --- a/src/app/showcase/doc/tabview/styledoc.ts +++ b/src/app/showcase/doc/tabview/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -38,10 +38,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/tabview/tabviewdoc.module.ts b/src/app/showcase/doc/tabview/tabviewdoc.module.ts index cd49d0aa8cd..4fc38ca2e22 100644 --- a/src/app/showcase/doc/tabview/tabviewdoc.module.ts +++ b/src/app/showcase/doc/tabview/tabviewdoc.module.ts @@ -4,7 +4,7 @@ import { RouterModule } from '@angular/router'; import { ButtonModule } from 'primeng/button'; import { TabViewModule } from 'primeng/tabview'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { BasicDoc } from './basicdoc'; import { ControlledDoc } from './controlleddoc'; import { DisabledDoc } from './disableddoc'; diff --git a/src/app/showcase/doc/tag/accessibilitydoc.ts b/src/app/showcase/doc/tag/accessibilitydoc.ts index 6aa2e11b9c0..194ddd32392 100644 --- a/src/app/showcase/doc/tag/accessibilitydoc.ts +++ b/src/app/showcase/doc/tag/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
      - +

      Screen Reader

      Tag does not include any roles and attributes by default, any attribute is passed to the root element so aria roles and attributes can be added if required. If the tags are dynamic,aria-live may be utilized as well. In case @@ -15,8 +15,4 @@ import { Component, Input } from '@angular/core';

      ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/tag/basicdoc.ts b/src/app/showcase/doc/tag/basicdoc.ts index 7be18789e85..035ef1d1c25 100644 --- a/src/app/showcase/doc/tag/basicdoc.ts +++ b/src/app/showcase/doc/tag/basicdoc.ts @@ -1,26 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      Label of the tag is defined with the value property.
      -
      ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/tag/icondoc.ts b/src/app/showcase/doc/tag/icondoc.ts index 98373dd6ab3..9b235966335 100644 --- a/src/app/showcase/doc/tag/icondoc.ts +++ b/src/app/showcase/doc/tag/icondoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'icon-doc', - template: `
      - + template: ` +

      A font icon next to the value can be displayed with the icon property.
      @@ -15,16 +15,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class IconDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/tag/importdoc.ts b/src/app/showcase/doc/tag/importdoc.ts index 7b540bcb6f3..032722984b7 100644 --- a/src/app/showcase/doc/tag/importdoc.ts +++ b/src/app/showcase/doc/tag/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { TagModule } from 'primeng/tag';` }; diff --git a/src/app/showcase/doc/tag/pilldoc.ts b/src/app/showcase/doc/tag/pilldoc.ts index e2b57985a1a..cccbc8dcfcf 100644 --- a/src/app/showcase/doc/tag/pilldoc.ts +++ b/src/app/showcase/doc/tag/pilldoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'pill-doc', - template: `
      - + template: ` +

      Enabling rounded, displays a tag as a pill.
      @@ -15,16 +15,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class PillDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/tag/severitydoc.ts b/src/app/showcase/doc/tag/severitydoc.ts index e65b16cdc35..d1d6c16a93a 100644 --- a/src/app/showcase/doc/tag/severitydoc.ts +++ b/src/app/showcase/doc/tag/severitydoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'severity-doc', - template: `
      - + template: ` +

      Severity defines the color of the tag, possible values are success, info, warning and danger in addition to the default theme color.
      @@ -15,16 +15,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class SeverityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/tag/styledoc.ts b/src/app/showcase/doc/tag/styledoc.ts index c30217c0c14..8e40de04b44 100644 --- a/src/app/showcase/doc/tag/styledoc.ts +++ b/src/app/showcase/doc/tag/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -34,10 +34,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/tag/tagdoc.module.ts b/src/app/showcase/doc/tag/tagdoc.module.ts index 10ff9c84784..607eb162e4f 100644 --- a/src/app/showcase/doc/tag/tagdoc.module.ts +++ b/src/app/showcase/doc/tag/tagdoc.module.ts @@ -4,7 +4,7 @@ import { RouterModule } from '@angular/router'; import { ButtonModule } from 'primeng/button'; import { TagModule } from 'primeng/tag'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { StyleDoc } from './styledoc'; import { BasicDoc } from './basicdoc'; import { IconDoc } from './icondoc'; diff --git a/src/app/showcase/doc/tag/templatedoc.ts b/src/app/showcase/doc/tag/templatedoc.ts index fc3518f88c6..ae018647250 100644 --- a/src/app/showcase/doc/tag/templatedoc.ts +++ b/src/app/showcase/doc/tag/templatedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'tag-template-demo', - template: `
      - + template: ` +

      Children of the component are passed as the content for templating.
      @@ -17,16 +17,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `
      Country Italia diff --git a/src/app/showcase/doc/terminal/accessibilitydoc.ts b/src/app/showcase/doc/terminal/accessibilitydoc.ts index 814f536bca2..5becdaff8d8 100644 --- a/src/app/showcase/doc/terminal/accessibilitydoc.ts +++ b/src/app/showcase/doc/terminal/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
      - +

      Screen Reader

      Terminal component has an input element that can be described with aria-label or aria-labelledby props. The element that lists the previous commands has aria-live so that changes are received by the screen reader. @@ -33,8 +33,4 @@ import { Component, Input } from '@angular/core';

      ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/terminal/basicdoc.ts b/src/app/showcase/doc/terminal/basicdoc.ts index 964f56730c5..0cfda858e2b 100644 --- a/src/app/showcase/doc/terminal/basicdoc.ts +++ b/src/app/showcase/doc/terminal/basicdoc.ts @@ -1,12 +1,12 @@ -import { Component, Input, OnDestroy } from '@angular/core'; +import { Component, OnDestroy } from '@angular/core'; import { TerminalService } from 'primeng/terminal'; import { Subscription } from 'rxjs'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      Commands are processed using observables via the TerminalService. Import this service into your component and subscribe to commandHandler to process commands by sending replies with sendResponse function.
      @@ -14,14 +14,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, providers: [TerminalService] }) export class BasicDoc implements OnDestroy { - @Input() id: string; - - @Input() title: string; - subscription: Subscription; constructor(private terminalService: TerminalService) { @@ -38,8 +34,7 @@ export class BasicDoc implements OnDestroy { } code: Code = { - basic: ` -

      Enter "date" to display the current date, "greet {0}" for a message and "random" to get a random number.

      + basic: `

      Enter "date" to display the current date, "greet {0}" for a message and "random" to get a random number.

      `, html: `
      diff --git a/src/app/showcase/doc/terminal/importdoc.ts b/src/app/showcase/doc/terminal/importdoc.ts index 2660b0fd8fc..fd12f327da8 100644 --- a/src/app/showcase/doc/terminal/importdoc.ts +++ b/src/app/showcase/doc/terminal/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { TerminalModule } from 'primeng/terminal';` }; diff --git a/src/app/showcase/doc/terminal/styledoc.ts b/src/app/showcase/doc/terminal/styledoc.ts index a9e9b418e19..ba580c63fb3 100644 --- a/src/app/showcase/doc/terminal/styledoc.ts +++ b/src/app/showcase/doc/terminal/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -38,10 +38,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/terminal/terminaldoc.module.ts b/src/app/showcase/doc/terminal/terminaldoc.module.ts index f19936a707c..c537579f9e5 100644 --- a/src/app/showcase/doc/terminal/terminaldoc.module.ts +++ b/src/app/showcase/doc/terminal/terminaldoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { TerminalModule } from 'primeng/terminal'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { ImportDoc } from './importdoc'; diff --git a/src/app/showcase/doc/theming/architecturedoc.ts b/src/app/showcase/doc/theming/architecturedoc.ts index 70871c2527d..9270ba3116f 100644 --- a/src/app/showcase/doc/theming/architecturedoc.ts +++ b/src/app/showcase/doc/theming/architecturedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'architecture-doc', - template: `
      - -

      + template: ` + +

      Note: In upcoming versions, theming architecture will be redesigned to utilize CSS variables instead of SCSS variables in a backward compatible way for a dynamic approach. In addition, a new Unstyled mode will be provided as an alternative to the default styling so that CSS libraries like Tailwind or Bootstrap can be used to style the components. This work is planned to be completed in Q3 2023.

      @@ -14,10 +14,6 @@ import { Component, Input } from '@angular/core';

      Architecture -
      ` + ` }) -export class ArchitectureDoc { - @Input() id: string; - - @Input() title: string; -} +export class ArchitectureDoc {} diff --git a/src/app/showcase/doc/theming/builtinthemesdoc.ts b/src/app/showcase/doc/theming/builtinthemesdoc.ts index a92cb3efc67..12a39d6ca50 100644 --- a/src/app/showcase/doc/theming/builtinthemesdoc.ts +++ b/src/app/showcase/doc/theming/builtinthemesdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'builtin-themes-doc', - template: `
      - + template: ` +

      PrimeNG ships with various free themes to choose from. The list below states all the available themes in the npm distribution with import paths. For a live preview, use the configurator at the topbar to switch themes. @@ -13,13 +13,9 @@ import { Code } from '../../domain/code';

      -
      ` + ` }) export class BuiltInThemesDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: `primeng/resources/themes/bootstrap4-light-blue/theme.css primeng/resources/themes/bootstrap4-light-purple/theme.css diff --git a/src/app/showcase/doc/theming/cssvariablesdoc.ts b/src/app/showcase/doc/theming/cssvariablesdoc.ts index 7438fe33cb2..bcd12ec7e5c 100644 --- a/src/app/showcase/doc/theming/cssvariablesdoc.ts +++ b/src/app/showcase/doc/theming/cssvariablesdoc.ts @@ -1,15 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'css-variables-doc', - template: `
      - + template: ` +

      Each PrimeNG theme exports numerous CSS variables, refer to Colors page for more details.

       -
      ` + ` }) -export class CSSVariablesDoc { - @Input() id: string; - - @Input() title: string; -} +export class CSSVariablesDoc {} diff --git a/src/app/showcase/doc/theming/customthemedoc.ts b/src/app/showcase/doc/theming/customthemedoc.ts index 7dd6b461a74..f31474f9f93 100644 --- a/src/app/showcase/doc/theming/customthemedoc.ts +++ b/src/app/showcase/doc/theming/customthemedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'custom-theme-doc', - template: `
      - + template: ` +

      Themes are created with SASS using the primeng-sass-theme project available at github. This repository contains all the scss files for the components and the variables of the built-in themes so that you may customize an existing theme or create your own. The scss variables used in a theme are available at the @@ -47,13 +47,9 @@ import { Code } from '../../domain/code'; styles.scss, import the theme.scss from assets/themes/mytheme. That would be it, during build time, your project will compile the sass and import the theme. Any changes to your theme will be reflected instantly.

      -
      ` + ` }) export class CustomThemeDoc { - @Input() id: string; - - @Input() title: string; - code1: Code = { basic: `sass --update themes/mytheme/theme.scss:themes/mytheme/theme.css` }; diff --git a/src/app/showcase/doc/theming/primeflexdoc.ts b/src/app/showcase/doc/theming/primeflexdoc.ts index 123ab54292c..546b29fc612 100644 --- a/src/app/showcase/doc/theming/primeflexdoc.ts +++ b/src/app/showcase/doc/theming/primeflexdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'primeflex-doc', - template: `
      - + template: ` +

      PrimeFlex is a lightweight responsive CSS utility library to accompany Prime UI libraries and static webpages as well. PrimeNG can be used with any CSS utility library like bootstrap and tailwind however PrimeFlex has benefits like integration with PrimeNG themes usign CSS variables so that colors classes e.g. bg-blue-500 receive the color code from the PrimeNG theme being used. PrimeNG follows the CSS utility approach @@ -17,13 +17,9 @@ import { Code } from '../../domain/code';

      - ` + ` }) export class PrimeFlexDoc { - @Input() id: string; - - @Input() title: string; - code1: Code = { basic: `
      diff --git a/src/app/showcase/doc/theming/scalingdoc.ts b/src/app/showcase/doc/theming/scalingdoc.ts index 626a32f8c56..95575563f8c 100644 --- a/src/app/showcase/doc/theming/scalingdoc.ts +++ b/src/app/showcase/doc/theming/scalingdoc.ts @@ -1,23 +1,19 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'scaling-doc', - template: `
      - + template: ` +

      PrimeNG utilizes rem units to make sure the components blend in with the rest of your UI perfectly. This also enables scaling, for example changing the size of the components is easy as configuring the font size of your document. Code below sets the scale of the components based on 16px. If you reqire bigger or smaller components, just change this variable and components will scale accordingly.

      -
      ` + ` }) export class ScalingDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: `html { font-size: 16px; diff --git a/src/app/showcase/doc/theming/scopedcssdoc.ts b/src/app/showcase/doc/theming/scopedcssdoc.ts index f3b482f7123..dc3627f67a5 100644 --- a/src/app/showcase/doc/theming/scopedcssdoc.ts +++ b/src/app/showcase/doc/theming/scopedcssdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ @@ -16,8 +16,8 @@ import { Code } from '../../domain/code'; } ` ], - template: `
      - + template: ` +

      Theming styles the components globally, in case you require to change the style of a certain component use ::ng-deep.
      @@ -29,16 +29,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class ScopedCSSDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `

      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. diff --git a/src/app/showcase/doc/theming/switchthemesdoc.ts b/src/app/showcase/doc/theming/switchthemesdoc.ts index 08d526e36d6..ef7431d85aa 100644 --- a/src/app/showcase/doc/theming/switchthemesdoc.ts +++ b/src/app/showcase/doc/theming/switchthemesdoc.ts @@ -1,18 +1,14 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'switch-themes-doc', - template: `

      - + template: ` +

      Themes can be switched on-the-fly so that users of your app can choose their own theme. We have created a video tutorial that goes through the steps.
      -
      ` + ` }) -export class SwitchThemesDoc { - @Input() id: string; - - @Input() title: string; -} +export class SwitchThemesDoc {} diff --git a/src/app/showcase/doc/theming/themingdoc.module.ts b/src/app/showcase/doc/theming/themingdoc.module.ts index a82236ab4a3..03934cb1b36 100644 --- a/src/app/showcase/doc/theming/themingdoc.module.ts +++ b/src/app/showcase/doc/theming/themingdoc.module.ts @@ -4,7 +4,7 @@ import { RouterModule } from '@angular/router'; import { ButtonModule } from 'primeng/button'; import { PanelModule } from 'primeng/panel'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { ArchitectureDoc } from './architecturedoc'; import { BuiltInThemesDoc } from './builtinthemesdoc'; import { CSSVariablesDoc } from './cssvariablesdoc'; diff --git a/src/app/showcase/doc/theming/utilsdoc.ts b/src/app/showcase/doc/theming/utilsdoc.ts index a148a335119..1bfa8c3cac5 100644 --- a/src/app/showcase/doc/theming/utilsdoc.ts +++ b/src/app/showcase/doc/theming/utilsdoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'utils-doc', - template: `
      - + template: ` +

      A couple of utility classes are provided as a solution to common requirements.
      @@ -46,10 +46,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class UtilsDoc { - @Input() id: string; - - @Input() title: string; -} +export class UtilsDoc {} diff --git a/src/app/showcase/doc/tieredmenu/accessibilitydoc.ts b/src/app/showcase/doc/tieredmenu/accessibilitydoc.ts index 5454e592adc..ac63d5a02ec 100644 --- a/src/app/showcase/doc/tieredmenu/accessibilitydoc.ts +++ b/src/app/showcase/doc/tieredmenu/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: `
      - +

      Screen Reader

      TieredMenu component uses the menubar role with aria-orientation set to "vertical" and the value to describe the menu can either be provided with aria-labelledby or aria-label props. Each list item has a @@ -73,8 +73,4 @@ import { Component, Input } from '@angular/core';

      ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/tieredmenu/basicdoc.ts b/src/app/showcase/doc/tieredmenu/basicdoc.ts index 8d0f353fe08..44826d6b5c1 100644 --- a/src/app/showcase/doc/tieredmenu/basicdoc.ts +++ b/src/app/showcase/doc/tieredmenu/basicdoc.ts @@ -1,24 +1,20 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      TieredMenu requires a collection of menuitems as its model.
      -
      ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; ngOnInit() { @@ -151,8 +147,7 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/tieredmenu/importdoc.ts b/src/app/showcase/doc/tieredmenu/importdoc.ts index f31982cba48..de278d654ae 100644 --- a/src/app/showcase/doc/tieredmenu/importdoc.ts +++ b/src/app/showcase/doc/tieredmenu/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { TieredMenuModule } from 'primeng/tieredmenu';` }; diff --git a/src/app/showcase/doc/tieredmenu/popupdoc.ts b/src/app/showcase/doc/tieredmenu/popupdoc.ts index b7d2e491577..037a6c456b0 100644 --- a/src/app/showcase/doc/tieredmenu/popupdoc.ts +++ b/src/app/showcase/doc/tieredmenu/popupdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'popup-doc', - template: `
      - + template: ` +

      Popup mode is enabled by adding popup property and calling toggle method with an event of the target.
      @@ -13,13 +13,9 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class PopupDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; ngOnInit() { @@ -152,8 +148,7 @@ export class PopupDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` `, html: ` diff --git a/src/app/showcase/doc/tieredmenu/styledoc.ts b/src/app/showcase/doc/tieredmenu/styledoc.ts index 9e0de3e1d78..5ab87d4bfef 100644 --- a/src/app/showcase/doc/tieredmenu/styledoc.ts +++ b/src/app/showcase/doc/tieredmenu/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -42,10 +42,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/tieredmenu/tieredmenudoc.module.ts b/src/app/showcase/doc/tieredmenu/tieredmenudoc.module.ts index 29efb0def16..fd9322cfc53 100644 --- a/src/app/showcase/doc/tieredmenu/tieredmenudoc.module.ts +++ b/src/app/showcase/doc/tieredmenu/tieredmenudoc.module.ts @@ -4,7 +4,7 @@ import { RouterModule } from '@angular/router'; import { TieredMenuModule } from 'primeng/tieredmenu'; import { ButtonModule } from 'primeng/button'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { BasicDoc } from './basicdoc'; import { ImportDoc } from './importdoc'; import { PopupDoc } from './popupdoc'; diff --git a/src/app/showcase/doc/timeline/accessibilitydoc.ts b/src/app/showcase/doc/timeline/accessibilitydoc.ts index 960a52a0f9b..b5eb76c4bcf 100644 --- a/src/app/showcase/doc/timeline/accessibilitydoc.ts +++ b/src/app/showcase/doc/timeline/accessibilitydoc.ts @@ -1,18 +1,12 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` - -

      Screen Reader

      -

      Timeline uses a semantic ordered list element to list the events. No specific role is enforced, still you may use any aria role and attributes as any valid attribute is passed to the list element.

      -

      Keyboard Support

      -

      Component does not include any interactive elements.

      -       -       ` + template: ` +

      Screen Reader

      +

      Timeline uses a semantic ordered list element to list the events. No specific role is enforced, still you may use any aria role and attributes as any valid attribute is passed to the list element.

      +

      Keyboard Support

      +

      Component does not include any interactive elements.

      +       ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/timeline/alignmentdoc.ts b/src/app/showcase/doc/timeline/alignmentdoc.ts index 76adf1c081c..dc7bc6d071d 100644 --- a/src/app/showcase/doc/timeline/alignmentdoc.ts +++ b/src/app/showcase/doc/timeline/alignmentdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; interface EventItem { @@ -11,8 +11,8 @@ interface EventItem { @Component({ selector: 'alignment-doc', - template: `
      - + template: ` +

      Content location relative the line is defined with the align property.
      @@ -35,13 +35,9 @@ interface EventItem {
      -
      ` + ` }) export class AlignmentDoc { - @Input() id: string; - - @Input() title: string; - events: EventItem[]; constructor() { @@ -54,8 +50,7 @@ export class AlignmentDoc { } code: Code = { - basic: ` - + basic: ` {{ event.status }} diff --git a/src/app/showcase/doc/timeline/basicdoc.ts b/src/app/showcase/doc/timeline/basicdoc.ts index 82d1a09c5b7..296ba6ea2e7 100644 --- a/src/app/showcase/doc/timeline/basicdoc.ts +++ b/src/app/showcase/doc/timeline/basicdoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      Timeline receives the events with the value property as a collection of arbitrary objects. In addition, content template is required to display the representation of an event. Example below is a sample events array that is used throughout the documentation. @@ -18,13 +18,9 @@ import { Code } from '../../domain/code';

      - ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - events: any[]; constructor() { @@ -37,8 +33,7 @@ export class BasicDoc { } code: Code = { - basic: ` - + basic: ` {{ event.status }} diff --git a/src/app/showcase/doc/timeline/horizontaldoc.ts b/src/app/showcase/doc/timeline/horizontaldoc.ts index 21e328f9d19..6e7f5d2e852 100644 --- a/src/app/showcase/doc/timeline/horizontaldoc.ts +++ b/src/app/showcase/doc/timeline/horizontaldoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'horizontal-doc', - template: `
      - + template: ` +

      TimeLine orientation is controlled with the layout property, default is vertical having horizontal as the alternative.
      @@ -26,13 +26,9 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class HorizontalDoc { - @Input() id: string; - - @Input() title: string; - events: string[]; constructor() { @@ -40,8 +36,7 @@ export class HorizontalDoc { } code: Code = { - basic: ` - + basic: ` {{ event }} diff --git a/src/app/showcase/doc/timeline/importdoc.ts b/src/app/showcase/doc/timeline/importdoc.ts index 5fe95a8b865..a93c5874174 100644 --- a/src/app/showcase/doc/timeline/importdoc.ts +++ b/src/app/showcase/doc/timeline/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { TimelineModule } from 'primeng/timeline';` }; diff --git a/src/app/showcase/doc/timeline/oppositedoc.ts b/src/app/showcase/doc/timeline/oppositedoc.ts index 1470c805d66..a58755bf82d 100644 --- a/src/app/showcase/doc/timeline/oppositedoc.ts +++ b/src/app/showcase/doc/timeline/oppositedoc.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; interface EventItem { @@ -11,8 +11,8 @@ interface EventItem { @Component({ selector: 'opposite-doc', - template: `
      - + template: ` +

      Additional content at the other side of the line can be provided with the opposite property.
      @@ -26,13 +26,9 @@ interface EventItem {
      -
      ` + ` }) export class OppositeDoc { - @Input() id: string; - - @Input() title: string; - events: EventItem[]; constructor() { @@ -45,8 +41,7 @@ export class OppositeDoc { } code: Code = { - basic: ` - + basic: ` {{ event.date }} diff --git a/src/app/showcase/doc/timeline/styledoc.ts b/src/app/showcase/doc/timeline/styledoc.ts index 186cc957482..933331796a1 100644 --- a/src/app/showcase/doc/timeline/styledoc.ts +++ b/src/app/showcase/doc/timeline/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -74,10 +74,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/timeline/templatedoc.ts b/src/app/showcase/doc/timeline/templatedoc.ts index ec4eec26256..244347e0de1 100644 --- a/src/app/showcase/doc/timeline/templatedoc.ts +++ b/src/app/showcase/doc/timeline/templatedoc.ts @@ -1,4 +1,4 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; interface EventItem { @@ -11,8 +11,8 @@ interface EventItem { @Component({ selector: 'template-doc', - template: `
      - + template: ` +

      Sample implementation with custom content and styled markers.
      @@ -35,13 +35,9 @@ interface EventItem {
      -
      ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - events: EventItem[]; constructor() { @@ -54,8 +50,7 @@ export class TemplateDoc { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/timeline/timelinedoc.module.ts b/src/app/showcase/doc/timeline/timelinedoc.module.ts index 4b0dbcc7695..e4ffcd05c92 100644 --- a/src/app/showcase/doc/timeline/timelinedoc.module.ts +++ b/src/app/showcase/doc/timeline/timelinedoc.module.ts @@ -1,7 +1,7 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { TimelineModule } from 'primeng/timeline'; import { ImportDoc } from './importdoc'; import { BasicDoc } from './basicdoc'; diff --git a/src/app/showcase/doc/toast/accessibilitydoc.ts b/src/app/showcase/doc/toast/accessibilitydoc.ts index 961f13f18ba..522a243095f 100644 --- a/src/app/showcase/doc/toast/accessibilitydoc.ts +++ b/src/app/showcase/doc/toast/accessibilitydoc.ts @@ -1,15 +1,12 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: ` - +

      Screen Reader

      Toast component use alert role that implicitly defines aria-live as "assertive" and aria-atomic as "true".

      -

      - Close element is a button with an aria-label that refers to the aria.close property of the locale API by default, you may usecloseButtonProps to customize the element - and override the default aria-label. -

      +

      Close element is a button with an aria-label that refers to the aria.close property of the locale API by default.

      Close Button Keyboard Support

      @@ -35,8 +32,4 @@ import { Component, Input } from '@angular/core'; ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/toast/animationdoc.ts b/src/app/showcase/doc/toast/animationdoc.ts index ae6334cb3ca..2c85def428f 100644 --- a/src/app/showcase/doc/toast/animationdoc.ts +++ b/src/app/showcase/doc/toast/animationdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'animation-doc', - template: `
      - + template: ` +

      Transition of the animations can be customized using the showTransitionOptions, hideTransitionOptions, showTransformOptions and hideTransformOptions properties.
      @@ -13,14 +13,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, providers: [MessageService] }) export class AnimationDoc { - @Input() id: string; - - @Input() title: string; - constructor(private messageService: MessageService) {} show() { @@ -28,8 +24,7 @@ export class AnimationDoc { } code: Code = { - basic: ` - + basic: ` `, html: `
      diff --git a/src/app/showcase/doc/toast/basicdoc.ts b/src/app/showcase/doc/toast/basicdoc.ts index 1ebf880bfc3..1cf766c6439 100644 --- a/src/app/showcase/doc/toast/basicdoc.ts +++ b/src/app/showcase/doc/toast/basicdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      Toasts are displayed by calling the add and addAll method provided by the messageService. A single toast is specified by the Message interface that defines various properties such as severity, summary and detail. @@ -16,14 +16,10 @@ import { Code } from '../../domain/code';

      - `, + `, providers: [MessageService] }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - constructor(private messageService: MessageService) {} show() { @@ -31,8 +27,7 @@ export class BasicDoc { } code: Code = { - basic: ` - + basic: ` `, html: `
      diff --git a/src/app/showcase/doc/toast/cleardoc.ts b/src/app/showcase/doc/toast/cleardoc.ts index 3aa2987eb81..9b47269f77f 100644 --- a/src/app/showcase/doc/toast/cleardoc.ts +++ b/src/app/showcase/doc/toast/cleardoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'clear-doc', - template: `
      - + template: ` +

      Clicking the close icon on the toast, removes it manually. Same can also be achieved programmatically using the clear function of the messageService. Calling it without any arguments, removes all displayed messages whereas calling it with a key, removes the messages displayed on a toast having the same key. @@ -17,14 +17,10 @@ import { Code } from '../../domain/code';

      - `, + `, providers: [MessageService] }) export class ClearDoc { - @Input() id: string; - - @Input() title: string; - constructor(private messageService: MessageService) {} show() { @@ -36,8 +32,7 @@ export class ClearDoc { } code: Code = { - basic: ` - + basic: ` `, html: ` diff --git a/src/app/showcase/doc/toast/importdoc.ts b/src/app/showcase/doc/toast/importdoc.ts index ca5c8aae619..f2bef25c6f8 100644 --- a/src/app/showcase/doc/toast/importdoc.ts +++ b/src/app/showcase/doc/toast/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { ToastModule } from 'primeng/toast';` }; diff --git a/src/app/showcase/doc/toast/lifedoc.ts b/src/app/showcase/doc/toast/lifedoc.ts index 86299b7b154..86b593cec15 100644 --- a/src/app/showcase/doc/toast/lifedoc.ts +++ b/src/app/showcase/doc/toast/lifedoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'life-doc', - template: `
      - + template: ` +

      A toast disappears after 3000ms by default, set the life option on either the message or toast to override this.
      @@ -14,14 +14,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, providers: [MessageService] }) export class LifeDoc { - @Input() id: string; - - @Input() title: string; - constructor(private messageService: MessageService) {} showLife() { @@ -33,8 +29,7 @@ export class LifeDoc { } code: Code = { - basic: ` - + basic: ` `, html: ` diff --git a/src/app/showcase/doc/toast/multipledoc.ts b/src/app/showcase/doc/toast/multipledoc.ts index 6e15f9c2618..fb03fa30268 100644 --- a/src/app/showcase/doc/toast/multipledoc.ts +++ b/src/app/showcase/doc/toast/multipledoc.ts @@ -1,29 +1,25 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'toast-multiple-demo', - template: `
      - + template: ` +

      Multiple toasts are displayed by passing an array to the showAll method of the messageService.
      - +
      -
      `, + `, providers: [MessageService] }) export class MultipleDoc { - @Input() id: string; - - @Input() title: string; - constructor(private messageService: MessageService) {} - showMultiple() { + show() { this.messageService.addAll([ { severity: 'success', summary: 'Message 1', detail: 'Message Content' }, { severity: 'info', summary: 'Message 2', detail: 'Message Content' }, @@ -32,13 +28,12 @@ export class MultipleDoc { } code: Code = { - basic: ` - -`, + basic: ` +`, html: `
      - +
      `, typescript: ` import { Component } from '@angular/core'; @@ -52,7 +47,7 @@ import { MessageService } from 'primeng/api'; export class ToastMultipleDemo { constructor(private messageService: MessageService) {} - showMultiple() { + show() { this.messageService.addAll([ { severity: 'success', summary: 'Message 1', detail: 'Message Content' }, { severity: 'info', summary: 'Message 2', detail: 'Message Content' }, diff --git a/src/app/showcase/doc/toast/positiondoc.ts b/src/app/showcase/doc/toast/positiondoc.ts index ee995f55ad0..f43bd6dae5a 100644 --- a/src/app/showcase/doc/toast/positiondoc.ts +++ b/src/app/showcase/doc/toast/positiondoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'position-doc', - template: `
      - + template: ` +

      Location of the toast is customized with the position property. Valid values are top-left, top-center, top-right, bottom-left, bottom-center, bottom-right and center.
      @@ -17,14 +17,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, providers: [MessageService] }) export class PositionDoc { - @Input() id: string; - - @Input() title: string; - constructor(private messageService: MessageService) {} showTopLeft() { @@ -40,8 +36,7 @@ export class PositionDoc { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/toast/responsivedoc.ts b/src/app/showcase/doc/toast/responsivedoc.ts index e46506261f3..557aca68c15 100644 --- a/src/app/showcase/doc/toast/responsivedoc.ts +++ b/src/app/showcase/doc/toast/responsivedoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'responsive-doc', - template: `
      - + template: ` +

      Toast styling can be adjusted per screen size with the breakpoints option. The value of breakpoints should be an object literal whose keys are the maximum screen sizes and values are the styles per screen. In example below, width of the toast messages cover the whole page on screens whose widths is smaller than 921px. @@ -16,14 +16,10 @@ import { Code } from '../../domain/code';

      - `, + `, providers: [MessageService] }) export class ResponsiveDoc { - @Input() id: string; - - @Input() title: string; - constructor(private messageService: MessageService) {} show() { @@ -31,8 +27,7 @@ export class ResponsiveDoc { } code: Code = { - basic: ` - + basic: ` `, html: `
      diff --git a/src/app/showcase/doc/toast/severitydoc.ts b/src/app/showcase/doc/toast/severitydoc.ts index 3f01e82d66d..509d798cfa3 100644 --- a/src/app/showcase/doc/toast/severitydoc.ts +++ b/src/app/showcase/doc/toast/severitydoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'severity-doc', - template: `
      - + template: ` +

      The severity option specifies the type of the message. There are four types of messages: success, info, warn and error. The severity of the message is used to display the icon and the color of the toast. @@ -19,14 +19,10 @@ import { Code } from '../../domain/code';

      - `, + `, providers: [MessageService] }) export class SeverityDoc { - @Input() id: string; - - @Input() title: string; - constructor(private messageService: MessageService) {} showSuccess() { @@ -46,8 +42,7 @@ export class SeverityDoc { } code: Code = { - basic: ` - + basic: ` diff --git a/src/app/showcase/doc/toast/stickydoc.ts b/src/app/showcase/doc/toast/stickydoc.ts index 61ed93e79b6..da13a164e97 100644 --- a/src/app/showcase/doc/toast/stickydoc.ts +++ b/src/app/showcase/doc/toast/stickydoc.ts @@ -1,40 +1,48 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'sticky-doc', - template: `
      - + template: ` +

      A toast disappears after the time defined by the life option, set sticky option true on the message to override this and not hide the toast automatically.
      - +
      + + +
      -
      `, + `, providers: [MessageService] }) export class StickyDoc { - @Input() id: string; - - @Input() title: string; - constructor(private messageService: MessageService) {} - showSticky() { + show() { this.messageService.add({ severity: 'info', summary: 'Sticky', detail: 'Message Content', sticky: true }); } + clear() { + this.messageService.clear(); + } + code: Code = { - basic: ` - -`, + basic: ` +
      + + +
      `, html: `
      - +
      + + +
      `, typescript: ` import { Component } from '@angular/core'; @@ -48,9 +56,13 @@ import { MessageService } from 'primeng/api'; export class ToastStickyDemo { constructor(private messageService: MessageService) {} - showSticky() { + show() { this.messageService.add({ severity: 'info', summary: 'Sticky', detail: 'Message Content', sticky: true }); } + + clear() { + this.messageService.clear(); + } }` }; } diff --git a/src/app/showcase/doc/toast/styledoc.ts b/src/app/showcase/doc/toast/styledoc.ts index ca30bf9b56a..ba6bb965d1e 100644 --- a/src/app/showcase/doc/toast/styledoc.ts +++ b/src/app/showcase/doc/toast/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -46,10 +46,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/toast/targetdoc.ts b/src/app/showcase/doc/toast/targetdoc.ts index 71d226157bf..c858b04f4ed 100644 --- a/src/app/showcase/doc/toast/targetdoc.ts +++ b/src/app/showcase/doc/toast/targetdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'target-doc', - template: `
      - + template: ` +

      A page may have multiple toast components, in case you'd like to target a specific message to a particular toast, use the key property so that toast and the message can match.
      @@ -15,14 +15,10 @@ import { Code } from '../../domain/code';
      -
      `, + `, providers: [MessageService] }) export class TargetDoc { - @Input() id: string; - - @Input() title: string; - constructor(private messageService: MessageService) {} showToast1() { @@ -36,8 +32,7 @@ export class TargetDoc { } code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/toast/templatedoc.ts b/src/app/showcase/doc/toast/templatedoc.ts index 82d216ad3e0..a1709657158 100644 --- a/src/app/showcase/doc/toast/templatedoc.ts +++ b/src/app/showcase/doc/toast/templatedoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { MessageService } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'template-doc', - template: `
      - + template: ` +

      Templating allows customizing the content where the message instance is available as the implicit variable.
      @@ -31,32 +31,33 @@ import { Code } from '../../domain/code';
      -
      `, + `, providers: [MessageService] }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; + visible: boolean = false; constructor(private messageService: MessageService) {} showConfirm() { - this.messageService.clear(); - this.messageService.add({ key: 'confirm', sticky: true, severity: 'warn', summary: 'Are you sure?', detail: 'Confirm to proceed' }); + if (!this.visible) { + this.messageService.add({ key: 'confirm', sticky: true, severity: 'warn', summary: 'Are you sure?', detail: 'Confirm to proceed' }); + this.visible = true; + } } onConfirm() { this.messageService.clear('confirm'); + this.visible = false; } onReject() { this.messageService.clear('confirm'); + this.visible = false; } code: Code = { - basic: ` - + basic: `
      @@ -111,8 +112,23 @@ import { MessageService } from 'primeng/api'; export class ToastTemplateDemo { constructor(private messageService: MessageService) {} - showSticky() { - this.messageService.add({ severity: 'info', summary: 'Sticky', detail: 'Message Content', sticky: true }); + visible: boolean = false; + + showConfirm() { + if (!this.visible) { + this.messageService.add({ key: 'confirm', sticky: true, severity: 'warn', summary: 'Are you sure?', detail: 'Confirm to proceed' }); + this.visible = true; + } + } + + onConfirm() { + this.messageService.clear('confirm'); + this.visible = false; + } + + onReject() { + this.messageService.clear('confirm'); + this.visible = false; } }` }; diff --git a/src/app/showcase/doc/toast/toastdoc.module.ts b/src/app/showcase/doc/toast/toastdoc.module.ts index 14f9f891a3d..d18878d5676 100644 --- a/src/app/showcase/doc/toast/toastdoc.module.ts +++ b/src/app/showcase/doc/toast/toastdoc.module.ts @@ -5,7 +5,7 @@ import { ButtonModule } from 'primeng/button'; import { RippleModule } from 'primeng/ripple'; import { ToastModule } from 'primeng/toast'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { ImportDoc } from './importdoc'; import { AnimationDoc } from './animationdoc'; import { BasicDoc } from './basicdoc'; diff --git a/src/app/showcase/doc/togglebutton/accessibilitydoc.ts b/src/app/showcase/doc/togglebutton/accessibilitydoc.ts index cfa053e6f91..4796c0fe4b1 100644 --- a/src/app/showcase/doc/togglebutton/accessibilitydoc.ts +++ b/src/app/showcase/doc/togglebutton/accessibilitydoc.ts @@ -1,58 +1,52 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
      - -

      Screen Reader

      -

      - ToggleButton component uses an element with button role and updates aria-pressed state for screen readers. Value to describe the component can be defined with aria-labelledby or aria-label props, it is - highly suggested to use either of these props as the component changes the label displayed which will result in screen readers to read different labels when the component receives focus. To prevent this, always provide an aria - label that does not change related to state. -

      -       + template: `
      + +

      Screen Reader

      +

      + ToggleButton component uses an element with button role and updates aria-pressed state for screen readers. Value to describe the component can be defined with ariaLabelledBy or ariaLabel props, it is highly + suggested to use either of these props as the component changes the label displayed which will result in screen readers to read different labels when the component receives focus. To prevent this, always provide an aria label that + does not change related to state. +

      +       - + -

      Keyboard Support

      -
      - - - - - - - - - - - - - - - - - -
      KeyFunction
      - tab - Moves focus to the button.
      - space - Toggles the checked state.
      -
      +

      Keyboard Support

      +
      + + + + + + + + + + + + + + + + + +
      KeyFunction
      + tab + Moves focus to the button.
      + space + Toggles the checked state.
      - ` +
      ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: `Remember Me - + -` +` }; } diff --git a/src/app/showcase/doc/togglebutton/basicdoc.ts b/src/app/showcase/doc/togglebutton/basicdoc.ts index f737e5e6f50..c210dd12a4a 100644 --- a/src/app/showcase/doc/togglebutton/basicdoc.ts +++ b/src/app/showcase/doc/togglebutton/basicdoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      Two-way binding to a boolean property is defined using the standard ngModel directive.
      -
      ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - checked: boolean = false; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/togglebutton/customizeddoc.ts b/src/app/showcase/doc/togglebutton/customizeddoc.ts index 49bfa2165a6..4d4d4ae6820 100644 --- a/src/app/showcase/doc/togglebutton/customizeddoc.ts +++ b/src/app/showcase/doc/togglebutton/customizeddoc.ts @@ -1,28 +1,23 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'customized-doc', - template: `
      - + template: ` +

      Icons and Labels can be customized using onLabel, offLabel, onIcon and offIcon properties.
      -
      ` + ` }) export class CustomizedDoc { - @Input() id: string; - - @Input() title: string; - checked: boolean = false; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/togglebutton/importdoc.ts b/src/app/showcase/doc/togglebutton/importdoc.ts index 7b2fe7dcb05..c500606091f 100644 --- a/src/app/showcase/doc/togglebutton/importdoc.ts +++ b/src/app/showcase/doc/togglebutton/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { ToggleButtonModule } from 'primeng/togglebutton';` }; diff --git a/src/app/showcase/doc/togglebutton/reactiveformsdoc.ts b/src/app/showcase/doc/togglebutton/reactiveformsdoc.ts index ff582429634..8c8ccb4c520 100644 --- a/src/app/showcase/doc/togglebutton/reactiveformsdoc.ts +++ b/src/app/showcase/doc/togglebutton/reactiveformsdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
      - + template: ` +

      ToggleButton can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
      @@ -14,13 +14,9 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - formGroup!: FormGroup; ngOnInit() { @@ -30,8 +26,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
      + basic: `
      `, diff --git a/src/app/showcase/doc/togglebutton/styledoc.ts b/src/app/showcase/doc/togglebutton/styledoc.ts index ebdb53ea3bb..95b4b8c79e8 100644 --- a/src/app/showcase/doc/togglebutton/styledoc.ts +++ b/src/app/showcase/doc/togglebutton/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -30,10 +30,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/togglebutton/togglebuttondoc.module.ts b/src/app/showcase/doc/togglebutton/togglebuttondoc.module.ts index 2dcaf3b8fbc..a1a8b562098 100644 --- a/src/app/showcase/doc/togglebutton/togglebuttondoc.module.ts +++ b/src/app/showcase/doc/togglebutton/togglebuttondoc.module.ts @@ -4,7 +4,7 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { RouterModule } from '@angular/router'; import { ToggleButtonModule } from 'primeng/togglebutton'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { CustomizedDoc } from './customizeddoc'; diff --git a/src/app/showcase/doc/toolbar/accessibilitydoc.ts b/src/app/showcase/doc/toolbar/accessibilitydoc.ts index e58fed6bc87..77aed28b9bf 100644 --- a/src/app/showcase/doc/toolbar/accessibilitydoc.ts +++ b/src/app/showcase/doc/toolbar/accessibilitydoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', template: `
      - +

      Screen Reader

      Toolbar uses toolbar role for the root element, aria-orientation is not included as it defaults to horizontal. Any valid attribute is passed to the root element so you may add additional properties like @@ -17,10 +17,6 @@ import { Code } from '../../domain/code';

      ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { html: ` Content diff --git a/src/app/showcase/doc/toolbar/basicdoc.ts b/src/app/showcase/doc/toolbar/basicdoc.ts index 02ef2f8d597..306bac28971 100644 --- a/src/app/showcase/doc/toolbar/basicdoc.ts +++ b/src/app/showcase/doc/toolbar/basicdoc.ts @@ -1,12 +1,12 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - -

      Toolbar provides start, center and end templates to place content at these sections.

      + template: ` + +

      Toolbar is a grouping component for buttons and other content. Its content can be placed inside the start, center and end sections.
      @@ -24,13 +24,9 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - items: MenuItem[] | undefined; ngOnInit() { @@ -57,8 +53,7 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
      diff --git a/src/app/showcase/doc/toolbar/importdoc.ts b/src/app/showcase/doc/toolbar/importdoc.ts index 249e1da3ac5..6577718f252 100644 --- a/src/app/showcase/doc/toolbar/importdoc.ts +++ b/src/app/showcase/doc/toolbar/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { ToolbarModule } from 'primeng/toolbar';` }; diff --git a/src/app/showcase/doc/toolbar/styledoc.ts b/src/app/showcase/doc/toolbar/styledoc.ts index fb4610c520f..b9f4cf7c40a 100644 --- a/src/app/showcase/doc/toolbar/styledoc.ts +++ b/src/app/showcase/doc/toolbar/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -34,10 +34,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/toolbar/templatedoc.ts b/src/app/showcase/doc/toolbar/templatedoc.ts new file mode 100644 index 00000000000..117054eed94 --- /dev/null +++ b/src/app/showcase/doc/toolbar/templatedoc.ts @@ -0,0 +1,131 @@ +import { Component, OnInit } from '@angular/core'; +import { MenuItem } from 'primeng/api'; +import { Code } from '../../domain/code'; + +@Component({ + selector: 'template-doc', + template: ` + +

      Content can also be placed using the start, center and end templates.

      +       +
      + + + + + + + + + Center + + + + + + + +
      + + ` +}) +export class TemplateDoc implements OnInit { + items: MenuItem[] | undefined; + + ngOnInit() { + this.items = [ + { + label: 'Update', + icon: 'pi pi-refresh' + }, + { + label: 'Delete', + icon: 'pi pi-times' + }, + { + label: 'Angular', + icon: 'pi pi-external-link', + url: 'http://angular.io' + }, + { + label: 'Router', + icon: 'pi pi-upload', + routerLink: '/fileupload' + } + ]; + } + + code: Code = { + basic: ` + + + + + + + + Center + + + + + + +`, + + html: ` +
      + + + + + + + + + Center + + + + + + + +
      `, + + typescript: ` +import { Component, OnInit } from '@angular/core'; +import { MenuItem } from 'primeng/api'; + +@Component({ + selector: 'toolbar-template-demo', + templateUrl: './toolbar-template-demo.html' +}) +export class ToolbarTemplateDemo implements OnInit { + items: MenuItem[] | undefined; + + ngOnInit() { + this.items = [ + { + label: 'Update', + icon: 'pi pi-refresh' + }, + { + label: 'Delete', + icon: 'pi pi-times' + }, + { + label: 'Angular', + icon: 'pi pi-external-link', + url: 'http://angular.io' + }, + { + label: 'Router', + icon: 'pi pi-upload', + routerLink: '/fileupload' + } + ]; + } +}` + }; +} diff --git a/src/app/showcase/doc/toolbar/toolbardoc.module.ts b/src/app/showcase/doc/toolbar/toolbardoc.module.ts index 371ae5556ca..2f8734e9bce 100644 --- a/src/app/showcase/doc/toolbar/toolbardoc.module.ts +++ b/src/app/showcase/doc/toolbar/toolbardoc.module.ts @@ -5,15 +5,16 @@ import { ButtonModule } from 'primeng/button'; import { SplitButtonModule } from 'primeng/splitbutton'; import { ToolbarModule } from 'primeng/toolbar'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { ImportDoc } from './importdoc'; import { StyleDoc } from './styledoc'; +import { TemplateDoc } from './templatedoc'; @NgModule({ imports: [CommonModule, AppCodeModule, AppDocModule, ToolbarModule, RouterModule, ButtonModule, SplitButtonModule], exports: [AppDocModule], - declarations: [ImportDoc, BasicDoc, StyleDoc, AccessibilityDoc] + declarations: [ImportDoc, BasicDoc, TemplateDoc, StyleDoc, AccessibilityDoc] }) export class ToolbarDocModule {} diff --git a/src/app/showcase/doc/tooltip/accessibilitydoc.ts b/src/app/showcase/doc/tooltip/accessibilitydoc.ts index 76938dcc00e..bfc268569d4 100644 --- a/src/app/showcase/doc/tooltip/accessibilitydoc.ts +++ b/src/app/showcase/doc/tooltip/accessibilitydoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', template: ` - +

      Screen Reader

      Tooltip component uses tooltip role and when it becomes visible the generated id of the tooltip is defined as the aria-describedby of the target.

      Keyboard Support

      @@ -26,8 +26,4 @@ import { Component, Input } from '@angular/core';       ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/tooltip/autohidedoc.ts b/src/app/showcase/doc/tooltip/autohidedoc.ts index 93341ba2466..6e1de2ed7c4 100644 --- a/src/app/showcase/doc/tooltip/autohidedoc.ts +++ b/src/app/showcase/doc/tooltip/autohidedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'auto-hide-doc', - template: `
      - + template: ` +

      Tooltip is hidden when mouse leaves the target element, in cases where tooltip needs to be interacted with, set autoHide to false to change the default behavior.
      @@ -12,16 +12,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class AutoHideDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` `, html: ` diff --git a/src/app/showcase/doc/tooltip/basicdoc.ts b/src/app/showcase/doc/tooltip/basicdoc.ts index 0e305ccb6cd..c5a6afa3c46 100644 --- a/src/app/showcase/doc/tooltip/basicdoc.ts +++ b/src/app/showcase/doc/tooltip/basicdoc.ts @@ -1,26 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      Tooltip is applied to an element with pTooltip directive where the value of the directive defines the text to display.
      -
      ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/tooltip/delaydoc.ts b/src/app/showcase/doc/tooltip/delaydoc.ts index ab7842275fd..7a9ef2efba3 100644 --- a/src/app/showcase/doc/tooltip/delaydoc.ts +++ b/src/app/showcase/doc/tooltip/delaydoc.ts @@ -1,26 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'delay-doc', - template: `
      - + template: ` +

      Adding delays to the show and hide events are defined with showDelay and hideDelay options respectively.
      -
      ` + ` }) export class DelayDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/tooltip/eventdoc.ts b/src/app/showcase/doc/tooltip/eventdoc.ts index 2ba5167a190..d0cec6d1f63 100644 --- a/src/app/showcase/doc/tooltip/eventdoc.ts +++ b/src/app/showcase/doc/tooltip/eventdoc.ts @@ -1,26 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'event-doc', - template: `
      - + template: ` +

      Tooltip gets displayed on hover event of its target by default, other option is the focus event to display and blur to hide.
      -
      ` + ` }) export class EventDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/tooltip/importdoc.ts b/src/app/showcase/doc/tooltip/importdoc.ts index 2c122491e67..7365558d563 100644 --- a/src/app/showcase/doc/tooltip/importdoc.ts +++ b/src/app/showcase/doc/tooltip/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { TooltipModule } from 'primeng/tooltip';` }; diff --git a/src/app/showcase/doc/tooltip/optionsdoc.ts b/src/app/showcase/doc/tooltip/optionsdoc.ts index f63027efb9d..9dc0d655f63 100644 --- a/src/app/showcase/doc/tooltip/optionsdoc.ts +++ b/src/app/showcase/doc/tooltip/optionsdoc.ts @@ -1,23 +1,19 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'options-doc', - template: `
      - + template: ` +

      Tooltip is also configurable by using tooltipOptions property.
      -
      ` + ` }) export class OptionsDoc { - @Input() id: string; - - @Input() title: string; - tooltipOptions = { showDelay: 150, autoHide: false, @@ -26,8 +22,7 @@ export class OptionsDoc { }; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/tooltip/positiondoc.ts b/src/app/showcase/doc/tooltip/positiondoc.ts index f92fcdb2283..2fedcad69f3 100644 --- a/src/app/showcase/doc/tooltip/positiondoc.ts +++ b/src/app/showcase/doc/tooltip/positiondoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'position-doc', - template: `
      - + template: ` +

      Position of the tooltip is specified using tooltipPosition attribute. Valid values are top, bottom, right and left. Default position of the tooltip is right.
      @@ -14,16 +14,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class PositionDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/tooltip/styledoc.ts b/src/app/showcase/doc/tooltip/styledoc.ts index c869502c55d..2cb2aff4c28 100644 --- a/src/app/showcase/doc/tooltip/styledoc.ts +++ b/src/app/showcase/doc/tooltip/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -30,10 +30,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/tooltip/templatedoc.ts b/src/app/showcase/doc/tooltip/templatedoc.ts index e55c9ce76be..570f25e8c4c 100644 --- a/src/app/showcase/doc/tooltip/templatedoc.ts +++ b/src/app/showcase/doc/tooltip/templatedoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'options-doc', - template: `
      - + template: ` +

      Tooltip can use either a string or a TemplateRef.
      @@ -17,16 +17,11 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class TemplateDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { - basic: ` - + basic: `
      diff --git a/src/app/showcase/doc/tooltip/tooltipdoc.module.ts b/src/app/showcase/doc/tooltip/tooltipdoc.module.ts index 01e1646aede..35531984cfb 100644 --- a/src/app/showcase/doc/tooltip/tooltipdoc.module.ts +++ b/src/app/showcase/doc/tooltip/tooltipdoc.module.ts @@ -5,7 +5,7 @@ import { TooltipModule } from 'primeng/tooltip'; import { ButtonModule } from 'primeng/button'; import { InputTextModule } from 'primeng/inputtext'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { BasicDoc } from './basicdoc'; import { ImportDoc } from './importdoc'; import { StyleDoc } from './styledoc'; diff --git a/src/app/showcase/doc/tree/accessibilitydoc.ts b/src/app/showcase/doc/tree/accessibilitydoc.ts index 3c43719967d..71c889540d8 100644 --- a/src/app/showcase/doc/tree/accessibilitydoc.ts +++ b/src/app/showcase/doc/tree/accessibilitydoc.ts @@ -1,72 +1,66 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` - -

      Screen Reader

      -

      - Value to describe the component can either be provided with aria-labelledby or aria-label props. The root list element has a tree role whereas each list item has a treeitem role along with - aria-label, aria-selected and aria-expanded attributes. In checkbox selection, aria-checked is used instead of aria-selected. The container element of a treenode has the group role. Checkbox - and toggle icons are hidden from screen readers as their parent element with treeitem role and attributes are used instead for readers and keyboard support. The aria-setsize, aria-posinset and - aria-level attributes are calculated implicitly and added to each treeitem. -

      -

      Keyboard Support

      -
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      KeyFunction
      tab - Moves focus to the first selected node when focus enters the component, if there is none then first element receives the focus. If focus is already inside the component, moves focus to the next focusable element in the - page tab sequence. -
      shift + tab - Moves focus to the last selected node when focus enters the component, if there is none then first element receives the focus. If focus is already inside the component, moves focus to the previous focusable element in - the page tab sequence. -
      enterSelects the focused treenode.
      spaceSelects the focused treenode.
      down arrowMoves focus to the next treenode.
      up arrowMoves focus to the previous treenode.
      right arrowIf node is closed, opens the node otherwise moves focus to the first child node.
      left arrowIf node is open, closes the node otherwise moves focus to the parent node.
      -
      -       -       ` + template: ` +

      Screen Reader

      +

      + Value to describe the component can either be provided with aria-labelledby or aria-label props. The root list element has a tree role whereas each list item has a treeitem role along with aria-label, + aria-selected and aria-expanded attributes. In checkbox selection, aria-checked is used instead of aria-selected. The container element of a treenode has the group role. Checkbox and toggle icons are + hidden from screen readers as their parent element with treeitem role and attributes are used instead for readers and keyboard support. The aria-setsize, aria-posinset and aria-level attributes are calculated + implicitly and added to each treeitem. +

      +

      Keyboard Support

      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      KeyFunction
      tab + Moves focus to the first selected node when focus enters the component, if there is none then first element receives the focus. If focus is already inside the component, moves focus to the next focusable element in the + page tab sequence. +
      shift + tab + Moves focus to the last selected node when focus enters the component, if there is none then first element receives the focus. If focus is already inside the component, moves focus to the previous focusable element in the + page tab sequence. +
      enterSelects the focused treenode.
      spaceSelects the focused treenode.
      down arrowMoves focus to the next treenode.
      up arrowMoves focus to the previous treenode.
      right arrowIf node is closed, opens the node otherwise moves focus to the first child node.
      left arrowIf node is open, closes the node otherwise moves focus to the parent node.
      +
      +       ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/tree/basicdoc.ts b/src/app/showcase/doc/tree/basicdoc.ts index d365d88306c..e761f4b4dca 100644 --- a/src/app/showcase/doc/tree/basicdoc.ts +++ b/src/app/showcase/doc/tree/basicdoc.ts @@ -1,25 +1,21 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      Tree component requires an array of TreeNode objects as its value.
      -
      ` + ` }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - files!: TreeNode[]; constructor(private nodeService: NodeService) {} @@ -29,8 +25,7 @@ export class BasicDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/tree/checkboxdoc.ts b/src/app/showcase/doc/tree/checkboxdoc.ts index a4fb2de11fd..91fbcff9a46 100644 --- a/src/app/showcase/doc/tree/checkboxdoc.ts +++ b/src/app/showcase/doc/tree/checkboxdoc.ts @@ -1,28 +1,21 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { NodeService } from '../../service/nodeservice'; @Component({ selector: 'checkbox-doc', - template: `
      - + template: ` +

      Selection of multiple nodes via checkboxes is enabled by configuring selectionMode as checkbox.
      -
      ` + ` }) export class CheckboxDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - files!: TreeNode[]; selectedFiles!: TreeNode[]; @@ -34,8 +27,7 @@ export class CheckboxDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/tree/contextmenudoc.ts b/src/app/showcase/doc/tree/contextmenudoc.ts index 32880927ab3..e80fb64a40e 100644 --- a/src/app/showcase/doc/tree/contextmenudoc.ts +++ b/src/app/showcase/doc/tree/contextmenudoc.ts @@ -1,12 +1,12 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem, MessageService, TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @Component({ selector: 'context-menu-doc', - template: `
      - + template: ` +

      Tree requires a collection of TreeNode instances as a value.
      @@ -15,14 +15,10 @@ import { NodeService } from '../../service/nodeservice';
      -
      `, + `, providers: [MessageService] }) export class ContextMenuDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - files!: TreeNode[]; selectedFile!: TreeNode | null; @@ -49,8 +45,7 @@ export class ContextMenuDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/tree/controlleddoc.ts b/src/app/showcase/doc/tree/controlleddoc.ts index e3089f4ba73..3f4fe46873c 100644 --- a/src/app/showcase/doc/tree/controlleddoc.ts +++ b/src/app/showcase/doc/tree/controlleddoc.ts @@ -1,12 +1,12 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @Component({ selector: 'controlled-doc', - template: `
      - + template: ` +

      Tree requires a collection of TreeNode instances as a value.
      @@ -17,13 +17,9 @@ import { NodeService } from '../../service/nodeservice';
      -
      ` + ` }) export class ControlledDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - files!: TreeNode[]; constructor(private nodeService: NodeService) {} @@ -54,8 +50,7 @@ export class ControlledDoc implements OnInit { } code: Code = { - basic: ` -
      + basic: `
      diff --git a/src/app/showcase/doc/tree/dragdropdoc.ts b/src/app/showcase/doc/tree/dragdropdoc.ts index a0d903d4113..78735388146 100644 --- a/src/app/showcase/doc/tree/dragdropdoc.ts +++ b/src/app/showcase/doc/tree/dragdropdoc.ts @@ -1,26 +1,22 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeDragDropService, TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @Component({ selector: 'drag-drop-doc', - template: `
      - + template: ` +

      Nodes can be reordered within the same tree and also can be transferred between other trees using drag&drop.
      -
      `, + `, providers: [TreeDragDropService] }) export class DragDropDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - files!: TreeNode[]; constructor(private nodeService: NodeService) {} @@ -30,8 +26,7 @@ export class DragDropDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/tree/eventdoc.ts b/src/app/showcase/doc/tree/eventdoc.ts index 2df19a0f6ca..a8f99b7f5eb 100644 --- a/src/app/showcase/doc/tree/eventdoc.ts +++ b/src/app/showcase/doc/tree/eventdoc.ts @@ -1,12 +1,12 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MessageService, TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @Component({ selector: 'event-doc', - template: `
      - + template: ` +

      An event is provided for each type of user interaction such as expand, collapse and selection.
      @@ -23,14 +23,10 @@ import { NodeService } from '../../service/nodeservice'; >
      -
      `, + `, providers: [MessageService] }) export class EventDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - files!: TreeNode[]; selectedFile!: TreeNode; @@ -58,8 +54,7 @@ export class EventDoc implements OnInit { } code: Code = { - basic: ` -`, html: ` diff --git a/src/app/showcase/doc/tree/filterdoc.ts b/src/app/showcase/doc/tree/filterdoc.ts index d0de790364d..6382cccad50 100644 --- a/src/app/showcase/doc/tree/filterdoc.ts +++ b/src/app/showcase/doc/tree/filterdoc.ts @@ -1,12 +1,12 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @Component({ selector: 'filter-doc', - template: `
      - + template: ` +

      Filtering is enabled by adding the filter property, by default label property of a node is used to compare against the value in the text field, in order to customize which field(s) should be used during search define filterBy property. In addition filterMode specifies the filtering strategy. In lenient mode when the query matches a node, children of the node are not searched further as all descendants of the node are included. @@ -18,13 +18,9 @@ import { NodeService } from '../../service/nodeservice';

      - ` + ` }) export class FilterDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - files!: TreeNode[]; constructor(private nodeService: NodeService) {} @@ -34,8 +30,7 @@ export class FilterDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` `, html: ` diff --git a/src/app/showcase/doc/tree/importdoc.ts b/src/app/showcase/doc/tree/importdoc.ts index c1ba7ba1105..f042c7631bc 100644 --- a/src/app/showcase/doc/tree/importdoc.ts +++ b/src/app/showcase/doc/tree/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { TreeModule } from 'primeng/tree';` }; diff --git a/src/app/showcase/doc/tree/lazydoc.ts b/src/app/showcase/doc/tree/lazydoc.ts index bb8a9afd6ef..62a47f6cc6e 100644 --- a/src/app/showcase/doc/tree/lazydoc.ts +++ b/src/app/showcase/doc/tree/lazydoc.ts @@ -1,26 +1,22 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MessageService, TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @Component({ selector: 'lazy-demo', - template: `
      - + template: ` +

      Lazy loading is useful when dealing with huge datasets, in this example nodes are dynamically loaded on demand using loading property and onNodeExpand method.
      -
      `, + `, providers: [MessageService] }) export class LazyDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - loading: boolean = false; files!: TreeNode[]; @@ -49,8 +45,7 @@ export class LazyDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/tree/multipledoc.ts b/src/app/showcase/doc/tree/multipledoc.ts index 14ee04b6ff8..6c123b56d48 100644 --- a/src/app/showcase/doc/tree/multipledoc.ts +++ b/src/app/showcase/doc/tree/multipledoc.ts @@ -1,13 +1,12 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { NodeService } from '../../service/nodeservice'; @Component({ selector: 'multiple-doc', - template: `
      - + template: ` +

      More than one node is selectable by setting selectionMode to multiple. By default in multiple selection mode, metaKey press (e.g. ⌘) is necessary to add to existing selections however this can be configured with disabling the metaKeySelection property. Note that in touch enabled devices, Tree always ignores metaKey. @@ -22,15 +21,9 @@ import { NodeService } from '../../service/nodeservice';

      - ` + ` }) export class MultipleDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - metaKeySelection: boolean = false; files!: TreeNode[]; @@ -44,8 +37,7 @@ export class MultipleDoc implements OnInit { } code: Code = { - basic: ` -
      + basic: `
      diff --git a/src/app/showcase/doc/tree/singledoc.ts b/src/app/showcase/doc/tree/singledoc.ts index 97aac77eabb..bfd7f39fb11 100644 --- a/src/app/showcase/doc/tree/singledoc.ts +++ b/src/app/showcase/doc/tree/singledoc.ts @@ -1,28 +1,21 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { NodeService } from '../../service/nodeservice'; @Component({ selector: 'single-doc', - template: `
      - + template: ` +

      Single node selection is configured by setting selectionMode as single along with selection properties to manage the selection value binding.
      -
      ` + ` }) export class SingleDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - files!: TreeNode[]; selectedFile!: TreeNode; @@ -34,8 +27,7 @@ export class SingleDoc implements OnInit { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/tree/styledoc.ts b/src/app/showcase/doc/tree/styledoc.ts index d24bae6ac1e..19c1d21da53 100644 --- a/src/app/showcase/doc/tree/styledoc.ts +++ b/src/app/showcase/doc/tree/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -54,10 +54,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/tree/templatedoc.ts b/src/app/showcase/doc/tree/templatedoc.ts index f1ebe74953c..9082519c7de 100644 --- a/src/app/showcase/doc/tree/templatedoc.ts +++ b/src/app/showcase/doc/tree/templatedoc.ts @@ -1,17 +1,17 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'template-doc', - template: `
      - + template: ` +

      Custom node content instead of a node label is defined with the pTemplate property.
      - {{ node.label }} + {{ node.label }} {{ node.label }} @@ -19,13 +19,9 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class TemplateDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - nodes!: TreeNode[]; ngOnInit() { @@ -54,10 +50,9 @@ export class TemplateDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` - {{ node.label }} + {{ node.label }} {{ node.label }} @@ -68,7 +63,7 @@ export class TemplateDoc implements OnInit {
      - {{ node.label }} + {{ node.label }} {{ node.label }} diff --git a/src/app/showcase/doc/tree/treedoc.module.ts b/src/app/showcase/doc/tree/treedoc.module.ts index a59e6600df7..a8a851af322 100644 --- a/src/app/showcase/doc/tree/treedoc.module.ts +++ b/src/app/showcase/doc/tree/treedoc.module.ts @@ -7,7 +7,7 @@ import { InputSwitchModule } from 'primeng/inputswitch'; import { ToastModule } from 'primeng/toast'; import { TreeModule } from 'primeng/tree'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { CheckboxDoc } from './checkboxdoc'; diff --git a/src/app/showcase/doc/treeselect/accessibilitydoc.ts b/src/app/showcase/doc/treeselect/accessibilitydoc.ts index 51976e41941..76c561803e4 100644 --- a/src/app/showcase/doc/treeselect/accessibilitydoc.ts +++ b/src/app/showcase/doc/treeselect/accessibilitydoc.ts @@ -1,195 +1,189 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
      - -

      Screen Reader

      -

      - Value to describe the component can either be provided with aria-labelledby or aria-label props. The treeselect element has a combobox role in addition to aria-haspopup and - aria-expanded attributes. The relation between the combobox and the popup is created with aria-controls that refers to the id of the popup. -

      -

      - The popup list has an id that refers to the aria-controls attribute of the combobox element and uses tree as the role. Each list item has a treeitem role along with aria-label, - aria-selected and aria-expanded attributes. In checkbox selection, aria-checked is used instead of aria-selected. Checkbox and toggle icons are hidden from screen readers as their parent element with - treeitem role and attributes are used instead for readers and keyboard support. The container element of a treenode has the group role. The aria-setsize, aria-posinset and aria-level attributes - are calculated implicitly and added to each treeitem. -

      + template: `
      + +

      Screen Reader

      +

      + Value to describe the component can either be provided with ariaLabelledby or ariaLabel props. The treeselect element has a combobox role in addition to aria-haspopup and aria-expanded attributes. + The relation between the combobox and the popup is created with aria-controls that refers to the id of the popup. +

      +

      + The popup list has an id that refers to the aria-controls attribute of the combobox element and uses tree as the role. Each list item has a treeitem role along with aria-label, + aria-selected and aria-expanded attributes. In checkbox selection, aria-checked is used instead of aria-selected. Checkbox and toggle icons are hidden from screen readers as their parent element with + treeitem role and attributes are used instead for readers and keyboard support. The container element of a treenode has the group role. The aria-setsize, aria-posinset and aria-level attributes are + calculated implicitly and added to each treeitem. +

      -

      If filtering is enabled, filterInputProps can be defined to give aria-* props to the filter input element.

      -       +

      If filtering is enabled, filterInputProps can be defined to give aria-* props to the filter input element.

      + - + -

      Closed State Keyboard Support

      -
      - - - - - - - - - - - - - - - - - - - - - -
      KeyFunction
      - tab - Moves focus to the treeselect element.
      - space - Opens the popup and moves visual focus to the selected treenode, if there is none then first treenode receives the focus.
      - down arrow - Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.
      -
      +

      Closed State Keyboard Support

      +
      + + + + + + + + + + + + + + + + + + + + + +
      KeyFunction
      + tab + Moves focus to the treeselect element.
      + space + Opens the popup and moves visual focus to the selected treenode, if there is none then first treenode receives the focus.
      + down arrow + Opens the popup and moves visual focus to the selected option, if there is none then first option receives the focus.
      +
      -

      Popup Keyboard Support

      -
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      KeyFunction
      - tab - Moves focus to the next focusable element in the popup, if there is none then first focusable element receives the focus.
      shift + tabMoves focus to the previous focusable element in the popup, if there is none then last focusable element receives the focus.
      - enter - Selects the focused option, closes the popup if selection mode is single.
      - space - Selects the focused option, closes the popup if selection mode is single.
      - escape - Closes the popup, moves focus to the treeselect element.
      - down arrow - Moves focus to the next treenode.
      - up arrow - Moves focus to the previous treenode.
      - right arrow - If node is closed, opens the node otherwise moves focus to the first child node.
      - left arrow - If node is open, closes the node otherwise moves focus to the parent node.
      -
      +

      Popup Keyboard Support

      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      KeyFunction
      + tab + Moves focus to the next focusable element in the popup, if there is none then first focusable element receives the focus.
      shift + tabMoves focus to the previous focusable element in the popup, if there is none then last focusable element receives the focus.
      + enter + Selects the focused option, closes the popup if selection mode is single.
      + space + Selects the focused option, closes the popup if selection mode is single.
      + escape + Closes the popup, moves focus to the treeselect element.
      + down arrow + Moves focus to the next treenode.
      + up arrow + Moves focus to the previous treenode.
      + right arrow + If node is closed, opens the node otherwise moves focus to the first child node.
      + left arrow + If node is open, closes the node otherwise moves focus to the parent node.
      +
      -

      Filter Input Keyboard Support

      -
      - - - - - - - - - - - - - - - - - -
      KeyFunction
      - enter - Closes the popup and moves focus to the treeselect element.
      - escape - Closes the popup and moves focus to the treeselect element.
      -
      +

      Filter Input Keyboard Support

      +
      + + + + + + + + + + + + + + + + + +
      KeyFunction
      + enter + Closes the popup and moves focus to the treeselect element.
      + escape + Closes the popup and moves focus to the treeselect element.
      +
      -

      Close Button Keyboard Support

      -
      - - - - - - - - - - - - - - - - - - - - - -
      KeyFunction
      - enter - Closes the popup and moves focus to the treeselect element.
      - space - Closes the popup and moves focus to the treeselect element.
      - escape - Closes the popup and moves focus to the treeselect element.
      -
      +

      Close Button Keyboard Support

      +
      + + + + + + + + + + + + + + + + + + + + + +
      KeyFunction
      + enter + Closes the popup and moves focus to the treeselect element.
      + space + Closes the popup and moves focus to the treeselect element.
      + escape + Closes the popup and moves focus to the treeselect element.
      - ` +
      ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: `Options - + -` +` }; } diff --git a/src/app/showcase/doc/treeselect/basicdoc.ts b/src/app/showcase/doc/treeselect/basicdoc.ts index 4a0f9753ba7..2db58b69c2a 100644 --- a/src/app/showcase/doc/treeselect/basicdoc.ts +++ b/src/app/showcase/doc/treeselect/basicdoc.ts @@ -1,25 +1,21 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      TreeSelect is used as a controlled component with ng-model directive along with an options collection. Internally Tree component is used so the options model is based on TreeNode API.

      In single selection mode, value binding should be the key value of a node.
      - +
      -
      ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - nodes!: any[]; selectedNodes: any; @@ -29,8 +25,7 @@ export class BasicDoc { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/treeselect/checkboxdoc.ts b/src/app/showcase/doc/treeselect/checkboxdoc.ts index c20e702aea1..8fb72f46dd5 100644 --- a/src/app/showcase/doc/treeselect/checkboxdoc.ts +++ b/src/app/showcase/doc/treeselect/checkboxdoc.ts @@ -1,24 +1,20 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @Component({ selector: 'checkbox-doc', - template: `
      - + template: ` +

      Selection of multiple nodes via checkboxes is enabled by configuring selectionMode as checkbox.
      -
      ` + ` }) export class CheckboxDoc { - @Input() id: string; - - @Input() title: string; - nodes!: any[]; selectedNodes: any; @@ -28,8 +24,7 @@ export class CheckboxDoc { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/treeselect/disableddoc.ts b/src/app/showcase/doc/treeselect/disableddoc.ts index f2f1c1c96a4..f156d0c3c87 100644 --- a/src/app/showcase/doc/treeselect/disableddoc.ts +++ b/src/app/showcase/doc/treeselect/disableddoc.ts @@ -1,24 +1,20 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @Component({ selector: 'disabled-doc', - template: `
      - + template: ` +

      When disabled is present, the element cannot be edited and focused.
      -
      ` + ` }) export class DisabledDoc { - @Input() id: string; - - @Input() title: string; - nodes!: any[]; selectedNodes: any; @@ -28,8 +24,7 @@ export class DisabledDoc { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/treeselect/filterdoc.ts b/src/app/showcase/doc/treeselect/filterdoc.ts index 3896126217a..5828cbce9cb 100644 --- a/src/app/showcase/doc/treeselect/filterdoc.ts +++ b/src/app/showcase/doc/treeselect/filterdoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @Component({ selector: 'filter-doc', - template: `
      - + template: ` +

      Filtering is enabled by adding the filter property, by default label property of a node is used to compare against the value in the text field, in order to customize which field(s) should be used during search define filterBy property. In addition filterMode specifies the filtering strategy. In lenient mode when the query matches a node, children of the node are not searched further as all descendants of the node are included. @@ -16,13 +16,9 @@ import { NodeService } from '../../service/nodeservice';

      - ` + ` }) export class FilterDoc { - @Input() id: string; - - @Input() title: string; - nodes!: any[]; selectedNodes: any; @@ -32,8 +28,7 @@ export class FilterDoc { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/treeselect/floatlabeldoc.ts b/src/app/showcase/doc/treeselect/floatlabeldoc.ts index 5fb53238aa1..b0c77335465 100644 --- a/src/app/showcase/doc/treeselect/floatlabeldoc.ts +++ b/src/app/showcase/doc/treeselect/floatlabeldoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @Component({ selector: 'floatlabel-doc', - template: `
      - + template: ` +

      A floating label appears on top of the input field when focused.
      @@ -15,13 +15,9 @@ import { NodeService } from '../../service/nodeservice';
      -
      ` + ` }) export class FloatLabelDoc { - @Input() id: string; - - @Input() title: string; - nodes!: any[]; selectedNodes: any; @@ -31,8 +27,7 @@ export class FloatLabelDoc { } code: Code = { - basic: ` - + basic: ` `, diff --git a/src/app/showcase/doc/treeselect/importdoc.ts b/src/app/showcase/doc/treeselect/importdoc.ts index ba937f5ad59..c5e34c5e659 100644 --- a/src/app/showcase/doc/treeselect/importdoc.ts +++ b/src/app/showcase/doc/treeselect/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { TreeSelectModule } from 'primeng/treeselect';` }; diff --git a/src/app/showcase/doc/treeselect/invaliddoc.ts b/src/app/showcase/doc/treeselect/invaliddoc.ts index 398ca0e66df..a51c6987dac 100644 --- a/src/app/showcase/doc/treeselect/invaliddoc.ts +++ b/src/app/showcase/doc/treeselect/invaliddoc.ts @@ -1,24 +1,20 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @Component({ selector: 'invalid-doc', - template: `
      - + template: ` +

      Invalid state style is added using the ng-invalid and ng-dirty class to indicate a failed validation.
      -
      ` + ` }) export class InvalidDoc { - @Input() id: string; - - @Input() title: string; - nodes!: any[]; selectedNodes: any; @@ -28,8 +24,7 @@ export class InvalidDoc { } code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/treeselect/multipledoc.ts b/src/app/showcase/doc/treeselect/multipledoc.ts index 242f5bf77af..f9cab49decd 100644 --- a/src/app/showcase/doc/treeselect/multipledoc.ts +++ b/src/app/showcase/doc/treeselect/multipledoc.ts @@ -1,11 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @Component({ selector: 'multiple-doc', - template: `
      - + template: ` +

      More than one node is selectable by setting selectionMode to multiple. By default in multiple selection mode, metaKey press (e.g. ⌘) is necessary to add to existing selections however this can be configured with disabling the metaKeySelection property. Note that in touch enabled devices, TreeSelect always ignores metaKey. @@ -17,13 +17,9 @@ import { NodeService } from '../../service/nodeservice';

      - ` + ` }) export class MultipleDoc { - @Input() id: string; - - @Input() title: string; - nodes!: any[]; selectedNodes: any; @@ -41,8 +37,7 @@ export class MultipleDoc { }; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/treeselect/reactiveformsdoc.ts b/src/app/showcase/doc/treeselect/reactiveformsdoc.ts index a814ee74f51..4ebf14d1b2a 100644 --- a/src/app/showcase/doc/treeselect/reactiveformsdoc.ts +++ b/src/app/showcase/doc/treeselect/reactiveformsdoc.ts @@ -1,12 +1,12 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @Component({ selector: 'reactive-forms-doc', - template: `
      - + template: ` +

      TreeSelect can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
      @@ -15,13 +15,9 @@ import { NodeService } from '../../service/nodeservice';
      -
      ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - nodes!: any[]; formGroup!: FormGroup; @@ -37,8 +33,7 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
      + basic: `
      `, diff --git a/src/app/showcase/doc/treeselect/styledoc.ts b/src/app/showcase/doc/treeselect/styledoc.ts index 386fbba77f9..9e089c63b6f 100644 --- a/src/app/showcase/doc/treeselect/styledoc.ts +++ b/src/app/showcase/doc/treeselect/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -42,10 +42,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/treeselect/treeselectdoc.module.ts b/src/app/showcase/doc/treeselect/treeselectdoc.module.ts index 3499d292ade..04a5c62d26f 100644 --- a/src/app/showcase/doc/treeselect/treeselectdoc.module.ts +++ b/src/app/showcase/doc/treeselect/treeselectdoc.module.ts @@ -4,7 +4,7 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { RouterModule } from '@angular/router'; import { TreeSelectModule } from 'primeng/treeselect'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { AccessibilityDoc } from './accessibilitydoc'; import { BasicDoc } from './basicdoc'; import { CheckboxDoc } from './checkboxdoc'; diff --git a/src/app/showcase/doc/treetable/accessibilitydoc.ts b/src/app/showcase/doc/treetable/accessibilitydoc.ts index 16b6d35a897..2f74c198bf0 100644 --- a/src/app/showcase/doc/treetable/accessibilitydoc.ts +++ b/src/app/showcase/doc/treetable/accessibilitydoc.ts @@ -1,100 +1,96 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'accessibility-doc', - template: ` - -

      Screen Reader

      -

      - TreeTable uses a treegrid element whose attributes can be extended with the tableProps option. This property allows passing aria roles and attributes like aria-label and aria-describedby to define the table - for readers. Default role of the table is table. Header, body and footer elements use rowgroup, rows use row role, header cells have columnheader and body cells use cell roles. Sortable headers - utilizer aria-sort attribute either set to "ascending" or "descending". -

      -

      Row elements manage aria-expanded for state along with aria-posinset, aria-setsize and aria-level attribute to define the hierachy.

      -

      When selection is enabled, aria-selected is set to true on a row. In checkbox mode, the built-in checkbox component use checkbox role with aria-checked state attribute.

      -

      Editable cells use custom templating so you need to manage aria roles and attributes manually if required.

      -

      Paginator is a standalone component used inside the TreeTable, refer to the paginator for more information about the accessibility features.

      -

      Sortable Headers Keyboard Support

      -
      - - - - - - - - - - - - - - - - - - - - - -
      KeyFunction
      tabMoves through the headers.
      enterSorts the column.
      spaceSorts the column.
      -
      -

      Keyboard Support

      -
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      KeyFunction
      tab - Moves focus to the first selected node when focus enters the component, if there is none then first element receives the focus. If focus is already inside the component, moves focus to the next focusable element in the - page tab sequence. -
      shift + tab - Moves focus to the last selected node when focus enters the component, if there is none then first element receives the focus. If focus is already inside the component, moves focus to the previous focusable element in - the page tab sequence. -
      enterSelects the focused treenode.
      spaceSelects the focused treenode.
      down arrowMoves focus to the next treenode.
      up arrowMoves focus to the previous treenode.
      right arrowIf node is closed, opens the node otherwise moves focus to the first child node.
      left arrowIf node is open, closes the node otherwise moves focus to the parent node.
      -
      -       -       ` + template: ` +

      Screen Reader

      +

      + Default role of the table is table. Header, body and footer elements use rowgroup, rows use row role, header cells have columnheader and body cells use cell roles. Sortable headers utilizer + aria-sort attribute either set to "ascending" or "descending". +

      +

      + Row elements manage aria-expanded for state and aria-level attribute to define the hierachy by ttRow directive. Table rows and table cells should be specified by users using the aria-posinset, + aria-setsize, aria-label, and aria-describedby attributes, as they are determined through templating. +

      +

      When selection is enabled, ttSelectableRow directive sets aria-selected to true on a row. In checkbox mode, the built-in checkbox component use checkbox role with aria-checked state attribute.

      +

      Editable cells use custom templating so you need to manage aria roles and attributes manually if required.

      +

      Paginator is a standalone component used inside the TreeTable, refer to the paginator for more information about the accessibility features.

      +

      Sortable Headers Keyboard Support

      +
      + + + + + + + + + + + + + + + + + + + + + +
      KeyFunction
      tabMoves through the headers.
      enterSorts the column.
      spaceSorts the column.
      +
      +

      Keyboard Support

      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      KeyFunction
      tab + Moves focus to the first selected node when focus enters the component, if there is none then first element receives the focus. If focus is already inside the component, moves focus to the next focusable element in the + page tab sequence. +
      shift + tab + Moves focus to the last selected node when focus enters the component, if there is none then first element receives the focus. If focus is already inside the component, moves focus to the previous focusable element in the + page tab sequence. +
      enterSelects the focused treenode.
      spaceSelects the focused treenode.
      down arrowMoves focus to the next treenode.
      up arrowMoves focus to the previous treenode.
      right arrowIf node is closed, opens the node otherwise moves focus to the first child node.
      left arrowIf node is open, closes the node otherwise moves focus to the parent node.
      +
      +       ` }) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} +export class AccessibilityDoc {} diff --git a/src/app/showcase/doc/treetable/basicdoc.ts b/src/app/showcase/doc/treetable/basicdoc.ts index 8cf86b0f606..3c81eafe7ec 100644 --- a/src/app/showcase/doc/treetable/basicdoc.ts +++ b/src/app/showcase/doc/treetable/basicdoc.ts @@ -1,13 +1,11 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { NodeService } from '../../service/nodeservice'; @Component({ selector: 'basic-doc', - template: `
      - + template: `

      TreeTable requires a collection of TreeNode instances as a value components as children for the representation.
      @@ -31,27 +29,23 @@ import { NodeService } from '../../service/nodeservice';
      - -
      ` + `, + changeDetection: ChangeDetectionStrategy.OnPush }) export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - files!: TreeNode[]; - constructor(private nodeService: NodeService) {} + constructor(private nodeService: NodeService, private cd: ChangeDetectorRef) {} ngOnInit() { - this.nodeService.getFilesystem().then((files) => (this.files = files)); + this.nodeService.getFilesystem().then((files) => { + this.files = files.slice(0, 5); + this.cd.markForCheck(); + }); } code: Code = { - basic: ` - + basic: ` Name diff --git a/src/app/showcase/doc/treetable/columngroupdoc.ts b/src/app/showcase/doc/treetable/columngroupdoc.ts index a8a079f3b46..c5f30251eb6 100644 --- a/src/app/showcase/doc/treetable/columngroupdoc.ts +++ b/src/app/showcase/doc/treetable/columngroupdoc.ts @@ -1,11 +1,10 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; @Component({ selector: 'column-group-doc', - template: `
      - + template: `
      @@ -25,7 +24,7 @@ import { Code } from '../../domain/code'; - + {{ rowData.brand }} @@ -46,13 +45,9 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class ColumnGroupDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - sales!: TreeNode[]; ngOnInit() { @@ -178,8 +173,7 @@ export class ColumnGroupDoc implements OnInit { ]; } code: Code = { - basic: ` - + basic: ` Brand @@ -237,7 +231,7 @@ export class ColumnGroupDoc implements OnInit { - + {{ rowData.brand }} diff --git a/src/app/showcase/doc/treetable/columnresizeexpanddoc.ts b/src/app/showcase/doc/treetable/columnresizeexpanddoc.ts index dd41e55ecca..15b5e6788c5 100644 --- a/src/app/showcase/doc/treetable/columnresizeexpanddoc.ts +++ b/src/app/showcase/doc/treetable/columnresizeexpanddoc.ts @@ -1,7 +1,6 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { NodeService } from '../../service/nodeservice'; interface Column { @@ -11,8 +10,8 @@ interface Column { @Component({ selector: 'resize-expand-doc', - template: `
      - + template: ` +

      Setting columnResizeMode as expand changes the table width as well.
      @@ -25,7 +24,7 @@ interface Column { - + {{ rowData[col.field] }} @@ -35,15 +34,9 @@ interface Column {
      -
      ` + ` }) export class ResizeExpandDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - files!: TreeNode[]; cols!: Column[]; @@ -60,8 +53,7 @@ export class ResizeExpandDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -70,7 +62,7 @@ export class ResizeExpandDoc implements OnInit { - + {{ rowData[col.field] }} @@ -90,7 +82,7 @@ export class ResizeExpandDoc implements OnInit { - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/columnresizefitdoc.ts b/src/app/showcase/doc/treetable/columnresizefitdoc.ts index ed841411a9e..53912fdaee6 100644 --- a/src/app/showcase/doc/treetable/columnresizefitdoc.ts +++ b/src/app/showcase/doc/treetable/columnresizefitdoc.ts @@ -1,7 +1,6 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { NodeService } from '../../service/nodeservice'; interface Column { @@ -11,8 +10,8 @@ interface Column { @Component({ selector: 'resize-fit-doc', - template: `
      - + template: ` +

      Columns can be resized with drag and drop when resizableColumns is enabled. Default resize mode is fit that does not change the overall table width.
      @@ -25,7 +24,7 @@ interface Column { - + {{ rowData[col.field] }} @@ -35,15 +34,9 @@ interface Column {
      -
      ` + ` }) export class ResizeFitDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - files!: TreeNode[]; cols!: Column[]; @@ -60,8 +53,7 @@ export class ResizeFitDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -70,7 +62,7 @@ export class ResizeFitDoc implements OnInit { - + {{ rowData[col.field] }} @@ -90,7 +82,7 @@ export class ResizeFitDoc implements OnInit { - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/columnresizescrollabledoc.ts b/src/app/showcase/doc/treetable/columnresizescrollabledoc.ts index c77a9024926..f2941374e85 100644 --- a/src/app/showcase/doc/treetable/columnresizescrollabledoc.ts +++ b/src/app/showcase/doc/treetable/columnresizescrollabledoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @@ -10,8 +10,8 @@ interface Column { @Component({ selector: 'resize-scrollable-doc', - template: `
      - + template: ` +

      To utilize the column resize modes with a scrollable TreeTable, a colgroup template must be defined. The default value of scrollHeight is "flex," it can also be set as a string value.
      @@ -29,7 +29,7 @@ interface Column { - + {{ rowData[col.field] }} @@ -39,13 +39,9 @@ interface Column {
      -
      ` + ` }) export class ResizeScrollableDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - files!: TreeNode[]; cols!: Column[]; @@ -62,8 +58,7 @@ export class ResizeScrollableDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -77,7 +72,7 @@ export class ResizeScrollableDoc implements OnInit { - + {{ rowData[col.field] }} @@ -102,7 +97,7 @@ export class ResizeScrollableDoc implements OnInit { - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/columntoggledoc.ts b/src/app/showcase/doc/treetable/columntoggledoc.ts index eb193a8f408..98b5f776256 100644 --- a/src/app/showcase/doc/treetable/columntoggledoc.ts +++ b/src/app/showcase/doc/treetable/columntoggledoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @@ -10,8 +10,8 @@ interface Column { @Component({ selector: 'column-toggle-doc', - template: `
      - + template: ` +

      Column visibility based on a condition can be implemented with dynamic columns, in this sample a MultiSelect is used to manage the visible columns.
      @@ -29,7 +29,7 @@ interface Column { - + {{ rowData[col.field] }} @@ -39,13 +39,9 @@ interface Column {
      -
      ` + ` }) export class ColumnToggleDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - files!: TreeNode[]; cols!: Column[]; @@ -67,8 +63,7 @@ export class ColumnToggleDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
      @@ -82,7 +77,7 @@ export class ColumnToggleDoc implements OnInit { - + {{ rowData[col.field] }} @@ -107,7 +102,7 @@ export class ColumnToggleDoc implements OnInit { - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/conditionalstyledoc.ts b/src/app/showcase/doc/treetable/conditionalstyledoc.ts index eff89f1fa4e..1af9ba4dfe1 100644 --- a/src/app/showcase/doc/treetable/conditionalstyledoc.ts +++ b/src/app/showcase/doc/treetable/conditionalstyledoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @@ -10,8 +10,8 @@ interface Column { @Component({ selector: 'conditional-style-doc', - template: `
      - + template: ` +

      Particular rows and cells can be styled based on conditions. The ngClass receives a row data as a parameter to return a style class for a row whereas cells are customized using the body template.
      @@ -24,7 +24,7 @@ interface Column { - + {{ rowData[col.field] }} @@ -34,13 +34,9 @@ interface Column {
      -
      ` + ` }) export class ConditionalStyleDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - files!: TreeNode[]; cols!: Column[]; @@ -57,8 +53,7 @@ export class ConditionalStyleDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -67,7 +62,7 @@ export class ConditionalStyleDoc implements OnInit { - + {{ rowData[col.field] }} @@ -87,7 +82,7 @@ export class ConditionalStyleDoc implements OnInit { - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/contextmenudoc.ts b/src/app/showcase/doc/treetable/contextmenudoc.ts index 5b4781833b2..8cbd54bcf53 100644 --- a/src/app/showcase/doc/treetable/contextmenudoc.ts +++ b/src/app/showcase/doc/treetable/contextmenudoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MenuItem, MessageService, TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @@ -10,8 +10,8 @@ interface Column { @Component({ selector: 'context-menu-doc', - template: `
      - + template: ` +

      TreeTable has exclusive integration with ContextMenu using the contextMenu event to open a menu on right click alont with contextMenuSelection properties to control the selection via the menu.
      @@ -26,7 +26,7 @@ interface Column { - + {{ rowData[col.field] }} @@ -38,14 +38,10 @@ interface Column {
      -
      `, + `, providers: [MessageService] }) export class ContextMenuDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - files!: TreeNode[]; selectedNode!: TreeNode; @@ -81,8 +77,7 @@ export class ContextMenuDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -93,7 +88,7 @@ export class ContextMenuDoc implements OnInit { - + {{ rowData[col.field] }} @@ -117,7 +112,7 @@ export class ContextMenuDoc implements OnInit { - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/dynamiccolumnsdoc.ts b/src/app/showcase/doc/treetable/dynamiccolumnsdoc.ts index 68d0dc5a132..30d0ecdf073 100644 --- a/src/app/showcase/doc/treetable/dynamiccolumnsdoc.ts +++ b/src/app/showcase/doc/treetable/dynamiccolumnsdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @@ -10,21 +10,21 @@ interface Column { @Component({ selector: 'dynamic-columns-doc', - template: `
      - + template: ` +

      Columns can be created programmatically.
      - + {{ col.header }} - + {{ rowData[col.field] }} @@ -34,13 +34,9 @@ interface Column {
      -
      ` + ` }) export class DynamicColumnsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - files!: TreeNode[]; cols!: Column[]; @@ -57,17 +53,16 @@ export class DynamicColumnsDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` - + {{ col.header }} - + {{ rowData[col.field] }} @@ -79,14 +74,14 @@ export class DynamicColumnsDoc implements OnInit {
      - + {{ col.header }} - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/editdoc.ts b/src/app/showcase/doc/treetable/editdoc.ts index 9aaf694e1aa..0d3118213f1 100644 --- a/src/app/showcase/doc/treetable/editdoc.ts +++ b/src/app/showcase/doc/treetable/editdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @@ -10,8 +10,8 @@ interface Column { @Component({ selector: 'edit-doc', - template: `
      - + template: ` +

      Incell editing is enabled by defining input elements with treeTableCellEditor.
      @@ -24,8 +24,8 @@ interface Column { - - + + @@ -39,13 +39,9 @@ interface Column {
      -
      ` + ` }) export class EditDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - files!: TreeNode[]; cols!: Column[]; @@ -62,8 +58,7 @@ export class EditDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -72,8 +67,8 @@ export class EditDoc implements OnInit { - - + + @@ -97,8 +92,8 @@ export class EditDoc implements OnInit { - - + + diff --git a/src/app/showcase/doc/treetable/filterdoc.ts b/src/app/showcase/doc/treetable/filterdoc.ts index 89fcbd47a6e..2d7e7b1664b 100644 --- a/src/app/showcase/doc/treetable/filterdoc.ts +++ b/src/app/showcase/doc/treetable/filterdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @@ -10,8 +10,8 @@ interface Column { @Component({ selector: 'filter-doc', - template: `
      - + template: ` +

      The filterMode specifies the filtering strategy, in lenient mode when the query matches a node, children of the node are not searched further as all descendants of the node are included. On the other hand, in strict mode when the query matches a node, filtering continues on all descendants. A general filled called filterGlobal is also provided to search all columns that support filtering. @@ -43,7 +43,7 @@ interface Column { - + {{ rowData[col.field] }} @@ -58,13 +58,9 @@ interface Column {

      - ` + ` }) export class FilterDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - filterMode = 'lenient'; filterModes = [ @@ -88,8 +84,7 @@ export class FilterDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -113,7 +108,7 @@ export class FilterDoc implements OnInit { - + {{ rowData[col.field] }} @@ -154,7 +149,7 @@ export class FilterDoc implements OnInit { - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/importdoc.ts b/src/app/showcase/doc/treetable/importdoc.ts index 57734b6bf5d..a521180ecea 100644 --- a/src/app/showcase/doc/treetable/importdoc.ts +++ b/src/app/showcase/doc/treetable/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { TreeTableModule } from 'primeng/treetable';` }; diff --git a/src/app/showcase/doc/treetable/lazyloaddoc.ts b/src/app/showcase/doc/treetable/lazyloaddoc.ts index c2b0fa13da9..e6858722776 100644 --- a/src/app/showcase/doc/treetable/lazyloaddoc.ts +++ b/src/app/showcase/doc/treetable/lazyloaddoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @@ -10,8 +10,8 @@ interface Column { @Component({ selector: 'lazy-load-doc', - template: `
      - + template: ` +

      Lazy mode is handy to deal with large datasets, instead of loading the entire data, small chunks of data is loaded by invoking corresponding callbacks everytime paging, sorting and filtering occurs. Sample below imitates lazy loading data from a remote datasource using an in-memory list and timeouts to mimic network connection. @@ -44,7 +44,7 @@ interface Column { - + {{ rowData[col.field] }} @@ -54,13 +54,9 @@ interface Column {

      - ` + ` }) export class LazyLoadDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - files!: TreeNode[]; cols!: Column[]; @@ -69,7 +65,7 @@ export class LazyLoadDoc implements OnInit { loading: boolean = false; - constructor(private nodeService: NodeService) {} + constructor(private nodeService: NodeService, private cd: ChangeDetectorRef) {} ngOnInit() { this.cols = [ @@ -87,7 +83,6 @@ export class LazyLoadDoc implements OnInit { this.loading = true; setTimeout(() => { - this.loading = false; this.files = []; for (let i = 0; i < event.rows; i++) { @@ -102,6 +97,8 @@ export class LazyLoadDoc implements OnInit { this.files.push(node); } + this.loading = false; + this.cd.markForCheck(); }, 1000); } @@ -134,8 +131,7 @@ export class LazyLoadDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -144,7 +140,7 @@ export class LazyLoadDoc implements OnInit { - + {{ rowData[col.field] }} @@ -164,7 +160,7 @@ export class LazyLoadDoc implements OnInit { - + {{ rowData[col.field] }} @@ -175,7 +171,7 @@ export class LazyLoadDoc implements OnInit {
      `, typescript: ` -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ChangeDetectorRef } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { NodeService } from '../../service/nodeservice'; @@ -197,7 +193,7 @@ export class TreeTableLazyLoadDemo implements OnInit{ loading: boolean = false; - constructor(private nodeService: NodeService) {} + constructor(private nodeService: NodeService, private cd: ChangeDetectorRef) {} ngOnInit() { this.cols = [ @@ -215,7 +211,6 @@ export class TreeTableLazyLoadDemo implements OnInit{ this.loading = true; setTimeout(() => { - this.loading = false; this.files = []; for (let i = 0; i < event.rows; i++) { @@ -230,6 +225,8 @@ export class TreeTableLazyLoadDemo implements OnInit{ this.files.push(node); } + this.loading = false; + this.cd.markForCheck(); }, 1000); } diff --git a/src/app/showcase/doc/treetable/paginatorbasicdoc.ts b/src/app/showcase/doc/treetable/paginatorbasicdoc.ts index 13b4a21c354..88a78404452 100644 --- a/src/app/showcase/doc/treetable/paginatorbasicdoc.ts +++ b/src/app/showcase/doc/treetable/paginatorbasicdoc.ts @@ -1,7 +1,6 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; interface Column { field: string; @@ -10,11 +9,7 @@ interface Column { @Component({ selector: 'paginator-basic-doc', - template: `
      - -

      Pagination is enabled by adding paginator property and defining rows per page.

      -       -
      + template: `
      @@ -24,7 +19,7 @@ interface Column { - + {{ rowData[col.field] }} @@ -33,16 +28,9 @@ interface Column {
      - -
      ` + ` }) export class PaginatorBasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - files!: TreeNode[]; cols!: Column[]; @@ -78,8 +66,7 @@ export class PaginatorBasicDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -88,7 +75,7 @@ export class PaginatorBasicDoc implements OnInit { - + {{ rowData[col.field] }} @@ -108,7 +95,7 @@ export class PaginatorBasicDoc implements OnInit { - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/paginatorlocaledoc.ts b/src/app/showcase/doc/treetable/paginatorlocaledoc.ts index 79f7466dde3..1ef3fa50274 100644 --- a/src/app/showcase/doc/treetable/paginatorlocaledoc.ts +++ b/src/app/showcase/doc/treetable/paginatorlocaledoc.ts @@ -1,7 +1,6 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; interface Column { field: string; @@ -10,8 +9,8 @@ interface Column { @Component({ selector: 'paginator-locale-doc', - template: `
      - + template: ` +

      paginator localization information such as page numbers and rows per page options are defined with the paginatorLocale property which defaults to the user locale.
      @@ -24,7 +23,7 @@ interface Column { - + {{ rowData[col.field] }} @@ -34,15 +33,9 @@ interface Column {
      -
      ` + ` }) export class PaginatorLocaleDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - files!: TreeNode[]; cols!: Column[]; @@ -78,8 +71,7 @@ export class PaginatorLocaleDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -88,7 +80,7 @@ export class PaginatorLocaleDoc implements OnInit { - + {{ rowData[col.field] }} @@ -108,7 +100,7 @@ export class PaginatorLocaleDoc implements OnInit { - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/paginatortemplatedoc.ts b/src/app/showcase/doc/treetable/paginatortemplatedoc.ts index dd5b54aa850..4e75fc931e7 100644 --- a/src/app/showcase/doc/treetable/paginatortemplatedoc.ts +++ b/src/app/showcase/doc/treetable/paginatortemplatedoc.ts @@ -1,7 +1,6 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; interface Column { field: string; @@ -10,8 +9,8 @@ interface Column { @Component({ selector: 'paginator-template-doc', - template: `
      - + template: ` +

      Paginator UI is customized using the paginatorleft and paginatorright property. Each element can also be customized further with your own UI to replace the default one, refer to the Paginator component for more information about the advanced customization options. @@ -27,7 +26,7 @@ interface Column { - + {{ rowData[col.field] }} @@ -44,15 +43,9 @@ interface Column {

      - ` + ` }) export class PaginatorTemplateDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - files!: TreeNode[]; cols!: Column[]; @@ -88,8 +81,7 @@ export class PaginatorTemplateDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -98,7 +90,7 @@ export class PaginatorTemplateDoc implements OnInit { - + {{ rowData[col.field] }} @@ -124,7 +116,7 @@ export class PaginatorTemplateDoc implements OnInit { - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/reorderdoc.ts b/src/app/showcase/doc/treetable/reorderdoc.ts index d11e78438c3..21ffaa4327d 100644 --- a/src/app/showcase/doc/treetable/reorderdoc.ts +++ b/src/app/showcase/doc/treetable/reorderdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @@ -10,8 +10,8 @@ interface Column { @Component({ selector: 'reorder-doc', - template: `
      - + template: ` +

      Order of the columns can be changed using drag and drop when reorderableColumns is present.
      @@ -24,7 +24,7 @@ interface Column { - + {{ rowData[col.field] }} @@ -34,13 +34,9 @@ interface Column {
      -
      ` + ` }) export class ReorderDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - files!: TreeNode[]; cols!: Column[]; @@ -57,8 +53,7 @@ export class ReorderDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -67,7 +62,7 @@ export class ReorderDoc implements OnInit { - + {{ rowData[col.field] }} @@ -87,7 +82,7 @@ export class ReorderDoc implements OnInit { - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/scrollfrozencolumnsdoc.ts b/src/app/showcase/doc/treetable/scrollfrozencolumnsdoc.ts index f13a6ae335f..f0cc1023a8a 100644 --- a/src/app/showcase/doc/treetable/scrollfrozencolumnsdoc.ts +++ b/src/app/showcase/doc/treetable/scrollfrozencolumnsdoc.ts @@ -1,7 +1,6 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { NodeService } from '../../service/nodeservice'; interface Column { @@ -11,8 +10,8 @@ interface Column { @Component({ selector: 'scroll-frozen-columns-doc', - template: `
      - + template: ` +

      A column can be fixed during horizontal scrolling by enabling the frozenColumns property.
      @@ -30,14 +29,14 @@ interface Column { - + {{ rowData[col.field] }} - + {{ rowData.name }} @@ -47,15 +46,9 @@ interface Column {
      -
      ` + ` }) export class FrozenColumnsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - files!: TreeNode[]; cols!: Column[]; @@ -87,8 +80,7 @@ export class FrozenColumnsDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -102,14 +94,14 @@ export class FrozenColumnsDoc implements OnInit { - + {{ rowData[col.field] }} - + {{ rowData.name }} @@ -134,14 +126,14 @@ export class FrozenColumnsDoc implements OnInit { - + {{ rowData[col.field] }} - + {{ rowData.name }} diff --git a/src/app/showcase/doc/treetable/scrollhorizontaldoc.ts b/src/app/showcase/doc/treetable/scrollhorizontaldoc.ts index 443c5b37154..b99da88c65a 100644 --- a/src/app/showcase/doc/treetable/scrollhorizontaldoc.ts +++ b/src/app/showcase/doc/treetable/scrollhorizontaldoc.ts @@ -1,7 +1,6 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { NodeService } from '../../service/nodeservice'; interface Column { @@ -11,8 +10,8 @@ interface Column { @Component({ selector: 'scroll-horizontal-doc', - template: `
      - + template: ` +

      Horizontal scrolling is enabled when the total width of columns exceeds table width.
      @@ -30,7 +29,7 @@ interface Column { - + {{ rowData[col.field] }} @@ -40,15 +39,9 @@ interface Column {
      -
      ` + ` }) export class ScrollHorizontalDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - files!: TreeNode[]; cols!: Column[]; @@ -65,8 +58,7 @@ export class ScrollHorizontalDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -80,7 +72,7 @@ export class ScrollHorizontalDoc implements OnInit { - + {{ rowData[col.field] }} @@ -105,7 +97,7 @@ export class ScrollHorizontalDoc implements OnInit { - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/scrollverticaldoc.ts b/src/app/showcase/doc/treetable/scrollverticaldoc.ts index ccd4dd0d1e6..b813a765951 100644 --- a/src/app/showcase/doc/treetable/scrollverticaldoc.ts +++ b/src/app/showcase/doc/treetable/scrollverticaldoc.ts @@ -1,7 +1,7 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; +import { AppDocSectionTextComponent } from '../../layout/doc/app.docsectiontext.component'; import { NodeService } from '../../service/nodeservice'; interface Column { @@ -11,8 +11,8 @@ interface Column { @Component({ selector: 'scroll-vertical-doc', - template: `
      - + template: ` +

      Adding scrollable property along with a scrollHeight for the data viewport enables vertical scrolling with fixed headers.
      @@ -25,7 +25,7 @@ interface Column { - + {{ rowData[col.field] }} @@ -35,15 +35,9 @@ interface Column {
      -
      ` + ` }) export class ScrollVerticalDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - files!: TreeNode[]; cols!: Column[]; @@ -60,8 +54,7 @@ export class ScrollVerticalDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -70,7 +63,7 @@ export class ScrollVerticalDoc implements OnInit { - + {{ rowData[col.field] }} @@ -90,7 +83,7 @@ export class ScrollVerticalDoc implements OnInit { - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/selectioncheckboxdoc.ts b/src/app/showcase/doc/treetable/selectioncheckboxdoc.ts index 33270be74d0..b96e696ef78 100644 --- a/src/app/showcase/doc/treetable/selectioncheckboxdoc.ts +++ b/src/app/showcase/doc/treetable/selectioncheckboxdoc.ts @@ -1,7 +1,6 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { NodeService } from '../../service/nodeservice'; interface Column { @@ -11,8 +10,8 @@ interface Column { @Component({ selector: 'selection-checkbox-doc', - template: `
      - + template: ` +

      Selection of multiple nodes via checkboxes is enabled by configuring selectionMode as checkbox.

      In checkbox selection mode, value binding should be a key-value pair where key is the node key and value is an object that has checked and partialChecked properties to represent the checked state of a node.

       @@ -32,7 +31,7 @@ interface Column { - + @@ -43,15 +42,9 @@ interface Column {
      - ` + ` }) export class SelectionCheckboxDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - files!: TreeNode[]; selectedNodes!: TreeNode[]; @@ -71,8 +64,7 @@ export class SelectionCheckboxDoc implements OnInit { } code: Code = { - basic: ` - + basic: `
      @@ -87,7 +79,7 @@ export class SelectionCheckboxDoc implements OnInit { - + @@ -114,7 +106,7 @@ export class SelectionCheckboxDoc implements OnInit { - + diff --git a/src/app/showcase/doc/treetable/selectioneventscdoc.ts b/src/app/showcase/doc/treetable/selectioneventscdoc.ts index a6dfa9df59f..066280489b4 100644 --- a/src/app/showcase/doc/treetable/selectioneventscdoc.ts +++ b/src/app/showcase/doc/treetable/selectioneventscdoc.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { MessageService, TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; import { NodeService } from '../../service/nodeservice'; @@ -15,8 +15,8 @@ interface NodeEvent { @Component({ selector: 'selection-events-doc', - template: `
      - + template: ` +

      TreeTable provides onNodeSelect and onNodeUnselect events to listen selection events.
      @@ -40,7 +40,7 @@ interface NodeEvent { - + {{ rowData[col.field] }} @@ -50,14 +50,10 @@ interface NodeEvent {
      -
      `, + `, providers: [MessageService] }) export class SelectionEventsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - files!: TreeNode[]; selectedNode!: TreeNode; @@ -85,8 +81,7 @@ export class SelectionEventsDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -95,7 +90,7 @@ export class SelectionEventsDoc implements OnInit { - + {{ rowData[col.field] }} @@ -116,7 +111,7 @@ export class SelectionEventsDoc implements OnInit { - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/selectionmultipledoc.ts b/src/app/showcase/doc/treetable/selectionmultipledoc.ts index f36f6e30711..d21af18f339 100644 --- a/src/app/showcase/doc/treetable/selectionmultipledoc.ts +++ b/src/app/showcase/doc/treetable/selectionmultipledoc.ts @@ -1,7 +1,6 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { NodeService } from '../../service/nodeservice'; interface Column { @@ -11,8 +10,8 @@ interface Column { @Component({ selector: 'selection-multiple-doc', - template: `
      - + template: ` +

      More than one node is selectable by setting selectionMode to multiple. By default in multiple selection mode, metaKey press (e.g. ⌘) is necessary to add to existing selections however this can be configured with disabling the metaKeySelection property. Note that in touch enabled devices, TreeTable always ignores metaKey. In multiple selection mode, value binding should be a key-value pair where key is the node key and value is a @@ -33,7 +32,7 @@ interface Column { - + {{ rowData[col.field] }} @@ -43,15 +42,9 @@ interface Column {

      - ` + ` }) export class SelectionMultipleDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - metaKeySelection: boolean = true; files!: TreeNode[]; @@ -73,8 +66,7 @@ export class SelectionMultipleDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -84,7 +76,7 @@ export class SelectionMultipleDoc implements OnInit { - + {{ rowData[col.field] }} @@ -108,7 +100,7 @@ export class SelectionMultipleDoc implements OnInit { - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/selectionsingledoc.ts b/src/app/showcase/doc/treetable/selectionsingledoc.ts index 6e72edce46e..2fdf6c6931e 100644 --- a/src/app/showcase/doc/treetable/selectionsingledoc.ts +++ b/src/app/showcase/doc/treetable/selectionsingledoc.ts @@ -1,7 +1,6 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { NodeService } from '../../service/nodeservice'; interface Column { @@ -11,8 +10,8 @@ interface Column { @Component({ selector: 'selection-single-doc', - template: `
      - + template: ` +

      Single node selection is configured by setting selectionMode as single along with selection properties to manage the selection value binding.

      By default, metaKey press (e.g. ⌘) is necessary to unselect a node however this can be configured with disabling the metaKeySelection property. In touch enabled devices this option has no effect and behavior is same as @@ -33,7 +32,7 @@ interface Column { - + {{ rowData[col.field] }} @@ -43,15 +42,9 @@ interface Column {

      - ` + ` }) export class SelectionSingleDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - metaKeySelection: boolean = true; files!: TreeNode[]; @@ -73,10 +66,7 @@ export class SelectionSingleDoc implements OnInit { } code: Code = { - basic: ` - - - + basic: ` @@ -85,7 +75,7 @@ export class SelectionSingleDoc implements OnInit { - + {{ rowData[col.field] }} @@ -96,11 +86,7 @@ export class SelectionSingleDoc implements OnInit { html: `
      -
      - - Metakey -
      - + @@ -109,7 +95,7 @@ export class SelectionSingleDoc implements OnInit { - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/sortmultiplecolumndoc.ts b/src/app/showcase/doc/treetable/sortmultiplecolumndoc.ts index c3041ff8816..701a585d063 100644 --- a/src/app/showcase/doc/treetable/sortmultiplecolumndoc.ts +++ b/src/app/showcase/doc/treetable/sortmultiplecolumndoc.ts @@ -1,7 +1,6 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { NodeService } from '../../service/nodeservice'; interface Column { @@ -11,8 +10,8 @@ interface Column { @Component({ selector: 'sort-multiple-column-doc', - template: `
      - + template: ` +

      Multiple columns can be sorted by defining sortMode as multiple. This mode requires metaKey (e.g. ⌘) to be pressed when clicking a header.
      @@ -26,7 +25,7 @@ interface Column { - + {{ rowData[col.field] }} @@ -36,15 +35,9 @@ interface Column {
      -
      ` + ` }) export class SortMultipleColumnDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - files!: TreeNode[]; cols!: Column[]; @@ -62,8 +55,7 @@ export class SortMultipleColumnDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -73,7 +65,7 @@ export class SortMultipleColumnDoc implements OnInit { - + {{ rowData[col.field] }} @@ -94,7 +86,7 @@ export class SortMultipleColumnDoc implements OnInit { - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/sortsinglecolumndoc.ts b/src/app/showcase/doc/treetable/sortsinglecolumndoc.ts index 66dfca0a976..78b443fa9ed 100644 --- a/src/app/showcase/doc/treetable/sortsinglecolumndoc.ts +++ b/src/app/showcase/doc/treetable/sortsinglecolumndoc.ts @@ -1,7 +1,6 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { NodeService } from '../../service/nodeservice'; interface Column { @@ -11,8 +10,8 @@ interface Column { @Component({ selector: 'sort-single-column-doc', - template: `
      - + template: ` +

      Sorting on a column is enabled by adding the ttSortableColumn property.
      @@ -26,7 +25,7 @@ interface Column { - + {{ rowData[col.field] }} @@ -36,15 +35,9 @@ interface Column {
      -
      ` + ` }) export class SortSingleColumnDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - files!: TreeNode[]; cols!: Column[]; @@ -62,8 +55,7 @@ export class SortSingleColumnDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` @@ -73,7 +65,7 @@ export class SortSingleColumnDoc implements OnInit { - + {{ rowData[col.field] }} @@ -94,7 +86,7 @@ export class SortSingleColumnDoc implements OnInit { - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/styledoc.ts b/src/app/showcase/doc/treetable/styledoc.ts index ee1800258f3..27ce4b67fa9 100644 --- a/src/app/showcase/doc/treetable/styledoc.ts +++ b/src/app/showcase/doc/treetable/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -74,10 +74,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/treetable/templatedoc.ts b/src/app/showcase/doc/treetable/templatedoc.ts index 8408bd38428..2a622f327ae 100644 --- a/src/app/showcase/doc/treetable/templatedoc.ts +++ b/src/app/showcase/doc/treetable/templatedoc.ts @@ -1,7 +1,6 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { TreeNode } from 'primeng/api'; import { Code } from '../../domain/code'; -import { AppDocSectionTextComponent } from '../../layout/doc/docsectiontext/app.docsectiontext.component'; import { NodeService } from '../../service/nodeservice'; interface Column { @@ -11,8 +10,8 @@ interface Column { @Component({ selector: 'template-doc', - template: `
      - + template: ` +

      Custom content at caption, header, body and summary sections are supported via templating.
      @@ -29,7 +28,7 @@ interface Column { - + {{ rowData[col.field] }} @@ -48,15 +47,9 @@ interface Column {
      -
      ` + ` }) export class TemplateDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('docsectiontext', { static: true }) docsectiontext: AppDocSectionTextComponent; - files!: TreeNode[]; cols!: Column[]; @@ -73,8 +66,7 @@ export class TemplateDoc implements OnInit { } code: Code = { - basic: ` - + basic: ` FileViewer @@ -87,7 +79,7 @@ export class TemplateDoc implements OnInit { - + {{ rowData[col.field] }} @@ -120,7 +112,7 @@ export class TemplateDoc implements OnInit { - + {{ rowData[col.field] }} diff --git a/src/app/showcase/doc/treetable/treetabledoc.module.ts b/src/app/showcase/doc/treetable/treetabledoc.module.ts index 56eb32ba1b1..faa35798e0f 100644 --- a/src/app/showcase/doc/treetable/treetabledoc.module.ts +++ b/src/app/showcase/doc/treetable/treetabledoc.module.ts @@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { TreeTableModule } from 'primeng/treetable'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { ButtonModule } from 'primeng/button'; import { BasicDoc } from './basicdoc'; import { TemplateDoc } from './templatedoc'; diff --git a/src/app/showcase/doc/tristatecheckbox/accessibilitydoc.ts b/src/app/showcase/doc/tristatecheckbox/accessibilitydoc.ts index 14068031f51..0286ec500f5 100644 --- a/src/app/showcase/doc/tristatecheckbox/accessibilitydoc.ts +++ b/src/app/showcase/doc/tristatecheckbox/accessibilitydoc.ts @@ -1,64 +1,58 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'accessibility-doc', - template: ` -
      - -

      Screen Reader

      -

      - TriStateCheckbox component uses an element with checkbox role. Value to describe the component can either be provided with aria-labelledby or aria-label props. Component adds an element with - aria-live attribute that is only visible to screen readers to read the value displayed. Values to read are defined with the trueLabel, falseLabel and nullLabel keys of the aria property from the - locale API. This is an example of a custom accessibility implementation as there is no one to one mapping between the component design and the WCAG specification. -

      -       + template: `
      + +

      Screen Reader

      +

      + TriStateCheckbox component uses an element with checkbox role. Value to describe the component can either be provided with ariaLabelledBy or ariaLabel props. Component adds an element with + aria-live attribute that is only visible to screen readers to read the value displayed. Values to read are defined with the trueLabel, falseLabel and nullLabel keys of the aria property from the + locale API. This is an example of a custom accessibility implementation as there is no one to one mapping between the component design and the WCAG specification. +

      +       - + -

      Keyboard Support

      -
      - - - - - - - - - - - - - - - - - - - - - -
      KeyFunction
      - tab - Moves focus to the checkbox.
      - space - Toggles between the values.
      - enter - Toggles between the values.
      -
      +

      Keyboard Support

      +
      + + + + + + + + + + + + + + + + + + + + + +
      KeyFunction
      + tab + Moves focus to the checkbox.
      + space + Toggles between the values.
      + enter + Toggles between the values.
      - ` +
      ` }) export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { basic: `Remember Me - + -` +` }; } diff --git a/src/app/showcase/doc/tristatecheckbox/basicdoc.ts b/src/app/showcase/doc/tristatecheckbox/basicdoc.ts index e6e63baeca0..820ad42ba73 100644 --- a/src/app/showcase/doc/tristatecheckbox/basicdoc.ts +++ b/src/app/showcase/doc/tristatecheckbox/basicdoc.ts @@ -1,34 +1,29 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'basic-doc', - template: `
      - + template: ` +

      A model can be bound using the standard ngModel directive.
      - +
      -
      ` + ` }) export class BasicDoc { - @Input() id: string; - - @Input() title: string; - value: boolean | null = null; code: Code = { - basic: ` -`, + basic: ``, html: `
      - +
      `, typescript: ` diff --git a/src/app/showcase/doc/tristatecheckbox/disableddoc.ts b/src/app/showcase/doc/tristatecheckbox/disableddoc.ts index 34489bad942..75a5d381ea9 100644 --- a/src/app/showcase/doc/tristatecheckbox/disableddoc.ts +++ b/src/app/showcase/doc/tristatecheckbox/disableddoc.ts @@ -1,10 +1,10 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'disabled-doc', - template: `
      - + template: ` +

      When disabled is present, the element cannot be edited and focused.
      @@ -12,18 +12,13 @@ import { Code } from '../../domain/code';
      -
      ` + ` }) export class DisabledDoc { - @Input() id: string; - - @Input() title: string; - value!: string; code: Code = { - basic: ` -`, + basic: ``, html: `
      diff --git a/src/app/showcase/doc/tristatecheckbox/importdoc.ts b/src/app/showcase/doc/tristatecheckbox/importdoc.ts index 4db48b46b6a..359c734dfa9 100644 --- a/src/app/showcase/doc/tristatecheckbox/importdoc.ts +++ b/src/app/showcase/doc/tristatecheckbox/importdoc.ts @@ -1,18 +1,11 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; import { Code } from '../../domain/code'; @Component({ selector: 'import-doc', - template: `
      - - -
      ` + template: ` ` }) export class ImportDoc { - @Input() id: string; - - @Input() title: string; - code: Code = { typescript: `import { TriStateCheckboxModule } from 'primeng/tristatecheckbox';` }; diff --git a/src/app/showcase/doc/tristatecheckbox/reactiveformsdoc.ts b/src/app/showcase/doc/tristatecheckbox/reactiveformsdoc.ts index d204dd12408..d1d6dbc6467 100644 --- a/src/app/showcase/doc/tristatecheckbox/reactiveformsdoc.ts +++ b/src/app/showcase/doc/tristatecheckbox/reactiveformsdoc.ts @@ -1,27 +1,23 @@ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { Code } from '../../domain/code'; @Component({ selector: 'reactive-forms-doc', - template: `
      - + template: ` +

      TriStateCheckbox can also be used with reactive forms. In this case, the formControlName property is used to bind the component to a form control.
      - +
      -
      ` + ` }) export class ReactiveFormsDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - formGroup!: FormGroup; ngOnInit() { @@ -31,17 +27,16 @@ export class ReactiveFormsDoc implements OnInit { } code: Code = { - basic: ` -
      + basic: ` - +
      `, html: `
      - +
      `, diff --git a/src/app/showcase/doc/tristatecheckbox/styledoc.ts b/src/app/showcase/doc/tristatecheckbox/styledoc.ts index 5ba6b0d23de..8a839344a34 100644 --- a/src/app/showcase/doc/tristatecheckbox/styledoc.ts +++ b/src/app/showcase/doc/tristatecheckbox/styledoc.ts @@ -1,9 +1,9 @@ -import { Component, Input } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'style-doc', - template: `
      - + template: ` +

      Following is the list of structural style classes, for theming classes visit theming page.
      @@ -34,10 +34,6 @@ import { Component, Input } from '@angular/core';
      -
      ` + ` }) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} +export class StyleDoc {} diff --git a/src/app/showcase/doc/tristatecheckbox/tristatecheckboxdoc.module.ts b/src/app/showcase/doc/tristatecheckbox/tristatecheckboxdoc.module.ts index 9ab67b80bda..065a16d1da6 100644 --- a/src/app/showcase/doc/tristatecheckbox/tristatecheckboxdoc.module.ts +++ b/src/app/showcase/doc/tristatecheckbox/tristatecheckboxdoc.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { TriStateCheckboxModule } from 'primeng/tristatecheckbox'; import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { BasicDoc } from './basicdoc'; import { ImportDoc } from './importdoc'; import { DisabledDoc } from './disableddoc'; diff --git a/src/app/showcase/doc/virtualscroller/accessibilitydoc.ts b/src/app/showcase/doc/virtualscroller/accessibilitydoc.ts deleted file mode 100644 index 07bee64670c..00000000000 --- a/src/app/showcase/doc/virtualscroller/accessibilitydoc.ts +++ /dev/null @@ -1,21 +0,0 @@ -import { Component, Input } from '@angular/core'; - -@Component({ - selector: 'accessibility-doc', - template: ` - -

      Screen Reader

      -

      - VirtualScroller uses a semantic list element to list the items. No specific role is enforced, still you may use any aria role and attributes as any valid attribute is passed to the container element. List element can be also - customized for accessibility using listProps property. -

      -

      Keyboard Support

      -

      Component does not include any built-in interactive elements.

      -       -       ` -}) -export class AccessibilityDoc { - @Input() id: string; - - @Input() title: string; -} diff --git a/src/app/showcase/doc/virtualscroller/basicdoc.ts b/src/app/showcase/doc/virtualscroller/basicdoc.ts deleted file mode 100644 index 2eea81bfe5b..00000000000 --- a/src/app/showcase/doc/virtualscroller/basicdoc.ts +++ /dev/null @@ -1,85 +0,0 @@ -import { Component, Input, OnInit } from '@angular/core'; -import { Code } from '../../domain/code'; - -interface Item { - label: string; - index: number; -} -@Component({ - selector: 'basic-doc', - template: `
      - -

      - VirtualScroller requires value as the data to display, itemSize for the dimensions of an item and pTemplate to define the content per item. Size of the viewport is configured using scrollWidth, - scrollHeight properties directly or with CSS width and height styles. -

      -       -
      - - -
      - {{ item.label }} -
      -       -       -
      - -
      ` -}) -export class BasicDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - items: Item[] = []; - - ngOnInit(): void { - for (let i = 0; i < 10000; i++) { - this.items.push({ label: 'Item #' + i, index: i }); - } - } - - code: Code = { - basic: ` - - -
      - {{ item.label }} -
      -       -      `, - - html: ` -
      - - -
      - {{ item.label }} -
      -       -       -
      `, - - typescript: ` -import { Component, OnInit } from '@angular/core'; - -interface Item { - label: string; - index: number; -} - -@Component({ - selector: 'virtual-scroller-basic-demo', - templateUrl: './virtual-scroller-basic-demo.html' -}) -export class VirtualScrollerBasicDemo implements OnInit { - items: Item[] = []; - - ngOnInit(): void { - for (let i = 0; i < 10000; i++) { - this.items.push({ label: 'Item #' + i, index: i }); - } - } -}` - }; -} diff --git a/src/app/showcase/doc/virtualscroller/importdoc.ts b/src/app/showcase/doc/virtualscroller/importdoc.ts deleted file mode 100644 index 1736b6ea9c3..00000000000 --- a/src/app/showcase/doc/virtualscroller/importdoc.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { Component, Input } from '@angular/core'; -import { Code } from '../../domain/code'; - -@Component({ - selector: 'import-doc', - template: `
      - - -
      ` -}) -export class ImportDoc { - @Input() id: string; - - @Input() title: string; - - code: Code = { - typescript: `import { VirtualScrollerModule } from 'primeng/virtualscroller';` - }; -} diff --git a/src/app/showcase/doc/virtualscroller/lazyloaddoc.ts b/src/app/showcase/doc/virtualscroller/lazyloaddoc.ts deleted file mode 100644 index 46b70e02e32..00000000000 --- a/src/app/showcase/doc/virtualscroller/lazyloaddoc.ts +++ /dev/null @@ -1,247 +0,0 @@ -import { Component, Input, OnInit } from '@angular/core'; -import { LazyLoadEvent } from 'primeng/api'; -import { Code } from '../../domain/code'; -import { Product } from '../../domain/product'; -import { ProductService } from '../../service/productservice'; - -@Component({ - selector: 'lazy-load-doc', - template: `
      - -

      - Lazy mode is handy to deal with large datasets, instead of loading the entire data, small chunks of data is loaded on demand. To implement lazy loading, enable the lazy property and implement onLazyLoad callback to - return data. -

      -       -
      - - List of Products - -
      -
      - -
      -
      -
      {{ product.name }}
      - - -
      -
      -
      {{ '$' + product.price }}
      - -
      -
      -       - -
      -
      -
      -
      - - -
      -
      -
      - -
      -
      -       -       -
      - -
      ` -}) -export class LazyLoadDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - products!: Product[]; - - virtualProducts!: Product[]; - - constructor(private productService: ProductService) {} - - ngOnInit(): void { - this.products = Array.from({ length: 10000 }).map(() => this.productService.generatePrduct()); - this.virtualProducts = Array.from({ length: 10000 }); - } - - loadCarsLazy(event: LazyLoadEvent) { - setTimeout(() => { - let loadedProducts = this.products.slice(event.first, event.first + event.rows); - - Array.prototype.splice.apply(this.virtualProducts, [...[event.first, event.rows], ...loadedProducts]); - - event.forceUpdate(); - }, 1000); - } - - getSeverity(status: string) { - switch (status) { - case 'INSTOCK': - return 'success'; - case 'LOWSTOCK': - return 'warning'; - case 'OUTOFSTOCK': - return 'danger'; - } - } - - code: Code = { - basic: ` - - List of Products - -
      -
      - -
      -
      -
      {{ product.name }}
      - - -
      -
      -
      {{ '$' + product.price }}
      - -
      -
      -       - -
      -
      -
      -
      - - -
      -
      -
      - -
      -
      -       -      `, - - html: ` -
      - - List of Products - -
      -
      - -
      -
      -
      {{ product.name }}
      - - -
      -
      -
      {{ '$' + product.price }}
      - -
      -
      -       - -
      -
      -
      -
      - - -
      -
      -
      - -
      -
      -       -       -
      `, - - typescript: ` -import { Component, OnInit } from '@angular/core'; -import { LazyLoadEvent } from 'primeng/api'; -import { Product } from '../../domain/product'; -import { ProductService } from 'src/service/productservice'; - -@Component({ - selector: 'virtual-scroller-lazy-load-demo', - templateUrl: './virtual-scroller-lazy-load-demo.html' -}) -export class VirtualScrollerLazyLoadDemo implements OnInit { - products!: Product[]; - - virtualProducts!: Product[]; - - constructor(private productService: ProductService) {} - - ngOnInit() { - this.productService.getProducts().then((products) => { - this.products = products; - }); - this.virtualProducts = Array.from({ length: 10000 }); - } - - loadCarsLazy(event: LazyLoadEvent) { - setTimeout(() => { - let loadedProducts = this.products.slice(event.first, event.first + event.rows); - - Array.prototype.splice.apply(this.virtualProducts, [...[event.first, event.rows], ...loadedProducts]); - - event.forceUpdate(); - }, 1000); - } - - getSeverity(status: string) { - switch (status) { - case 'INSTOCK': - return 'success'; - case 'LOWSTOCK': - return 'warning'; - case 'OUTOFSTOCK': - return 'danger'; - } - } -}`, - - data: ` -/* ProductService */ -{ - id: '1000', - code: 'f230fh0g3', - name: 'Bamboo Watch', - description: 'Product Description', - image: 'bamboo-watch.jpg', - price: 65, - category: 'Accessories', - quantity: 24, - inventoryStatus: 'INSTOCK', - rating: 5 -}, -...`, - - service: ['ProductService'] - }; - - extFiles = [ - { - path: 'src/domain/product.ts', - content: ` -export interface Product { - id?: string; - code?: string; - name?: string; - description?: string; - price?: number; - quantity?: number; - inventoryStatus?: string; - category?: string; - image?: string; - rating?: number; -}` - } - ]; -} diff --git a/src/app/showcase/doc/virtualscroller/programmaticscrolldoc.ts b/src/app/showcase/doc/virtualscroller/programmaticscrolldoc.ts deleted file mode 100644 index ac10d124207..00000000000 --- a/src/app/showcase/doc/virtualscroller/programmaticscrolldoc.ts +++ /dev/null @@ -1,99 +0,0 @@ -import { Component, Input, OnInit, ViewChild } from '@angular/core'; -import { VirtualScroller } from 'primeng/virtualscroller'; -import { Code } from '../../domain/code'; - -interface Item { - label: string; - index: number; -} -@Component({ - selector: 'programmatic-scroll-doc', - template: `
      - -

      Scrolling to a specific index can be done with the scrollToIndex function.

      -       -
      - - - -
      - {{ item.label }} -
      -       -       -
      - -
      ` -}) -export class ProgrammaticScrollDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - @ViewChild('vs') vs!: VirtualScroller; - - items: Item[] = []; - - ngOnInit(): void { - for (let i = 0; i < 10000; i++) { - this.items.push({ label: 'Item #' + i, index: i }); - } - } - - reset() { - this.vs.scrollToIndex(0, 'smooth'); - } - - code: Code = { - basic: ` - - - -
      - {{ item.label }} -
      -       -      `, - - html: ` -
      - - - -
      - {{ item.label }} -
      -       -       -
      `, - - typescript: ` -import { Component, OnInit, ViewChild } from '@angular/core'; -import { VirtualScroller } from 'primeng/virtualscroller'; - -interface Item { - label: string; - index: number; -} - -@Component({ - selector: 'virtual-scroller-programmatic-scroll-demo', - templateUrl: './virtual-scroller-programmatic-scroll-demo.html' -}) -export class VirtualScrollerProgrammaticScrollDemo implements OnInit { - @ViewChild('vs') vs!: VirtualScroller; - - items: Item[] = []; - - ngOnInit(): void { - for (let i = 0; i < 10000; i++) { - this.items.push({ label: 'Item #' + i, index: i }); - } - } - - reset() { - this.vs.scrollToIndex(0, 'smooth'); - } -}` - }; -} diff --git a/src/app/showcase/doc/virtualscroller/styledoc.ts b/src/app/showcase/doc/virtualscroller/styledoc.ts deleted file mode 100644 index 4b79aa6fd27..00000000000 --- a/src/app/showcase/doc/virtualscroller/styledoc.ts +++ /dev/null @@ -1,47 +0,0 @@ -import { Component, Input } from '@angular/core'; - -@Component({ - selector: 'style-doc', - template: `
      - -

      Following is the list of structural style classes, for theming classes visit theming page.

      -       -
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      NameElement
      p-virtualscrollerContainer element.
      p-virtualscroller-headerHeader section.
      p-virtualscroller-footerFooter section.
      p-virtualscroller-contentContent section.
      p-virtualscroller-listList element.
      -
      -
      ` -}) -export class StyleDoc { - @Input() id: string; - - @Input() title: string; -} diff --git a/src/app/showcase/doc/virtualscroller/templatedoc.ts b/src/app/showcase/doc/virtualscroller/templatedoc.ts deleted file mode 100644 index ce4b636a00f..00000000000 --- a/src/app/showcase/doc/virtualscroller/templatedoc.ts +++ /dev/null @@ -1,89 +0,0 @@ -import { Component, Input, OnInit } from '@angular/core'; -import { Code } from '../../domain/code'; - -interface Item { - label: string; - index: number; -} - -@Component({ - selector: 'template-doc', - template: `
      - -

      Header and Footer are the two sections that are capable of displaying custom content by using header and footer templates.

      -       -
      - - Header Content - -
      - {{ item.label }} -
      -       - Footer Content -       -
      - -
      ` -}) -export class TemplateDoc implements OnInit { - @Input() id: string; - - @Input() title: string; - - items: Item[] = []; - - ngOnInit(): void { - for (let i = 0; i < 10000; i++) { - this.items.push({ label: 'Item #' + i, index: i }); - } - } - - code: Code = { - basic: ` - - Header Content - -
      - {{ item.label }} -
      -       - Footer Content -      `, - - html: ` -
      - - Header Content - -
      - {{ item.label }} -
      -       - Footer Content -       -
      `, - - typescript: ` -import { Component, OnInit } from '@angular/core'; - -interface Item { - label: string; - index: number; -} - -@Component({ - selector: 'virtual-scroller-template-demo', - templateUrl: './virtual-scroller-template-demo.html' -}) -export class VirtualScrollerTemplateDemo implements OnInit { - items: Item[] = []; - - ngOnInit(): void { - for (let i = 0; i < 10000; i++) { - this.items.push({ label: 'Item #' + i, index: i }); - } - } -}` - }; -} diff --git a/src/app/showcase/doc/virtualscroller/virtualscrollerdoc.module.ts b/src/app/showcase/doc/virtualscroller/virtualscrollerdoc.module.ts deleted file mode 100644 index 4b0a007eb12..00000000000 --- a/src/app/showcase/doc/virtualscroller/virtualscrollerdoc.module.ts +++ /dev/null @@ -1,23 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { AppDocModule } from '../../layout/doc/app.doc.module'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; -import { VirtualScrollerModule } from 'primeng/virtualscroller'; -import { ImportDoc } from './/importdoc'; -import { BasicDoc } from './basicdoc'; -import { LazyLoadDoc } from './lazyloaddoc'; -import { StyleDoc } from './styledoc'; -import { RouterModule } from '@angular/router'; -import { ProgrammaticScrollDoc } from './programmaticscrolldoc'; -import { ButtonModule } from 'primeng/button'; -import { TemplateDoc } from './templatedoc'; -import { SkeletonModule } from 'primeng/skeleton'; -import { AccessibilityDoc } from './accessibilitydoc'; -import { TagModule } from 'primeng/tag'; - -@NgModule({ - imports: [CommonModule, AppCodeModule, AppDocModule, RouterModule, VirtualScrollerModule, ButtonModule, SkeletonModule, TagModule], - exports: [AppDocModule], - declarations: [ImportDoc, BasicDoc, LazyLoadDoc, StyleDoc, ProgrammaticScrollDoc, TemplateDoc, ProgrammaticScrollDoc, AccessibilityDoc] -}) -export class VirtualScrollerDocModule {} diff --git a/src/app/showcase/domain/appconfig.ts b/src/app/showcase/domain/appconfig.ts index 4c4c4874659..8e1e7e05afd 100644 --- a/src/app/showcase/domain/appconfig.ts +++ b/src/app/showcase/domain/appconfig.ts @@ -1,6 +1,6 @@ export interface AppConfig { inputStyle?: string; - dark?: boolean; + darkMode?: boolean; theme?: string; ripple?: boolean; } diff --git a/src/app/showcase/domain/appstate.ts b/src/app/showcase/domain/appstate.ts new file mode 100644 index 00000000000..85e2aaf35b5 --- /dev/null +++ b/src/app/showcase/domain/appstate.ts @@ -0,0 +1,6 @@ +export interface AppState { + configActive?: boolean; + menuActive?: boolean; + newsActive?: boolean; + announcement?: any; +} diff --git a/src/app/showcase/domain/theme.ts b/src/app/showcase/domain/theme.ts new file mode 100644 index 00000000000..7782fdf5bb2 --- /dev/null +++ b/src/app/showcase/domain/theme.ts @@ -0,0 +1,4 @@ +export interface Theme { + name?: string; + dark?: boolean; +} diff --git a/src/app/showcase/layout/app.component.scss b/src/app/showcase/layout/app.component.scss deleted file mode 100644 index e69de29bb2d..00000000000 diff --git a/src/app/showcase/layout/app.component.ts b/src/app/showcase/layout/app.component.ts index 1c065767050..1b9854e45f2 100644 --- a/src/app/showcase/layout/app.component.ts +++ b/src/app/showcase/layout/app.component.ts @@ -1,54 +1,53 @@ -import { DOCUMENT, isPlatformBrowser } from '@angular/common'; -import { Component, Inject, OnDestroy, OnInit, PLATFORM_ID, Renderer2 } from '@angular/core'; +import { DOCUMENT } from '@angular/common'; +import { HttpClientModule } from '@angular/common/http'; +import { Component, Inject, OnDestroy, OnInit, Renderer2, afterNextRender } from '@angular/core'; +import { FormsModule, ReactiveFormsModule } from '@angular/forms'; +import { NavigationEnd, Router, RouterOutlet } from '@angular/router'; +import { PrimeNGConfig } from 'primeng/api'; import { Subscription } from 'rxjs'; -import { NavigationEnd, Router } from '@angular/router'; +import { Theme } from '../domain/theme'; +import { LandingComponent } from '../pages/landing/landing.component'; import { AppConfigService } from '../service/appconfigservice'; -import Announcement from '../data/news.json'; +import { CarService } from '../service/carservice'; +import { CountryService } from '../service/countryservice'; +import { CustomerService } from '../service/customerservice'; +import { EventService } from '../service/eventservice'; +import { IconService } from '../service/iconservice'; +import { NodeService } from '../service/nodeservice'; +import { PhotoService } from '../service/photoservice'; +import { ProductService } from '../service/productservice'; +import { AppMainComponent } from './app.main.component'; +import { AppConfigComponent } from './config/app.config.component'; +import { AppMenuComponent } from './menu/app.menu.component'; +import { AppNewsComponent } from './news/app.news.component'; +import { AppTopBarComponent } from './topbar/app.topbar.component'; @Component({ selector: 'app-root', - templateUrl: './app.component.html' + templateUrl: './app.component.html', + standalone: true, + imports: [RouterOutlet, FormsModule, ReactiveFormsModule, HttpClientModule, AppMainComponent, LandingComponent, AppNewsComponent, AppConfigComponent, AppTopBarComponent, AppMenuComponent], + providers: [CarService, CountryService, EventService, NodeService, IconService, CustomerService, PhotoService, AppConfigService, ProductService] }) export class AppComponent implements OnInit, OnDestroy { - constructor(@Inject(DOCUMENT) private document: Document, @Inject(PLATFORM_ID) private platformId: any, private renderer: Renderer2, private configService: AppConfigService, private router: Router) { - if (isPlatformBrowser(platformId) && window && process.env.NODE_ENV === 'production') { - this.injectScripts(); - } - this.handleRouteEvents(); - } - - public subscription: Subscription; - - public announcement: any = Announcement; - - public newsActive: boolean; - - storageKey = 'primeng'; - - ngOnInit() { - if (isPlatformBrowser(this.platformId)) { - const itemString = localStorage.getItem(this.storageKey); - if (itemString) { - const item = JSON.parse(itemString); - if (item.hiddenNews && item.hiddenNews !== Announcement.id) { - this.newsActive = true; - } - } else { - this.newsActive = true; + constructor(@Inject(DOCUMENT) private document: Document, private renderer: Renderer2, private primeng: PrimeNGConfig, private configService: AppConfigService, private router: Router) { + afterNextRender(() => { + if (process.env.NODE_ENV === 'production') { + this.injectScripts(); } - } + + this.bindRouteEvents(); + }); } - onNewsClose() { - if (isPlatformBrowser(this.platformId)) { - this.newsActive = false; + themeChangeSubscription: Subscription; - const item = { - hiddenNews: this.announcement.id - }; + ngOnInit() { + this.primeng.ripple = true; - localStorage.setItem(this.storageKey, JSON.stringify(item)); - } + this.themeChangeSubscription = this.configService.themeChange$.subscribe((theme: Theme) => { + this.switchTheme(theme); + }); } injectScripts() { @@ -69,7 +68,7 @@ export class AppComponent implements OnInit, OnDestroy { this.renderer.appendChild(this.document.body, scriptBody); } - handleRouteEvents() { + bindRouteEvents() { this.router.events.subscribe((event) => { if (event instanceof NavigationEnd) { if (typeof window['gtag'] === 'function') { @@ -77,13 +76,40 @@ export class AppComponent implements OnInit, OnDestroy { page_path: event.urlAfterRedirects }); } + + const { theme, darkMode } = this.configService.config; + const landingTheme = darkMode ? 'lara-dark-blue' : 'lara-light-blue'; + if (event.urlAfterRedirects === '/' && theme !== landingTheme) { + this.switchTheme({ name: landingTheme, dark: darkMode }); + } } }); } + switchTheme(theme: Theme) { + const id = 'theme-link'; + const linkElement = this.document.getElementById(id); + const cloneLinkElement = linkElement.cloneNode(true); + + cloneLinkElement.setAttribute('href', linkElement.getAttribute('href').replace(this.configService.config.theme, theme.name)); + cloneLinkElement.setAttribute('id', id + '-clone'); + + linkElement.parentNode.insertBefore(cloneLinkElement, linkElement.nextSibling); + + cloneLinkElement.addEventListener('load', () => { + linkElement.remove(); + cloneLinkElement.setAttribute('id', id); + this.configService.updateConfig({ + theme: theme.name, + darkMode: theme.dark + }); + this.configService.completeThemeChange(theme); + }); + } + ngOnDestroy() { - if (this.subscription) { - this.subscription.unsubscribe(); + if (this.themeChangeSubscription) { + this.themeChangeSubscription.unsubscribe(); } } } diff --git a/src/app/showcase/layout/app.config.server.ts b/src/app/showcase/layout/app.config.server.ts new file mode 100644 index 00000000000..8f7476ed93a --- /dev/null +++ b/src/app/showcase/layout/app.config.server.ts @@ -0,0 +1,9 @@ +import { mergeApplicationConfig, ApplicationConfig } from '@angular/core'; +import { provideServerRendering } from '@angular/platform-server'; +import { appConfig } from './app.config'; + +const serverConfig: ApplicationConfig = { + providers: [provideServerRendering()] +}; + +export const config = mergeApplicationConfig(appConfig, serverConfig); diff --git a/src/app/showcase/layout/app.config.ts b/src/app/showcase/layout/app.config.ts new file mode 100644 index 00000000000..ec48c41a172 --- /dev/null +++ b/src/app/showcase/layout/app.config.ts @@ -0,0 +1,15 @@ +import { ApplicationConfig } from '@angular/core'; +import { provideRouter, withDisabledInitialNavigation, withEnabledBlockingInitialNavigation, withInMemoryScrolling, withViewTransitions } from '@angular/router'; + +import { routes } from './app.routes'; +import { provideClientHydration } from '@angular/platform-browser'; +import { provideAnimationsAsync } from '@angular/platform-browser/animations/async'; +import { provideHttpClient, withFetch } from '@angular/common/http'; + +export const appConfig: ApplicationConfig = { + providers: [ + provideRouter(routes, withInMemoryScrolling({ anchorScrolling: 'enabled', scrollPositionRestoration: 'enabled' }), withEnabledBlockingInitialNavigation(), withViewTransitions()), + provideHttpClient(withFetch()), + provideAnimationsAsync() + ] +}; diff --git a/src/app/showcase/layout/app.main.component.html b/src/app/showcase/layout/app.main.component.html deleted file mode 100644 index f6131358ec7..00000000000 --- a/src/app/showcase/layout/app.main.component.html +++ /dev/null @@ -1,14 +0,0 @@ - -
      - - - -
      - -
      -
      - - -
      -
      -
      \ No newline at end of file diff --git a/src/app/showcase/layout/app.main.component.ts b/src/app/showcase/layout/app.main.component.ts index ec4ad4d448b..8f763bf77bc 100644 --- a/src/app/showcase/layout/app.main.component.ts +++ b/src/app/showcase/layout/app.main.component.ts @@ -1,94 +1,87 @@ -import { DOCUMENT, isPlatformBrowser } from '@angular/common'; -import { Component, Inject, OnInit, PLATFORM_ID } from '@angular/core'; -import { Router } from '@angular/router'; -import { PrimeNGConfig } from 'primeng/api'; -import { Subscription } from 'rxjs'; -import { AppConfig } from '../domain/appconfig'; -import { AppConfigService } from '../service/appconfigservice'; -import { AppComponent } from './app.component'; +import { CommonModule, DOCUMENT } from '@angular/common'; +import { Component, Inject } from '@angular/core'; +import { RouterOutlet } from '@angular/router'; import { DomHandler } from 'primeng/dom'; +import { AppConfigService } from '../service/appconfigservice'; +import { AppConfigComponent } from './config/app.config.component'; +import { AppFooterComponent } from './footer/app.footer.component'; +import { AppMenuComponent } from './menu/app.menu.component'; +import { AppNewsComponent } from './news/app.news.component'; +import { AppTopBarComponent } from './topbar/app.topbar.component'; @Component({ selector: 'app-main', - templateUrl: './app.main.component.html' + template: ` +
      + + + +
      +
      + +
      + +
      +
      + +
      + `, + standalone: true, + imports: [RouterOutlet, AppFooterComponent, CommonModule, AppNewsComponent, AppMenuComponent, AppConfigComponent, AppTopBarComponent] }) -export class AppMainComponent implements OnInit { - menuActive: boolean; - - newsActive: boolean = true; - - config: AppConfig; +export class AppMainComponent { + constructor(@Inject(DOCUMENT) private document: Document, private configService: AppConfigService) {} - news_key = 'primenews'; - - public subscription: Subscription; + get isNewsActive(): boolean { + return this.configService.state.newsActive; + } - constructor(@Inject(PLATFORM_ID) private platformId: any, @Inject(DOCUMENT) private document: Document, private router: Router, private configService: AppConfigService, private primengConfig: PrimeNGConfig, public app: AppComponent) {} + get isInputFilled(): boolean { + return this.configService.config.inputStyle === 'filled'; + } - ngOnInit() { - this.primengConfig.ripple = true; - this.config = this.configService.config; - this.subscription = this.configService.configUpdate$.subscribe((config) => { - this.config = config; - }); - if (isPlatformBrowser(this.platformId)) { - this.newsActive = this.newsActive && this.isNewsStorageExpired(); - } + get isDarkMode(): boolean { + return this.configService.config.darkMode; } - onMenuButtonClick() { - this.menuActive = true; - DomHandler.addClass(this.document.body, 'blocked-scroll'); - this.document.body.style.setProperty('--scrollbar-width', DomHandler.calculateScrollbarWidth() + 'px'); + get isRippleDisabled(): boolean { + return this.configService.config.ripple === false; } - onMaskClick() { - this.hideMenu(); + get isMenuActive(): boolean { + return this.configService.state.menuActive; } - hideMenu() { - this.menuActive = false; - DomHandler.removeClass(this.document.body, 'blocked-scroll'); - this.document.body.style.removeProperty('--scrollbar-width'); + get theme(): string { + return this.configService.config.theme; } - hideNews() { - this.newsActive = false; - const now = new Date(); - const item = { - value: false, - expiry: now.getTime() + 604800000 + get containerClass() { + return { + 'layout-news-active': this.isNewsActive, + 'p-input-filled': this.isInputFilled, + 'p-ripple-disabled': this.isRippleDisabled, + 'layout-dark': this.isDarkMode, + 'layout-light': !this.isDarkMode }; - localStorage.setItem(this.news_key, JSON.stringify(item)); } - isNewsStorageExpired() { - const newsString = localStorage.getItem(this.news_key); - if (!newsString) { - return true; - } - const newsItem = JSON.parse(newsString); - const now = new Date(); + toggleDarkMode() { + let newTheme = null; + const { theme, darkMode } = this.configService.config; - if (now.getTime() > newsItem.expiry) { - localStorage.removeItem(this.news_key); - return true; + if (darkMode) { + newTheme = theme.replace('dark', 'light'); + } else { + if (theme.includes('light') && theme !== 'fluent-light') newTheme = theme.replace('light', 'dark'); + else newTheme = 'lara-dark-blue'; } - return false; - } - - isDarkTheme(theme) { - return theme.indexOf('dark') !== -1 || theme.indexOf('vela') !== -1 || theme.indexOf('arya') !== -1 || theme.indexOf('luna') !== -1; + this.configService.changeTheme({ name: newTheme, dark: !darkMode }); } - applyScale(scale: number) { - document.documentElement.style.fontSize = scale + 'px'; - } - - ngOnDestroy() { - if (this.subscription) { - this.subscription.unsubscribe(); - } + hideMenu() { + this.configService.hideMenu(); + DomHandler.unblockBodyScroll('blocked-scroll'); } } diff --git a/src/app/showcase/layout/app.module.ts b/src/app/showcase/layout/app.module.ts deleted file mode 100644 index 4c97c3d5d47..00000000000 --- a/src/app/showcase/layout/app.module.ts +++ /dev/null @@ -1,35 +0,0 @@ -import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; -import { HttpClientModule } from '@angular/common/http'; -import { AppRoutingModule } from './app-routing.module'; -import { FormsModule, ReactiveFormsModule } from '@angular/forms'; -import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; -import { AppComponent } from './app.component'; - -import { CarService } from '../service/carservice'; -import { CountryService } from '../service/countryservice'; -import { EventService } from '../service/eventservice'; -import { NodeService } from '../service/nodeservice'; - -import { AppConfigService } from '../service/appconfigservice'; -import { CustomerService } from '../service/customerservice'; -import { IconService } from '../service/iconservice'; -import { PhotoService } from '../service/photoservice'; -import { ProductService } from '../service/productservice'; - -import { LandingModule } from '../pages/landing/landing.module'; -import { AppMainComponent } from './app.main.component'; -import { AppConfigModule } from '../layout//config/app.config.module'; -import { AppFooterComponent } from '../layout/footer/app.footer.component'; -import { AppMenuModule } from '../layout//menu/app.menu.module'; -import { AppNewsModule } from '../layout/news/app.news.module'; -import { AppTopbarModule } from '../layout/topbar/app.topbar.module'; -import { LocationStrategy, PathLocationStrategy } from '@angular/common'; - -@NgModule({ - declarations: [AppComponent, AppFooterComponent, AppMainComponent], - imports: [BrowserModule.withServerTransition({ appId: 'primeng' }), AppRoutingModule, FormsModule, ReactiveFormsModule, AppNewsModule, HttpClientModule, BrowserAnimationsModule, LandingModule, AppConfigModule, AppTopbarModule, AppMenuModule], - providers: [{ provide: LocationStrategy, useClass: PathLocationStrategy }, CarService, CountryService, EventService, NodeService, IconService, CustomerService, PhotoService, AppConfigService, ProductService], - bootstrap: [AppComponent] -}) -export class AppModule {} diff --git a/src/app/showcase/layout/app-routing.module.ts b/src/app/showcase/layout/app.routes.ts similarity index 94% rename from src/app/showcase/layout/app-routing.module.ts rename to src/app/showcase/layout/app.routes.ts index a6ba2debba5..d4e18fa27e5 100644 --- a/src/app/showcase/layout/app-routing.module.ts +++ b/src/app/showcase/layout/app.routes.ts @@ -1,9 +1,8 @@ -import { NgModule } from '@angular/core'; -import { ExtraOptions, RouterModule, Routes } from '@angular/router'; +import { Routes } from '@angular/router'; import { LandingComponent } from '../pages/landing/landing.component'; import { AppMainComponent } from './app.main.component'; -const routes: Routes = [ +export const routes: Routes = [ { path: '', component: LandingComponent, pathMatch: 'full' }, { path: '', @@ -12,6 +11,7 @@ const routes: Routes = [ { path: '', redirectTo: 'installation', pathMatch: 'full' }, { path: 'installation', loadChildren: () => import('../pages/installation/installation.module').then((m) => m.InstallationModule) }, { path: 'configuration', loadChildren: () => import('../pages/configuration/configurationdemo.module').then((m) => m.ConfigurationDemoModule) }, + { path: 'playground', loadChildren: () => import('../pages/playground/playground.module').then((m) => m.PlaygroundModule) }, { path: 'roadmap', loadChildren: () => import('../pages/roadmap/roadmap.module').then((m) => m.RoadmapModule) }, { path: 'team', loadChildren: () => import('../pages/team/team.module').then((m) => m.TeamModule) }, { path: 'partners', loadChildren: () => import('../pages/partners/partners.module').then((m) => m.PartnersModule) }, @@ -87,7 +87,6 @@ const routes: Routes = [ { path: 'selectbutton', loadChildren: () => import('../pages/selectbutton/selectbuttondemo.module').then((m) => m.SelectButtonDemoModule) }, { path: 'sidebar', loadChildren: () => import('../pages/sidebar/sidebardemo.module').then((m) => m.SidebarDemoModule) }, { path: 'skeleton', loadChildren: () => import('../pages/skeleton/skeletondemo.module').then((m) => m.SkeletonDemoModule) }, - { path: 'slidemenu', loadChildren: () => import('../pages/slidemenu/slidemenudemo.module').then((m) => m.SlideMenuDemoModule) }, { path: 'slider', loadChildren: () => import('../pages/slider/sliderdemo.module').then((m) => m.SliderDemoModule) }, { path: 'speeddial', loadChildren: () => import('../pages/speeddial/speeddialdemo.module').then((m) => m.SpeedDialDemoModule) }, { path: 'splitbutton', loadChildren: () => import('../pages/splitbutton/splitbuttondemo.module').then((m) => m.SplitButtonDemoModule) }, @@ -110,28 +109,15 @@ const routes: Routes = [ { path: 'treeselect', loadChildren: () => import('../pages/treeselect/treeselectdemo.module').then((m) => m.TreeSelectDemoModule) }, { path: 'treetable', loadChildren: () => import('../pages/treetable/treetabledemo.module').then((m) => m.TreeTableDemoModule) }, { path: 'tristatecheckbox', loadChildren: () => import('../pages/tristatecheckbox/tristatecheckboxdemo.module').then((m) => m.TriStateCheckboxDemoModule) }, - { path: 'virtualscroller', loadChildren: () => import('../pages/virtualscroller/virtualscrollerdemo.module').then((m) => m.VirtualScrollerDemoModule) }, { path: 'accessibility', loadChildren: () => import('../pages/accessibility/accessibilitydemo.module').then((m) => m.AccessibilityDemoModule) }, { path: 'scroller', loadChildren: () => import('../pages/scroller/scrollerdemo.module').then((m) => m.ScrollerDemoModule) }, { path: 'uikit', loadChildren: () => import('../pages/uikit/uikit.module').then((m) => m.UIKitModule) }, { path: 'autofocus', loadChildren: () => import('../pages/autofocus/autofocusdemo.module').then((m) => m.AutoFocusDemoModule) }, { path: 'overlay', loadChildren: () => import('../pages/overlay/overlaydemo.module').then((m) => m.OverlayDemoModule) }, - { path: 'animate', loadChildren: () => import('../pages/animate/animatedemo.module').then((m) => m.AnimateDemoModule) }, + { path: 'animateonscroll', loadChildren: () => import('../pages/animate/animateonscrolldemo.module').then((m) => m.AnimateOnScrollDemoModule) }, { path: 'templates', loadChildren: () => import('../pages/templates/templates.module').then((m) => m.TemplatesModule) } ] }, { path: 'notfound', loadChildren: () => import('../pages/notfound/notfound.module').then((m) => m.NotFoundModule) }, { path: '**', redirectTo: '/notfound' } ]; - -const routerOptions: ExtraOptions = { - anchorScrolling: 'enabled', - scrollPositionRestoration: 'enabled', - initialNavigation: 'enabledBlocking' -}; - -@NgModule({ - imports: [RouterModule.forRoot(routes, routerOptions)], - exports: [RouterModule] -}) -export class AppRoutingModule {} diff --git a/src/app/showcase/layout/app.server.module.ts b/src/app/showcase/layout/app.server.module.ts deleted file mode 100644 index 0b0bec172d0..00000000000 --- a/src/app/showcase/layout/app.server.module.ts +++ /dev/null @@ -1,11 +0,0 @@ -import { NgModule } from '@angular/core'; -import { ServerModule } from '@angular/platform-server'; - -import { AppModule } from './app.module'; -import { AppComponent } from './app.component'; - -@NgModule({ - imports: [AppModule, ServerModule], - bootstrap: [AppComponent] -}) -export class AppServerModule {} diff --git a/src/app/showcase/layout/config/app.config.component.html b/src/app/showcase/layout/config/app.config.component.html index 853c1e94c57..ae867177f62 100644 --- a/src/app/showcase/layout/config/app.config.component.html +++ b/src/app/showcase/layout/config/app.config.component.html @@ -1,308 +1,242 @@ - +
      -
      -

      Component Scale

      -
      - +
      + Scale +
      +
      - +
      - +
      -
      -

      Input Style

      -
      -
      - - -
      -
      - - -
      -
      +
      + Input Style +
      -
      -

      Ripple Effect

      - +
      + Ripple Effect +
      - -
      -

      Themes

      -

      Bootstrap

      -
      -
      - - Blue -
      -
      - - Purple -
      -
      - - Blue -
      -
      - - Purple -
      +
      + Dark Mode + +
      +
      +
      Themes
      +
      + Lara Light Teal + Lara
      - -

      Material Design

      -
      -
      - - Indigo -
      -
      - - Deep Purple -
      -
      - - Indigo -
      -
      - - Deep Purple -
      +
      + + + +
      - -

      Material Design Compact

      -
      -
      - - Indigo -
      -
      - - Deep Purple -
      -
      - - Indigo -
      -
      - - Deep Purple -
      +
      + + + + +
      - -

      Tailwind

      -
      -
      - - Tailwind Light +
      + +
      +
      + Material Design + Material Design +
      + +
      - -

      Fluent UI

      -
      -
      - - Fluent Light -
      +
      + + + +
      +
      +
      -

      PrimeOne Design

      -
      -
      - - Lara Indigo -
      -
      - - Lara Indigo -
      -
      - - Lara Purple -
      -
      - - Lara Purple -
      - -
      - - Lara Blue -
      -
      - - Lara Blue -
      -
      - - Lara Teal -
      -
      - - Lara Teal -
      +
      +
      + Bootstrap + Bootstrap
      - -

      Misc

      -
      -
      - - Soho Light -
      -
      - - Soho Dark -
      -
      - - Viva Light -
      -
      - - Viva Dark -
      -
      - - Mira -
      -
      - - Nano -
      +
      + + +
      +
      -

      PrimeOne Design - Legacy

      -
      -
      - - Saga Blue -
      -
      - - Saga Green -
      -
      - - Saga Orange -
      -
      - - Saga Purple -
      - -
      - - Vela Blue -
      -
      - - Vela Green -
      -
      - - Vela Orange -
      -
      - - Vela Purple -
      -
      - - Arya Blue -
      -
      - - Arya Green -
      -
      - - Arya Orange -
      -
      - - Arya Purple -
      +
      + +
      +
      +
      +
      + Soho + Soho +
      + +
      +
      +
      + Viva + Viva +
      + +
      +
      +
      +
      +
      +
      +
      +
      +
      + Fluent + Fluent +
      + +
      +
      +
      + Mira + Mira +
      + +
      +
      +
      + Nano + Nano +
      + +
      +
      diff --git a/src/app/showcase/layout/config/app.config.component.ts b/src/app/showcase/layout/config/app.config.component.ts index 57e4d269e04..cc664fd77f5 100644 --- a/src/app/showcase/layout/config/app.config.component.ts +++ b/src/app/showcase/layout/config/app.config.component.ts @@ -1,117 +1,120 @@ -import { DOCUMENT, isPlatformBrowser } from '@angular/common'; -import { Component, ElementRef, Inject, OnDestroy, OnInit, Renderer2 } from '@angular/core'; -import { Router } from '@angular/router'; -import { DomHandler } from 'primeng/dom'; -import { Subscription } from 'rxjs'; -import { AppConfig } from '../../domain/appconfig'; +import { CommonModule, DOCUMENT } from '@angular/common'; +import { Component, EventEmitter, Inject, Output, Renderer2 } from '@angular/core'; +import { FormsModule } from '@angular/forms'; +import { ButtonModule } from 'primeng/button'; +import { InputSwitchModule, InputSwitchChangeEvent } from 'primeng/inputswitch'; +import { RadioButtonModule } from 'primeng/radiobutton'; +import { SelectButtonChangeEvent, SelectButtonModule } from 'primeng/selectbutton'; +import { SidebarModule } from 'primeng/sidebar'; import { AppConfigService } from '../../service/appconfigservice'; @Component({ selector: 'app-config', - templateUrl: './app.config.component.html' + standalone: true, + templateUrl: './app.config.component.html', + imports: [CommonModule, FormsModule, SidebarModule, InputSwitchModule, ButtonModule, RadioButtonModule, SelectButtonModule] }) -export class AppConfigComponent implements OnInit, OnDestroy { +export class AppConfigComponent { scale: number = 14; - + inputStyles = [ + { label: 'Outlined', value: 'outlined' }, + { label: 'Filled', value: 'filled' } + ]; scales: number[] = [12, 13, 14, 15, 16]; - outsideClickListener: VoidFunction | null; + compactMaterial: boolean = false; - config: AppConfig; + lightOnlyThemes = ['fluent-light', 'mira', 'nano']; - subscription: Subscription; + @Output() onDarkModeSwitch = new EventEmitter(); - sidebarSubscription: Subscription; + constructor(@Inject(DOCUMENT) private document: Document, private renderer: Renderer2, private configService: AppConfigService) {} - active: boolean; + get isActive(): boolean { + return this.configService.state.configActive; + } - constructor(@Inject(DOCUMENT) private document: Document, private renderer: Renderer2, private el: ElementRef, private router: Router, private configService: AppConfigService) {} + get isDarkToggleDisabled(): boolean { + return this.lightOnlyThemes.includes(this.configService.config.theme); + } - ngOnInit() { - this.config = this.configService.config; - this.sidebarSubscription = this.configService.configActive$.subscribe((value: boolean) => (this.active = value)); - this.subscription = this.configService.configUpdate$.subscribe((config) => { - this.config = config; - if (this.config.theme === 'nano') this.scale = 12; - else this.scale = 14; + get isDarkMode(): boolean { + return this.configService.config.darkMode; + } - this.applyScale(); - }); + get inputStyle(): string { + return this.configService.config.inputStyle; + } - if (this.config.theme === 'nano') this.scale = 12; + get ripple(): boolean { + return this.configService.config.ripple; } - hideConfigurator() { - this.unbindOutsideClickListener(); - this.configService.toggleConfig(); + onVisibleChange(value: boolean) { + if (value === false) { + this.configService.hideConfig(); + } } - onConfigButtonClick(event: MouseEvent) { - this.configService.toggleConfig(); + onCompactMaterialChange() { + const theme = this.configService.config.theme; + if (theme.startsWith('md')) { + let tokens = theme.split('-'); - if (this.active) { - this.bindOutsideClickListener(); - } else { - this.unbindOutsideClickListener(); + this.changeTheme(tokens[0].substring(0, 2), tokens[2]); } - event.preventDefault(); } - changeTheme(event: Event, theme: string, dark: boolean) { - const linkElement = document.getElementById('theme-link'); - this.replaceLink(linkElement, theme, () => { - this.configService.updateConfig({ ...this.config, theme: theme, dark: dark }); - }); + toggleDarkMode() { + this.onDarkModeSwitch.emit(null); } - replaceLink(linkElement, theme: string, onComplete: Function) { - const id = linkElement.getAttribute('id'); - const cloneLinkElement = linkElement.cloneNode(true); + isThemeActive(themeFamily: string, color?: string) { + let themeName: string; + let themePrefix = themeFamily === 'md' && this.compactMaterial ? 'mdc' : themeFamily; - cloneLinkElement.setAttribute('href', linkElement.getAttribute('href').replace(this.config.theme, theme)); - cloneLinkElement.setAttribute('id', id + '-clone'); + if (this.lightOnlyThemes.includes(themePrefix)) { + themeName = themePrefix; + } else { + themeName = themePrefix + (this.isDarkMode ? '-dark' : '-light'); + } - linkElement.parentNode.insertBefore(cloneLinkElement, linkElement.nextSibling); + if (color) { + themeName += '-' + color; + } - cloneLinkElement.addEventListener('load', () => { - linkElement.remove(); - cloneLinkElement.setAttribute('id', id); - onComplete(); - }); + return this.configService.config.theme === themeName; } - onInputStyleChange() { - this.configService.updateConfig(this.config); + changeTheme(theme: string, color?: string) { + let newTheme: string, darkMode: boolean; - if (this.config.inputStyle === 'filled') DomHandler.addClass(document.body, 'p-input-filled'); - else DomHandler.removeClass(document.body, 'p-input-filled'); - } + if (this.lightOnlyThemes.includes(theme)) { + newTheme = theme; + darkMode = false; + } else { + newTheme = theme + '-' + (this.isDarkMode ? 'dark' : 'light'); - onRippleChange() { - this.configService.updateConfig(this.config); - if (this.config.ripple) DomHandler.removeClass(document.body, 'p-ripple-disabled'); - else DomHandler.addClass(document.body, 'p-ripple-disabled'); - } + if (color) { + newTheme += '-' + color; + } - bindOutsideClickListener() { - if (!this.outsideClickListener) { - this.outsideClickListener = this.renderer.listen(this.document, 'click', (event) => { - if (this.active && this.isOutsideClicked(event)) { - this.active = false; - } - }); + if (newTheme.startsWith('md-') && this.compactMaterial) { + newTheme = newTheme.replace('md-', 'mdc-'); + } + + darkMode = this.isDarkMode; } + + this.configService.changeTheme({ name: newTheme, dark: darkMode }); } - unbindOutsideClickListener() { - if (this.outsideClickListener) { - this.outsideClickListener(); - this.outsideClickListener = null; - } + onInputStyleChange(event: SelectButtonChangeEvent) { + this.configService.setInputStyle(event.value); } - isOutsideClicked(event) { - return !(this.el.nativeElement.isSameNode(event.target) || this.el.nativeElement.contains(event.target)); + onRippleChange(event: InputSwitchChangeEvent) { + this.configService.setRipple(event.checked); } decrementScale() { @@ -127,13 +130,4 @@ export class AppConfigComponent implements OnInit, OnDestroy { applyScale() { this.renderer.setStyle(this.document.documentElement, 'font-size', this.scale + 'px'); } - - ngOnDestroy() { - if (this.subscription) { - this.subscription.unsubscribe(); - } - if (this.sidebarSubscription) { - this.sidebarSubscription.unsubscribe(); - } - } } diff --git a/src/app/showcase/layout/config/app.config.module.ts b/src/app/showcase/layout/config/app.config.module.ts index 656f7ff2f7f..b1d15ee68ff 100644 --- a/src/app/showcase/layout/config/app.config.module.ts +++ b/src/app/showcase/layout/config/app.config.module.ts @@ -6,9 +6,9 @@ import { InputSwitchModule } from 'primeng/inputswitch'; import { RadioButtonModule } from 'primeng/radiobutton'; import { SidebarModule } from 'primeng/sidebar'; import { AppConfigComponent } from './app.config.component'; - +import { SelectButtonModule } from 'primeng/selectbutton'; @NgModule({ - imports: [CommonModule, FormsModule, SidebarModule, InputSwitchModule, ButtonModule, RadioButtonModule], + imports: [CommonModule, FormsModule, SidebarModule, InputSwitchModule, ButtonModule, RadioButtonModule, SelectButtonModule], exports: [AppConfigComponent], declarations: [AppConfigComponent] }) diff --git a/src/app/showcase/layout/doc/app.code.component.ts b/src/app/showcase/layout/doc/app.code.component.ts new file mode 100644 index 00000000000..039094b3cb2 --- /dev/null +++ b/src/app/showcase/layout/doc/app.code.component.ts @@ -0,0 +1,185 @@ +import { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common'; +import { Component, ElementRef, Inject, Input, NgModule, PLATFORM_ID, ViewChild } from '@angular/core'; +import { ButtonModule } from 'primeng/button'; +import { TooltipModule } from 'primeng/tooltip'; +import { Code, ExtFile, RouteFile } from 'src/app/showcase/domain/code'; +import { useCodeSandbox, useStackBlitz } from './codeeditor'; + +@Component({ + selector: 'app-code', + template: ` +
      +
      + + + + + + + + + + + + + +
      + + 
      
+{{code.basic}}
+
+
      + + 
      
+{{code.html}}
+
+
      + + 
      
+{{code.typescript}}
+
+
      + + 
      
+{{code.data}}
+
+
      + + 
      
+{{code.scss}}
+
+
      + + 
      
+{{code.command}}
+
+
      +
      + ` +}) +export class AppCodeComponent { + @Input() code!: Code; + + @Input() service!: any; + + @Input() selector!: string; + + @Input() extFiles: ExtFile[] = []; + + @Input() routeFiles: RouteFile[] = []; + + @Input() hideToggleCode: boolean = false; + + @Input() hideCodeSandbox: boolean = false; + + @Input() hideStackBlitz: boolean = false; + + @ViewChild('codeElement') codeElement: ElementRef; + + fullCodeVisible: boolean = false; + + lang!: string; + + constructor(@Inject(PLATFORM_ID) public platformId: any, @Inject(DOCUMENT) public document: Document) {} + + ngAfterViewChecked() { + if (isPlatformBrowser(this.platformId)) { + if (window['Prism'] && this.codeElement && !this.codeElement.nativeElement.classList.contains('prism')) { + window['Prism'].highlightElement(this.codeElement.nativeElement); + this.codeElement.nativeElement.classList.add('prism'); + this.codeElement.nativeElement.parentElement.setAttribute('tabindex', '-1'); + } + } + } + + ngOnInit() { + this.lang = this.getInitialLang(); + } + + changeLang(lang: string) { + this.lang = lang; + } + + getInitialLang(): string { + if (this.code) { + return Object.keys(this.code)[0]; + } + } + + async copyCode() { + await navigator.clipboard.writeText(this.code[this.lang]); + } + + getCode(lang: string = 'basic') { + if (this.code) { + if (this.fullCodeVisible || this.hideToggleCode) { + return this.code[lang]; + } else { + return this.code['basic']; + } + } + } + + toggleCode() { + this.fullCodeVisible = !this.fullCodeVisible; + this.fullCodeVisible && (this.lang = 'html'); + !this.fullCodeVisible && (this.lang = 'basic'); + } + + openStackBlitz() { + if (this.code) { + useStackBlitz({ code: this.code, selector: this.selector, extFiles: this.extFiles, routeFiles: this.routeFiles }); + } + } + + openCodeSandbox() { + if (this.code) { + useCodeSandbox({ code: this.code, selector: this.selector, extFiles: this.extFiles, routeFiles: this.routeFiles }); + } + } +} + +@NgModule({ + imports: [CommonModule, ButtonModule, TooltipModule], + exports: [AppCodeComponent], + declarations: [AppCodeComponent] +}) +export class AppCodeModule {} diff --git a/src/app/showcase/layout/doc/app.developmentsection.component.ts b/src/app/showcase/layout/doc/app.developmentsection.component.ts new file mode 100644 index 00000000000..f332ab7e913 --- /dev/null +++ b/src/app/showcase/layout/doc/app.developmentsection.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-developmentsection', + template: `
      + + Accessibility guide documents the specification of this component based on WCAG guidelines, the implementation is in progress. +
      + ` +}) +export class AppDevelopmentSection {} diff --git a/src/app/showcase/layout/doc/app.doc.component.html b/src/app/showcase/layout/doc/app.doc.component.html deleted file mode 100644 index 1da0010c142..00000000000 --- a/src/app/showcase/layout/doc/app.doc.component.html +++ /dev/null @@ -1,25 +0,0 @@ -
      -
        -
      • - -
        • -
      • - -
        • -
      -
      -
      -
      -
      -

      {{header}}

      -

      {{description}}

      -
      - -
      - -
      -
      - -
      -
      -
      \ No newline at end of file diff --git a/src/app/showcase/layout/doc/app.doc.component.ts b/src/app/showcase/layout/doc/app.doc.component.ts index 3ba6cd5e861..fde8da282dc 100644 --- a/src/app/showcase/layout/doc/app.doc.component.ts +++ b/src/app/showcase/layout/doc/app.doc.component.ts @@ -1,11 +1,35 @@ -import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core'; +import { ChangeDetectorRef, Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core'; import { Router } from '@angular/router'; import { Doc } from '../../domain/doc'; import { Title, Meta } from '@angular/platform-browser'; @Component({ selector: 'app-doc', - templateUrl: './app.doc.component.html' + template: `
      +
        +
      • + +
        • +
      • + +
        • +
      +
      +
      +
      +
      +

      {{ header }}

      +

      {{ description }}

      +
      + +
      + +
      +
      + +
      +
      +
      ` }) export class AppDoc implements OnInit, OnChanges { @Input() docTitle!: string; @@ -20,7 +44,7 @@ export class AppDoc implements OnInit, OnChanges { activeTab!: number; - constructor(private router: Router, private titleService: Title, private metaService: Meta) {} + constructor(private router: Router, private titleService: Title, private metaService: Meta, private cd: ChangeDetectorRef) {} ngOnInit() { if (this.router.url.includes('#api')) { diff --git a/src/app/showcase/layout/doc/app.doc.module.ts b/src/app/showcase/layout/doc/app.doc.module.ts index c82e0a7f524..a3727866751 100644 --- a/src/app/showcase/layout/doc/app.doc.module.ts +++ b/src/app/showcase/layout/doc/app.doc.module.ts @@ -4,20 +4,19 @@ import { FormsModule } from '@angular/forms'; import { ButtonModule } from 'primeng/button'; import { InputTextModule } from 'primeng/inputtext'; import { TooltipModule } from 'primeng/tooltip'; -import { AppCodeModule } from './code/app.code.component'; -import { AppDocApiSection } from './docapisection/app.docapisection.component'; -import { AppDocSectionsComponent } from './docsection/app.docsection.component'; -import { AppDocSectionNavComponent } from './docsectionnav/app.docsection-nav.component'; -import { AppDocSectionTextComponent } from './docsectiontext/app.docsectiontext.component'; -import { AppDevelopmentSection } from './developmentsection/app.developmentsection.component'; -import { AppDocApiTable } from './docapitable/app.docapitable.component'; +import { AppCodeModule } from './app.code.component'; +import { AppDocApiSection } from './app.docapisection.component'; +import { AppDocSectionsComponent } from './app.docsection.component'; +import { AppDocSectionNavComponent } from './app.docsection-nav.component'; +import { AppDocSectionTextComponent } from './app.docsectiontext.component'; +import { AppDevelopmentSection } from './app.developmentsection.component'; +import { AppDocApiTable } from './app.docapitable.component'; import { AppDoc } from './app.doc.component'; -import { HostDirective } from './hostdirective/host.directive'; import { RouterModule } from '@angular/router'; @NgModule({ imports: [CommonModule, FormsModule, ButtonModule, InputTextModule, TooltipModule, AppCodeModule, RouterModule], exports: [AppDocSectionTextComponent, AppDocApiSection, AppDocSectionNavComponent, AppDocSectionsComponent, AppDevelopmentSection, AppDoc, AppDocApiTable], - declarations: [AppDocSectionTextComponent, AppDocApiSection, AppDocSectionNavComponent, AppDocSectionsComponent, AppDevelopmentSection, AppDoc, AppDocApiTable, HostDirective] + declarations: [AppDocSectionTextComponent, AppDocApiSection, AppDocSectionNavComponent, AppDocSectionsComponent, AppDevelopmentSection, AppDoc, AppDocApiTable] }) export class AppDocModule {} diff --git a/src/app/showcase/layout/doc/docapisection/app.docapisection.component.ts b/src/app/showcase/layout/doc/app.docapisection.component.ts similarity index 96% rename from src/app/showcase/layout/doc/docapisection/app.docapisection.component.ts rename to src/app/showcase/layout/doc/app.docapisection.component.ts index fdc257f9050..07fe030cc39 100644 --- a/src/app/showcase/layout/doc/docapisection/app.docapisection.component.ts +++ b/src/app/showcase/layout/doc/app.docapisection.component.ts @@ -2,11 +2,18 @@ import { ChangeDetectorRef, Component, Input } from '@angular/core'; import { Location } from '@angular/common'; import { Router } from '@angular/router'; import APIDoc from 'src/app/showcase/doc/apidoc/index.json'; -import { AppDocApiTable } from '../docapitable/app.docapitable.component'; +import { AppDocApiTable } from './app.docapitable.component'; @Component({ selector: 'app-docapisection', - templateUrl: './app.docapisection.component.html' + template: `
      +
      +

      {{ header }} {{ !header.toLowerCase().includes('api') ? 'API' : null }}

      +

      API defines helper props, events and others for the PrimeNG {{ header }} module.

      +
      + +
      + ` }) export class AppDocApiSection { @Input() header!: string; diff --git a/src/app/showcase/layout/doc/app.docapitable.component.ts b/src/app/showcase/layout/doc/app.docapitable.component.ts new file mode 100644 index 00000000000..b78b4151229 --- /dev/null +++ b/src/app/showcase/layout/doc/app.docapitable.component.ts @@ -0,0 +1,188 @@ +import { Location } from '@angular/common'; +import { ChangeDetectionStrategy, Component, Input, ViewContainerRef } from '@angular/core'; +import { Router } from '@angular/router'; +import { AppConfigService } from '../../service/appconfigservice'; + +@Component({ + selector: 'app-docapitable', + template: ` +
      + +
      + +

      {{ description || null }}

      +       + +
      + + + + + + + + + + + +
      + + {{ key }} + +
      + + {{ entry[1] || '-' }} + {{ entry[1] || '-' }} + +
      + {{ entry[1].name }} : + {{ i !== 0 ? ' |' : ' ' }} + {{ value || '-' }} + + {{ value }} + + +
      + + null + +       + {{ entry[1] }} + +       +
      +
      + + + + + + +       `, + styles: [ + ` + .parameter-bold { + font-weight: bold; + } + ` + ], + changeDetection: ChangeDetectionStrategy.OnPush +}) +export class AppDocApiTable { + @Input() id: string; + + @Input() label: string; + + @Input() data: any[]; + + @Input() description: string; + + @Input() relatedProp: string; + + @Input() parentTitle: string; + + @Input() parentDescription: string; + + @Input() parentId: string; + + @Input() level: number; + + @Input() isInterface: boolean = false; + + constructor(public viewContainerRef: ViewContainerRef, public router: Router, public location: Location, private configService: AppConfigService) {} + + get isDarkMode(): boolean { + return this.configService.config.darkMode; + } + + navigate(event, param) { + if (typeof window !== undefined) { + const parentElement = event.currentTarget.parentElement; + this.location.go(this.location.path() + '#' + this.id + '.' + param); + + setTimeout(() => { + parentElement.scrollIntoView({ block: 'nearest', behavior: 'smooth' }); + }, 1); + event.preventDefault(); + } + } + + getKeys(object) { + return Object.keys(object); + } + + getEntries(object) { + return Object.entries(object); + } + + ngAfterViewInit() {} + + getType(value) { + if (this.label === 'Templates') { + return value?.split('|'); + } + if (this.label === 'Methods' && !value) { + return ['-']; + } + + return value?.split('|').map((item) => item.replace(/(\[|\]|<|>).*$/gm, '').trim()); + } + + isLinkType(value) { + if (this.label === 'Templates') return false; + const validValues = ['confirmationoptions', 'toastmessageoptions']; + return value.toLowerCase().includes(this.id.split('.')[1].toLowerCase()) || validValues.includes(value.toLowerCase()); + } + + setLinkPath(value, type) { + const currentRoute = this.router.url; + let componentName = this.id.split('.')[1]; + + const validValues = ['menuitem', 'confirmationoptions']; + let definationType = type ? type : value.includes('Type') ? 'types' : value.includes('Event') ? 'events' : validValues.includes(value.toLowerCase()) ? 'options' : 'interfaces'; + + if (componentName.includes('toast')) { + componentName = 'toast'; + } + + return definationType === 'options' ? `/${currentRoute}/#api.${definationType}.${value}` : `/${currentRoute}/#api.${componentName}.${definationType}.${value}`; + } + + scrollToLinkedElement(event, value) { + if (document && document.createElement) { + const section = this.label === 'Emitters' ? 'Events' : this.label; + const elementId = `api.${this.id.split('.')[1].toLowerCase()}.${section.toLowerCase()}.${value}`; + + setTimeout(() => { + this.scrollToLabelById(elementId); + }, 1); + + event.preventDefault(); + } + } + + scrollToLabelById(id) { + if (typeof document !== undefined) { + const label = document.getElementById(id); + this.location.go(`${this.location.path()}/#${id}`); + label && label.parentElement.scrollIntoView({ block: 'start', behavior: 'smooth' }); + } + } +} diff --git a/src/app/showcase/layout/doc/docsectionnav/app.docsection-nav.component.ts b/src/app/showcase/layout/doc/app.docsection-nav.component.ts similarity index 57% rename from src/app/showcase/layout/doc/docsectionnav/app.docsection-nav.component.ts rename to src/app/showcase/layout/doc/app.docsection-nav.component.ts index b341e21c96a..f2d1d01647a 100644 --- a/src/app/showcase/layout/doc/docsectionnav/app.docsection-nav.component.ts +++ b/src/app/showcase/layout/doc/app.docsection-nav.component.ts @@ -1,6 +1,6 @@ -import { DOCUMENT, Location } from '@angular/common'; +import { DOCUMENT, Location, isPlatformBrowser } from '@angular/common'; +import { Component, ElementRef, Inject, Input, NgZone, OnDestroy, OnInit, PLATFORM_ID, Renderer2, ViewChild } from '@angular/core'; import { Router } from '@angular/router'; -import { Component, ElementRef, Inject, Input, NgZone, OnDestroy, OnInit, Renderer2, ViewChild } from '@angular/core'; import { DomHandler } from 'primeng/dom'; import { ObjectUtils } from 'primeng/utils'; import { Subscription } from 'rxjs'; @@ -8,7 +8,26 @@ import { Doc } from 'src/app/showcase/domain/doc'; @Component({ selector: 'app-docsection-nav', - templateUrl: './app.docsection-nav.component.html' + template: `
        +
      • + +
        + +
        + +
          +
        • +
          + +
          +
          • +
        +         +         +
        • +
      ` }) export class AppDocSectionNavComponent implements OnInit, OnDestroy { @Input() docs!: Doc[]; @@ -17,8 +36,16 @@ export class AppDocSectionNavComponent implements OnInit, OnDestroy { scrollListener!: any; - activeId!: string; + _activeId: any; + get activeId() { + return this._activeId; + } + set activeId(val: string) { + if (val !== this._activeId) { + this._activeId = val; + } + } isScrollBlocked: boolean = false; topbarHeight: number = 0; @@ -27,10 +54,10 @@ export class AppDocSectionNavComponent implements OnInit, OnDestroy { @ViewChild('nav') nav: ElementRef; - constructor(@Inject(DOCUMENT) private document: Document, private location: Location, private zone: NgZone, private renderer: Renderer2, private router: Router) {} + constructor(@Inject(DOCUMENT) private document: Document, @Inject(PLATFORM_ID) private platformId: any, private location: Location, private zone: NgZone, private renderer: Renderer2, private router: Router) {} ngOnInit(): void { - if (typeof window !== undefined) { + if (isPlatformBrowser(this.platformId)) { const hash = window.location.hash.substring(1); const hasHash = ObjectUtils.isNotEmpty(hash); const id = hasHash ? hash : ((this.docs && this.docs[0]) || {}).id; @@ -39,7 +66,7 @@ export class AppDocSectionNavComponent implements OnInit, OnDestroy { hasHash && setTimeout(() => { this.scrollToLabelById(id); - }, 1); + }, 25); this.zone.runOutsideAngular(() => { this.scrollListener = this.renderer.listen(this.document, 'scroll', (event: any) => { @@ -49,11 +76,27 @@ export class AppDocSectionNavComponent implements OnInit, OnDestroy { } } + scrollCurrentUrl() { + const hash = window.location.hash.substring(1); + const hasHash = ObjectUtils.isNotEmpty(hash); + const id = hasHash ? hash : (this.docs[0] || {}).id; + + this.activeId = id; + hasHash && + setTimeout(() => { + this.scrollToLabelById(id); + }, 1); + } + + getLabels() { + return [...Array.from(this.document.querySelectorAll(':is(h1,h2,h3).doc-section-label'))].filter((el: any) => DomHandler.isVisible(el)); + } + onScroll() { - if (typeof window !== undefined && this.nav) { + if (isPlatformBrowser(this.platformId) && this.nav) { if (!this.isScrollBlocked) { if (typeof document !== undefined) { - const labels = [...Array.from(this.document.querySelectorAll(':is(h1,h2,h3).doc-section-label'))].filter((el: any) => DomHandler.isVisible(el)); + const labels = this.getLabels(); const windowScrollTop = DomHandler.getWindowScrollTop(); labels.forEach((label) => { @@ -79,16 +122,14 @@ export class AppDocSectionNavComponent implements OnInit, OnDestroy { } } - onChildButtonClick(parent: Doc, isFirst: boolean, child: Doc): void { - this.onButtonClick(isFirst ? parent : child); - } - - onButtonClick(doc) { + onButtonClick(event, doc) { this.activeId = doc.id; setTimeout(() => { this.scrollToLabelById(doc.id); this.isScrollBlocked = true; }, 1); + + event.preventDefault(); } getThreshold(label) { @@ -111,18 +152,6 @@ export class AppDocSectionNavComponent implements OnInit, OnDestroy { } } - isActiveChildId(isFirst: boolean, activeId: string, childId: string, parentId: string): boolean { - if (isFirst) { - return this.getActiveChildId(activeId, parentId); - } - - return this.getActiveChildId(activeId, childId); - } - - getActiveChildId(activeId, childId) { - return activeId.toLowerCase() === childId.toLowerCase(); - } - ngOnDestroy() { if (this.scrollListener) { this.scrollListener(); diff --git a/src/app/showcase/layout/doc/app.docsection.component.ts b/src/app/showcase/layout/doc/app.docsection.component.ts new file mode 100644 index 00000000000..7d7fa1a0c1f --- /dev/null +++ b/src/app/showcase/layout/doc/app.docsection.component.ts @@ -0,0 +1,47 @@ +import { ChangeDetectionStrategy, Component, Input, signal } from '@angular/core'; +import { Doc } from 'src/app/showcase/domain/doc'; + +@Component({ + selector: 'app-docsection', + template: ` + +
      + + + + + + + + + + + + + +
      +       + + +
      + + + + + + + +
      +       + `, + changeDetection: ChangeDetectionStrategy.OnPush +}) +export class AppDocSectionsComponent { + @Input() docs!: Doc[]; + + @Input() apiDocs!: any[]; + + trackById(doc) { + return doc.id || undefined; + } +} diff --git a/src/app/showcase/layout/doc/app.docsectiontext.component.ts b/src/app/showcase/layout/doc/app.docsectiontext.component.ts new file mode 100644 index 00000000000..639cacc473d --- /dev/null +++ b/src/app/showcase/layout/doc/app.docsectiontext.component.ts @@ -0,0 +1,49 @@ +import { Location } from '@angular/common'; +import { Component, ElementRef, Input } from '@angular/core'; + +@Component({ + selector: 'app-docsectiontext', + template: ` +

      + {{ title }} + # +

      +
      +

      {{ description || null }}

      +
      +

      + {{ title }} + # +

      +
      + +
      + ` +}) +export class AppDocSectionTextComponent { + @Input() title!: string; + + @Input() id!: string; + + @Input() level!: number; + + @Input() label!: string; + + @Input() description: string; + + constructor(public location: Location, public el: ElementRef) {} + + navigate(event) { + if (typeof window !== undefined) { + const hash = window.location.hash.substring(1); + const parentElement = event.currentTarget.parentElement; + this.location.go(this.location.path().split('#')[0] + '#' + this.id); + + setTimeout(() => { + parentElement.scrollIntoView({ block: 'start', behavior: 'smooth' }); + }, 1); + + hash === this.id && event.preventDefault(); + } + } +} diff --git a/src/app/showcase/layout/doc/code/app.code.component.html b/src/app/showcase/layout/doc/code/app.code.component.html deleted file mode 100644 index 2ff073e36e9..00000000000 --- a/src/app/showcase/layout/doc/code/app.code.component.html +++ /dev/null @@ -1,80 +0,0 @@ -
      -
      -
      - - - - - -
      - - - - - - - -
      - -
      
-{{code.basic}}
-
-
      - -
      
-{{code.html}}
-
-
      - -
      
-{{code.typescript}}
-
-
      - -
      
-{{code.data}}
-
-
      - -
      
-{{code.scss}}
-
-
      - -
      
-{{code.command}}
-
-
      -
      \ No newline at end of file diff --git a/src/app/showcase/layout/doc/code/app.code.component.ts b/src/app/showcase/layout/doc/code/app.code.component.ts deleted file mode 100644 index 95065c107fd..00000000000 --- a/src/app/showcase/layout/doc/code/app.code.component.ts +++ /dev/null @@ -1,95 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { Component, ElementRef, Input, NgModule, ViewChild } from '@angular/core'; -import { ButtonModule } from 'primeng/button'; -import { TooltipModule } from 'primeng/tooltip'; -import { Code, ExtFile, RouteFile } from 'src/app/showcase/domain/code'; -import { useCodeSandbox, useStackBlitz } from '../codeeditor'; - -@Component({ - selector: 'app-code', - templateUrl: './app.code.component.html' -}) -export class AppCodeComponent { - @Input() code!: Code; - - @Input() service!: any; - - @Input() selector!: string; - - @Input() extFiles: ExtFile[] = []; - - @Input() routeFiles: RouteFile[] = []; - - @Input() hideToggleCode: boolean = false; - - @Input() hideCodeSandbox: boolean = false; - - @Input() hideStackBlitz: boolean = false; - - @ViewChild('codeElement') codeElement: ElementRef; - - fullCodeVisible: boolean = false; - - lang!: string; - - ngAfterViewChecked() { - if (typeof window !== undefined && window['Prism'] && this.codeElement && !this.codeElement.nativeElement.classList.contains('prism')) { - window['Prism'].highlightElement(this.codeElement.nativeElement); - this.codeElement.nativeElement.classList.add('prism'); - this.codeElement.nativeElement.parentElement.setAttribute('tabindex', '-1'); - } - } - - ngOnInit() { - this.lang = this.getInitialLang(); - } - - changeLang(lang: string) { - this.lang = lang; - } - - getInitialLang(): string { - if (this.code) { - return Object.keys(this.code)[0]; - } - } - - async copyCode() { - await navigator.clipboard.writeText(this.code[this.lang]); - } - - getCode(lang: string = 'basic') { - if (this.code) { - if (this.fullCodeVisible || this.hideToggleCode) { - return this.code[lang]; - } else { - return this.code['basic']; - } - } - } - - toggleCode() { - this.fullCodeVisible = !this.fullCodeVisible; - this.fullCodeVisible && (this.lang = 'html'); - !this.fullCodeVisible && (this.lang = 'basic'); - } - - openStackBlitz() { - if (this.code) { - useStackBlitz({ code: this.code, selector: this.selector, extFiles: this.extFiles, routeFiles: this.routeFiles }); - } - } - - openCodeSandbox() { - if (this.code) { - useCodeSandbox({ code: this.code, selector: this.selector, extFiles: this.extFiles, routeFiles: this.routeFiles }); - } - } -} - -@NgModule({ - imports: [CommonModule, ButtonModule, TooltipModule], - exports: [AppCodeComponent], - declarations: [AppCodeComponent] -}) -export class AppCodeModule {} diff --git a/src/app/showcase/layout/doc/codeeditor/index.ts b/src/app/showcase/layout/doc/codeeditor/index.ts index 0b460ba33b1..5aaf4a87a80 100644 --- a/src/app/showcase/layout/doc/codeeditor/index.ts +++ b/src/app/showcase/layout/doc/codeeditor/index.ts @@ -1,6 +1,5 @@ import sdk from '@stackblitz/sdk'; -import { getAngularApp } from './templates'; -import { Props } from './templates'; +import { Props, getAngularApp } from './templates'; const useCodeSandbox = (props: Props) => { const { files } = getAngularApp(props); @@ -38,7 +37,7 @@ const useStackBlitz = (props: Props) => { title: title, template: 'node', description: - 'PrimeNG is an open source UI library for Angular featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.', + 'PrimeNG is an open source UI library for Angular featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.', files: _files }; @@ -50,4 +49,4 @@ const useStackBlitz = (props: Props) => { sdk.openProject(project, options); }; -export { useStackBlitz, useCodeSandbox }; +export { useCodeSandbox, useStackBlitz }; diff --git a/src/app/showcase/layout/doc/codeeditor/templates.ts b/src/app/showcase/layout/doc/codeeditor/templates.ts index f3815052cc9..057e1fe5914 100644 --- a/src/app/showcase/layout/doc/codeeditor/templates.ts +++ b/src/app/showcase/layout/doc/codeeditor/templates.ts @@ -15,15 +15,43 @@ export interface Props { const app_dependencies = pkg ? pkg.devDependencies : {}; const PrimeNG = { - version: '16.4.1', + version: '17.0.0-rc.1', description: - 'PrimeNG is an open source UI library for Angular featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.' + 'PrimeNG is an open source UI library for Angular featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.' }; +const demoDependencies = [ + '@angular-devkit/build-angular', + '@angular/animations', + '@angular/cdk', + '@angular/cli', + '@angular/common', + '@angular/compiler', + '@angular/compiler-cli', + '@angular/core', + '@angular/forms', + '@angular/material', + '@angular/material-moment-adapter', + '@angular/platform-browser', + '@angular/platform-browser-dynamic', + '@angular/platform-server', + '@angular/router', + '@nguniversal/builders', + '@nguniversal/common', + '@nguniversal/express-engine', + 'quill', + 'primeflex', + 'chart.js', + 'primeicons', + 'rxjs', + 'tslib', + 'zone.js' +]; + const getAppDependencies = () => { const dependencies = {}; for (const key in app_dependencies) { - if (checkDependency(key)) { + if (demoDependencies.includes(key)) { dependencies[key] = app_dependencies[key]; } } @@ -42,10 +70,6 @@ const getDependencies = () => { return dependencies; }; -const checkDependency = (dep: string) => { - return !(dep.startsWith('jasmine') || dep.startsWith('del') || dep.startsWith('gulp') || dep.startsWith('jspdf') || dep.startsWith('prism') || dep.startsWith('del') || dep.startsWith('@stackblitz')); -}; - const getServiceImports = (service: string[]) => { return service.map((s) => `import { ${s} } from 'src/service/${s.toLowerCase()}';`).join(''); }; @@ -343,8 +367,7 @@ const angular_json = ` "karmaConfig": "karma.conf.js", "inlineStyleLanguage": "scss", "assets": [ - "src/assets", - "src/favicon.png" + "src/assets" ], "stylePreprocessorOptions": { "includePaths": [ @@ -492,6 +515,7 @@ import { CheckboxModule } from 'primeng/checkbox'; import { ChipModule } from 'primeng/chip'; import { ChipsModule } from 'primeng/chips'; import { ConfirmDialogModule } from 'primeng/confirmdialog'; +import { ConfirmPopupModule } from 'primeng/confirmpopup'; import { ColorPickerModule } from 'primeng/colorpicker'; import { ContextMenuModule } from 'primeng/contextmenu'; import { DataViewModule } from 'primeng/dataview'; @@ -590,6 +614,7 @@ ${serviceImports} ChipModule, ColorPickerModule, ConfirmDialogModule, + ConfirmPopupModule, ContextMenuModule, VirtualScrollerModule, DataViewModule, @@ -680,7 +705,7 @@ export class AppModule {}`; - + <${selector}> diff --git a/src/app/showcase/layout/doc/developmentsection/app.developmentsection.component.html b/src/app/showcase/layout/doc/developmentsection/app.developmentsection.component.html deleted file mode 100644 index 0b4e2d119f4..00000000000 --- a/src/app/showcase/layout/doc/developmentsection/app.developmentsection.component.html +++ /dev/null @@ -1,5 +0,0 @@ -
      - - Accessibility guide documents the specification of this component based on WCAG guidelines, the implementation is in progress. -
      - \ No newline at end of file diff --git a/src/app/showcase/layout/doc/developmentsection/app.developmentsection.component.ts b/src/app/showcase/layout/doc/developmentsection/app.developmentsection.component.ts deleted file mode 100644 index 6182c353c19..00000000000 --- a/src/app/showcase/layout/doc/developmentsection/app.developmentsection.component.ts +++ /dev/null @@ -1,7 +0,0 @@ -import { Component } from '@angular/core'; - -@Component({ - selector: 'app-developmentsection', - templateUrl: './app.developmentsection.component.html' -}) -export class AppDevelopmentSection {} diff --git a/src/app/showcase/layout/doc/docapisection/app.docapisection.component.html b/src/app/showcase/layout/doc/docapisection/app.docapisection.component.html deleted file mode 100644 index baa04ed27e1..00000000000 --- a/src/app/showcase/layout/doc/docapisection/app.docapisection.component.html +++ /dev/null @@ -1,8 +0,0 @@ -
      -
      -

      {{ header }} {{!header.toLowerCase().includes('api') ? 'API' : null}}

      -

      API defines helper props, events and others for the PrimeNG {{ header }} module.

      -
      - -
      - diff --git a/src/app/showcase/layout/doc/docapitable/app.docapitable.component.html b/src/app/showcase/layout/doc/docapitable/app.docapitable.component.html deleted file mode 100644 index c805f8e12be..00000000000 --- a/src/app/showcase/layout/doc/docapitable/app.docapitable.component.html +++ /dev/null @@ -1,52 +0,0 @@ - -
      - -
      - -

      {{description || null}}

      -       - -
      - - - - - - - - - - - -
      - - {{key}} - -
      - - {{entry[1] || '-'}} - {{entry[1] || '-'}} - - - {{entry[1].name}} : - {{i !== 0 ? ' |' : ' ' }} {{value || '-'}} - - {{value}} - - - - - - - - - {{entry[1]}} - -
      -
      - - - - - - -       diff --git a/src/app/showcase/layout/doc/docapitable/app.docapitable.component.scss b/src/app/showcase/layout/doc/docapitable/app.docapitable.component.scss deleted file mode 100644 index 29bddd8d758..00000000000 --- a/src/app/showcase/layout/doc/docapitable/app.docapitable.component.scss +++ /dev/null @@ -1,3 +0,0 @@ -.parameter-bold { - font-weight: bold; -} \ No newline at end of file diff --git a/src/app/showcase/layout/doc/docapitable/app.docapitable.component.ts b/src/app/showcase/layout/doc/docapitable/app.docapitable.component.ts deleted file mode 100644 index 83f3c71c6e7..00000000000 --- a/src/app/showcase/layout/doc/docapitable/app.docapitable.component.ts +++ /dev/null @@ -1,109 +0,0 @@ -import { ChangeDetectionStrategy, Component, Input, OnInit, ViewContainerRef } from '@angular/core'; -import { Router } from '@angular/router'; -import { Location } from '@angular/common'; - -@Component({ - selector: 'app-docapitable', - templateUrl: './app.docapitable.component.html', - styleUrls: ['./app.docapitable.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush -}) -export class AppDocApiTable implements OnInit { - @Input() id: string; - - @Input() label: string; - - @Input() data: any[]; - - @Input() description: string; - - @Input() relatedProp: string; - - @Input() parentTitle: string; - - @Input() parentDescription: string; - - @Input() parentId: string; - - @Input() level: number; - - @Input() isInterface: boolean = false; - - constructor(public viewContainerRef: ViewContainerRef, public router: Router, public location: Location) {} - - ngOnInit() {} - - navigate(event, param) { - if (typeof window !== undefined) { - const parentElement = event.currentTarget.parentElement; - this.location.go(this.location.path() + '#' + this.id + '.' + param); - - setTimeout(() => { - parentElement.scrollIntoView({ block: 'nearest', behavior: 'smooth' }); - }, 1); - event.preventDefault(); - } - } - - getKeys(object) { - return Object.keys(object); - } - - getEntries(object) { - return Object.entries(object); - } - - ngAfterViewInit() {} - - getType(value) { - if (this.label === 'Templates') { - return value?.split('|'); - } - if (this.label === 'Methods' && !value) { - return ['-']; - } - - return value?.split('|').map((item) => item.replace(/(\[|\]|<|>).*$/gm, '').trim()); - } - - isLinkType(value) { - if (this.label === 'Templates') return false; - const validValues = ['confirmationoptions', 'toastmessageoptions']; - return value.toLowerCase().includes(this.id.split('.')[1].toLowerCase()) || validValues.includes(value.toLowerCase()); - } - - setLinkPath(value, type) { - const currentRoute = this.router.url; - let componentName = this.id.split('.')[1]; - - const validValues = ['menuitem', 'confirmationoptions']; - let definationType = type ? type : value.includes('Type') ? 'types' : value.includes('Event') ? 'events' : validValues.includes(value.toLowerCase()) ? 'options' : 'interfaces'; - - if (componentName.includes('toast')) { - componentName = 'toast'; - } - - return definationType === 'options' ? `/${currentRoute}/#api.${definationType}.${value}` : `/${currentRoute}/#api.${componentName}.${definationType}.${value}`; - } - - scrollToLinkedElement(event, value) { - if (document && document.createElement) { - const section = this.label === 'Emitters' ? 'Events' : this.label; - const elementId = `api.${this.id.split('.')[1].toLowerCase()}.${section.toLowerCase()}.${value}`; - - setTimeout(() => { - this.scrollToLabelById(elementId); - }, 1); - - event.preventDefault(); - } - } - - scrollToLabelById(id) { - if (typeof document !== undefined) { - const label = document.getElementById(id); - this.location.go(`${this.location.path()}/#${id}`); - label && label.parentElement.scrollIntoView({ block: 'start', behavior: 'smooth' }); - } - } -} diff --git a/src/app/showcase/layout/doc/docsection/app.docsection.component.html b/src/app/showcase/layout/doc/docsection/app.docsection.component.html deleted file mode 100644 index dc54fdf983f..00000000000 --- a/src/app/showcase/layout/doc/docsection/app.docsection.component.html +++ /dev/null @@ -1,2 +0,0 @@ - - \ No newline at end of file diff --git a/src/app/showcase/layout/doc/docsection/app.docsection.component.ts b/src/app/showcase/layout/doc/docsection/app.docsection.component.ts deleted file mode 100644 index da4dfcad96d..00000000000 --- a/src/app/showcase/layout/doc/docsection/app.docsection.component.ts +++ /dev/null @@ -1,96 +0,0 @@ -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Directive, Input, OnInit, ViewChild, ViewContainerRef } from '@angular/core'; -import { Doc } from 'src/app/showcase/domain/doc'; -import { AppDocApiTable } from '../docapitable/app.docapitable.component'; -import { HostDirective } from '../hostdirective/host.directive'; - -interface Props { - id: string; - title: string; - component: any; - level?: number; -} - -@Component({ - selector: 'app-docsection', - templateUrl: './app.docsection.component.html', - changeDetection: ChangeDetectionStrategy.OnPush -}) -export class AppDocSectionsComponent { - @Input() docs!: Doc[]; - - @Input() apiDocs!: any[]; - - currentDocIndex = -1; - - @ViewChild('Doc', { read: ViewContainerRef }) Doc: ViewContainerRef; - - @ViewChild(HostDirective, { static: true }) host!: HostDirective; - - constructor(private cd: ChangeDetectorRef) {} - - ngAfterViewInit() { - if (this.docs && this.docs.length) { - for (let index = 0; index < this.docs.length; index++) { - this.loadComponent(); - } - } - if (this.apiDocs && this.apiDocs.length) { - for (let i = 0; i < this.apiDocs.length; i++) { - this.loadApiDocComponent(); - } - } - - this.cd.detectChanges(); - } - - loadComponent() { - this.currentDocIndex = (this.currentDocIndex + 1) % this.docs.length; - const newComponent: any = this.docs[this.currentDocIndex]; - - const viewContainerRef = this.Doc; - let component; - if (newComponent.component !== undefined) { - component = viewContainerRef.createComponent(newComponent.component); - component.instance.id = newComponent.id; - component.instance.title = newComponent.label; - } - if (!newComponent.component && newComponent.children) { - for (let i = 0; i < newComponent.children.length; i++) { - const children = newComponent.children[i]; - component = viewContainerRef.createComponent(children.component); - component.instance.id = children.id; - component.instance.title = children.label; - - if (component.instance.docsectiontext && i === 0) { - component.instance.docsectiontext.parentTitle = newComponent.label; - component.instance.docsectiontext.parentId = newComponent.id; - } - } - } - } - - loadApiDocComponent() { - this.currentDocIndex = (this.currentDocIndex + 1) % this.apiDocs.length; - const newComponent: any = this.apiDocs[this.currentDocIndex]; - const viewContainerRef = this.host.viewContainerRef; - - if (newComponent && newComponent.children) { - for (let i = 0; i < newComponent.children.length; i++) { - const child = newComponent.children[i]; - if (child.data && child.data.length) { - const componentRef = viewContainerRef.createComponent(child.component); - componentRef.instance.id = child.id; - componentRef.instance.description = child.description; - componentRef.instance.data = child.data; - componentRef.instance.label = child.label; - componentRef.instance.relatedProp = child.relatedProp; - if (i === 0 && newComponent.description) { - componentRef.instance.parentTitle = newComponent.label; - componentRef.instance.parentDescription = newComponent.description; - componentRef.instance.parentId = newComponent.id; - } - } - } - } - } -} diff --git a/src/app/showcase/layout/doc/docsectionnav/app.docsection-nav.component.html b/src/app/showcase/layout/doc/docsectionnav/app.docsection-nav.component.html deleted file mode 100644 index 243d2d0616c..00000000000 --- a/src/app/showcase/layout/doc/docsectionnav/app.docsection-nav.component.html +++ /dev/null @@ -1,20 +0,0 @@ -
        -
      • - -
        - -
        - -
          -
        • -
          - -
          -
          • -
        -         -         -
        • -
      \ No newline at end of file diff --git a/src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component.html b/src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component.html deleted file mode 100644 index 247d31e53d7..00000000000 --- a/src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component.html +++ /dev/null @@ -1,20 +0,0 @@ - -

      {{parentTitle}} - # -

      -
      -

      {{parentDescription || null}}

      -
      -       - -

      {{title}} - # -

      - -

      {{title}} - # -

      -
      - -
      -       \ No newline at end of file diff --git a/src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component.ts b/src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component.ts deleted file mode 100644 index 97e074c8468..00000000000 --- a/src/app/showcase/layout/doc/docsectiontext/app.docsectiontext.component.ts +++ /dev/null @@ -1,40 +0,0 @@ -import { ChangeDetectorRef, Component, ElementRef, Input } from '@angular/core'; -import { Location } from '@angular/common'; -import { Router } from '@angular/router'; - -@Component({ - selector: 'app-docsectiontext', - templateUrl: './app.docsectiontext.component.html' -}) -export class AppDocSectionTextComponent { - @Input() title!: string; - - @Input() id!: string; - - @Input() level: number = 2; - - @Input() label!: string; - - @Input() parentTitle: string; - - @Input() parentDescription: string; - - @Input() parentId: string; - - constructor(public location: Location, private router: Router, public el: ElementRef, public cd: ChangeDetectorRef) {} - - navigate(event) { - if (typeof window !== undefined) { - const hash = window.location.hash.substring(1); - const parentElement = event.currentTarget.parentElement; - const id = this.id ?? this.parentId; - this.location.go(this.location.path().split('#')[0] + '#' + id); - - setTimeout(() => { - parentElement.scrollIntoView({ block: 'start', behavior: 'smooth' }); - }, 1); - - hash === this.id && event.preventDefault(); - } - } -} diff --git a/src/app/showcase/layout/doc/hostdirective/host.directive.ts b/src/app/showcase/layout/doc/hostdirective/host.directive.ts deleted file mode 100644 index 9b223783da2..00000000000 --- a/src/app/showcase/layout/doc/hostdirective/host.directive.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { Directive, ViewContainerRef } from '@angular/core'; - -@Directive({ - selector: '[host]' -}) -export class HostDirective { - constructor(public viewContainerRef: ViewContainerRef) {} -} diff --git a/src/app/showcase/layout/footer/app.footer.component.ts b/src/app/showcase/layout/footer/app.footer.component.ts index 67ef29c14bc..e1ea5035de6 100644 --- a/src/app/showcase/layout/footer/app.footer.component.ts +++ b/src/app/showcase/layout/footer/app.footer.component.ts @@ -2,6 +2,7 @@ import { Component } from '@angular/core'; @Component({ selector: 'app-footer', + standalone: true, template: `
      diff --git a/src/app/showcase/layout/menu/app.menu.component.html b/src/app/showcase/layout/menu/app.menu.component.html deleted file mode 100644 index 9b836ecbdb4..00000000000 --- a/src/app/showcase/layout/menu/app.menu.component.html +++ /dev/null @@ -1,10 +0,0 @@ - \ No newline at end of file diff --git a/src/app/showcase/layout/menu/app.menu.component.ts b/src/app/showcase/layout/menu/app.menu.component.ts index 5d13f80c1cd..cd63303ebe4 100644 --- a/src/app/showcase/layout/menu/app.menu.component.ts +++ b/src/app/showcase/layout/menu/app.menu.component.ts @@ -1,11 +1,13 @@ -import { isPlatformBrowser } from '@angular/common'; -import { Component, ElementRef, Inject, Input, PLATFORM_ID } from '@angular/core'; -import { Router } from '@angular/router'; +import { CommonModule } from '@angular/common'; +import { Component, ElementRef, OnDestroy, afterNextRender } from '@angular/core'; +import { NavigationEnd, Router, RouterModule } from '@angular/router'; +import { AutoCompleteModule } from 'primeng/autocomplete'; import { DomHandler } from 'primeng/dom'; +import { StyleClassModule } from 'primeng/styleclass'; import { Subscription } from 'rxjs'; import { default as MenuData } from 'src/assets/showcase/data/menu.json'; -import { AppConfig } from '../../domain/appconfig'; import { AppConfigService } from '../../service/appconfigservice'; +import { AppMenuItemComponent } from './app.menuitem.component'; export interface MenuItem { name?: string; @@ -17,29 +19,44 @@ export interface MenuItem { @Component({ selector: 'app-menu', - templateUrl: './app.menu.component.html' + template: ` `, + host: { + class: 'layout-sidebar', + '[class.active]': 'isActive' + }, + standalone: true, + imports: [CommonModule, StyleClassModule, RouterModule, AutoCompleteModule, AppMenuItemComponent] }) -export class AppMenuComponent { - @Input() active: boolean; - +export class AppMenuComponent implements OnDestroy { menu!: MenuItem[]; - config!: AppConfig; - - subscription!: Subscription; + private routerSubscription: Subscription; - constructor(@Inject(PLATFORM_ID) private platformId: any, private configService: AppConfigService, private el: ElementRef, private router: Router) { + constructor(private configService: AppConfigService, private el: ElementRef, private router: Router) { this.menu = MenuData.data; - this.config = this.configService.config; - this.subscription = this.configService.configUpdate$.subscribe((config) => (this.config = config)); - } - ngOnInit() { - if (isPlatformBrowser(this.platformId)) { + afterNextRender(() => { setTimeout(() => { this.scrollToActiveItem(); }, 1); - } + + this.routerSubscription = this.router.events.subscribe((event) => { + if (event instanceof NavigationEnd && this.configService.state.menuActive) { + this.configService.hideMenu(); + DomHandler.unblockBodyScroll('blocked-scroll'); + } + }); + }); + } + + get isActive(): boolean { + return this.configService.state.menuActive; } scrollToActiveItem() { @@ -50,15 +67,14 @@ export class AppMenuComponent { } isInViewport(element) { - if (isPlatformBrowser(this.platformId)) { - const rect = element.getBoundingClientRect(); - return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || (document.documentElement.clientHeight && rect.right <= (window.innerWidth || document.documentElement.clientWidth))); - } + const rect = element.getBoundingClientRect(); + return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || (document.documentElement.clientHeight && rect.right <= (window.innerWidth || document.documentElement.clientWidth))); } ngOnDestroy() { - if (this.subscription) { - this.subscription.unsubscribe(); + if (this.routerSubscription) { + this.routerSubscription.unsubscribe(); + this.routerSubscription = null; } } } diff --git a/src/app/showcase/layout/menu/app.menu.module.ts b/src/app/showcase/layout/menu/app.menu.module.ts deleted file mode 100644 index 5135bc559f1..00000000000 --- a/src/app/showcase/layout/menu/app.menu.module.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { RouterModule } from '@angular/router'; -import { AutoCompleteModule } from 'primeng/autocomplete'; -import { StyleClassModule } from 'primeng/styleclass'; -import { AppMenuComponent } from './app.menu.component'; -import { AppMenuItemComponent } from './app.menuitem.component'; - -@NgModule({ - imports: [CommonModule, StyleClassModule, RouterModule, AutoCompleteModule], - exports: [AppMenuComponent], - declarations: [AppMenuComponent, AppMenuItemComponent] -}) -export class AppMenuModule {} diff --git a/src/app/showcase/layout/menu/app.menuitem.component.html b/src/app/showcase/layout/menu/app.menuitem.component.html deleted file mode 100644 index bb874804edd..00000000000 --- a/src/app/showcase/layout/menu/app.menuitem.component.html +++ /dev/null @@ -1,25 +0,0 @@ - - -
      - -
      - {{item.name}} -       - -
      - -
      - {{item.name}} -       -{{item.name}} -
      -
        -
      1. -
      -
      diff --git a/src/app/showcase/layout/menu/app.menuitem.component.ts b/src/app/showcase/layout/menu/app.menuitem.component.ts index cb31c46679f..daf2431c6e5 100644 --- a/src/app/showcase/layout/menu/app.menuitem.component.ts +++ b/src/app/showcase/layout/menu/app.menuitem.component.ts @@ -1,10 +1,40 @@ +import { CommonModule } from '@angular/common'; import { Component, Input } from '@angular/core'; -import { Router } from '@angular/router'; +import { Router, RouterModule } from '@angular/router'; +import { StyleClassModule } from 'primeng/styleclass'; import { MenuItem } from './app.menu.component'; @Component({ selector: '[app-menuitem]', - templateUrl: './app.menuitem.component.html' + template: ` + + +
      + +
      + {{ item.name }} +       + +
      + +
      + {{ item.name }} +       + {{ item.name }} +
      +
        +
      1. +
      +
      + `, + standalone: true, + imports: [CommonModule, StyleClassModule, RouterModule] }) export class AppMenuItemComponent { @Input() item: MenuItem; diff --git a/src/app/showcase/layout/news/app.news.component.html b/src/app/showcase/layout/news/app.news.component.html index 51a8e19d806..5ec659ed9a7 100644 --- a/src/app/showcase/layout/news/app.news.component.html +++ b/src/app/showcase/layout/news/app.news.component.html @@ -1,10 +1,10 @@ -
      +
      - {{ announcement?.content }} - {{ announcement?.linkText }} + {{ announcement?.content }} + {{ announcement?.linkText }}
      - +
      diff --git a/src/app/showcase/layout/news/app.news.component.ts b/src/app/showcase/layout/news/app.news.component.ts index a28521dc89d..ad892d0995e 100644 --- a/src/app/showcase/layout/news/app.news.component.ts +++ b/src/app/showcase/layout/news/app.news.component.ts @@ -1,15 +1,53 @@ -import { Component, EventEmitter, Input, Output } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, afterNextRender } from '@angular/core'; +import { FormsModule } from '@angular/forms'; +import { StyleClassModule } from 'primeng/styleclass'; +import News from '../../data/news.json'; +import { AppConfigService } from '../../service/appconfigservice'; @Component({ selector: 'app-news', - templateUrl: './app.news.component.html' + standalone: true, + templateUrl: './app.news.component.html', + changeDetection: ChangeDetectionStrategy.OnPush, + imports: [CommonModule, FormsModule, StyleClassModule] }) export class AppNewsComponent { - @Input() announcement: any; + storageKey: string = 'primeng'; - @Output() onNewsHide: EventEmitter = new EventEmitter(); + announcement: any; + + constructor(private configService: AppConfigService, private cd: ChangeDetectorRef) { + afterNextRender(() => { + const itemString = localStorage.getItem(this.storageKey); + + if (itemString) { + const item = JSON.parse(itemString); + + if (!item.hiddenNews || item.hiddenNews !== News.id) { + this.configService.state.newsActive = true; + this.announcement = News; + } else { + this.configService.state.newsActive = false; + } + } else { + this.configService.state.newsActive = true; + this.announcement = News; + } + this.cd.markForCheck(); + }); + } + + get isNewsActive(): boolean { + return this.configService.state.newsActive; + } hideNews() { - this.onNewsHide.emit(); + this.configService.hideNews(); + const item = { + hiddenNews: this.announcement.id + }; + + localStorage.setItem(this.storageKey, JSON.stringify(item)); } } diff --git a/src/app/showcase/layout/news/app.news.module.ts b/src/app/showcase/layout/news/app.news.module.ts deleted file mode 100644 index 558dc6bce80..00000000000 --- a/src/app/showcase/layout/news/app.news.module.ts +++ /dev/null @@ -1,12 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { StyleClassModule } from 'primeng/styleclass'; -import { AppNewsComponent } from './app.news.component'; - -@NgModule({ - imports: [CommonModule, FormsModule, StyleClassModule], - exports: [AppNewsComponent], - declarations: [AppNewsComponent] -}) -export class AppNewsModule {} diff --git a/src/app/showcase/layout/topbar/app.topbar.component.html b/src/app/showcase/layout/topbar/app.topbar.component.html index 53fb68647bb..a464bcb8991 100644 --- a/src/app/showcase/layout/topbar/app.topbar.component.html +++ b/src/app/showcase/layout/topbar/app.topbar.component.html @@ -1,36 +1,143 @@ -
      +
      - - -
      - +
      + + + + + + + + + + + + + + + + + + + + + + +
      +
      \ No newline at end of file diff --git a/src/app/showcase/layout/topbar/app.topbar.component.ts b/src/app/showcase/layout/topbar/app.topbar.component.ts index 584fa5df040..7e0d546b041 100644 --- a/src/app/showcase/layout/topbar/app.topbar.component.ts +++ b/src/app/showcase/layout/topbar/app.topbar.component.ts @@ -1,37 +1,25 @@ -import { animate, AnimationEvent, style, transition, trigger } from '@angular/animations'; -import { DOCUMENT, isPlatformBrowser } from '@angular/common'; -import { Component, ElementRef, EventEmitter, Inject, OnDestroy, OnInit, Output, PLATFORM_ID, Renderer2, ViewChild } from '@angular/core'; -import { NavigationEnd, Router } from '@angular/router'; +import { CommonModule, DOCUMENT } from '@angular/common'; +import { Component, ElementRef, EventEmitter, Inject, Input, OnDestroy, Output, Renderer2, afterNextRender } from '@angular/core'; +import { FormsModule } from '@angular/forms'; +import { Router, RouterModule } from '@angular/router'; import docsearch from '@docsearch/js'; -import { Subscription } from 'rxjs'; +import { DomHandler } from 'primeng/dom'; +import { StyleClassModule } from 'primeng/styleclass'; import Versions from '../../data/versions.json'; -import { AppConfig } from '../../domain/appconfig'; import { AppConfigService } from '../../service/appconfigservice'; @Component({ selector: 'app-topbar', + standalone: true, templateUrl: './app.topbar.component.html', - animations: [ - trigger('overlayMenuAnimation', [ - transition(':enter', [style({ opacity: 0, transform: 'scaleY(0.8)' }), animate('.12s cubic-bezier(0, 0, 0.2, 1)', style({ opacity: 1, transform: '*' }))]), - transition(':leave', [animate('.1s linear', style({ opacity: 0 }))]) - ]) - ] + imports: [CommonModule, FormsModule, StyleClassModule, RouterModule] }) -export class AppTopBarComponent implements OnInit, OnDestroy { - @Output() menuButtonClick: EventEmitter = new EventEmitter(); +export class AppTopBarComponent implements OnDestroy { + @Input() showConfigurator = true; - @ViewChild('topbarMenu') topbarMenu: ElementRef; + @Input() showMenuButton = true; - @ViewChild('containerElement') containerElement: ElementRef; - - activeMenuIndex: number; - - outsideClickListener: VoidFunction | null; - - config: AppConfig; - - subscription: Subscription; + @Output() onDarkModeSwitch = new EventEmitter(); versions: any[] = Versions; @@ -39,97 +27,58 @@ export class AppTopBarComponent implements OnInit, OnDestroy { private window: Window; - constructor(@Inject(DOCUMENT) private document: Document, @Inject(PLATFORM_ID) private platformId: any, private renderer: Renderer2, private router: Router, private configService: AppConfigService) { + constructor(@Inject(DOCUMENT) private document: Document, private el: ElementRef, private renderer: Renderer2, private router: Router, private configService: AppConfigService) { this.window = this.document.defaultView as Window; - } - - ngOnInit() { - this.config = this.configService.config; - this.subscription = this.configService.configUpdate$.subscribe((config) => (this.config = config)); - this.router.events.subscribe((event) => { - if (event instanceof NavigationEnd) { - this.activeMenuIndex = null; - } - }); - - if (isPlatformBrowser(this.platformId)) { + afterNextRender(() => { this.bindScrollListener(); this.initDocSearch(); + }); + } + + get isDarkMode() { + return this.configService.config.darkMode; + } + + toggleMenu() { + if (this.configService.state.menuActive) { + this.configService.hideMenu(); + DomHandler.unblockBodyScroll('blocked-scroll'); + } else { + this.configService.showMenu(); + DomHandler.blockBodyScroll('blocked-scroll'); } } + showConfig() { + this.configService.showConfig(); + } + + toggleDarkMode() { + this.onDarkModeSwitch.emit(null); + } + initDocSearch() { docsearch({ appId: 'XG1L2MUWT9', apiKey: '6057fe1af77fee4e7e41907b0b3ec79d', indexName: 'primeng', - container: '#docsearch', - transformItems: this.handleDocSearchTransformItems.bind(this) - }); - } - - handleDocSearchTransformItems(results) { - const valid = process.env.NODE_ENV !== 'production'; - return results.map((result) => { - if (valid) { - const url = new URL(result.url); - - url.protocol = this.window.location.protocol; - url.hostname = this.window.location.hostname; - url.port = this.window.location.port; - result.url = url.toString(); - } - - return result; + container: '#docsearch' }); } bindScrollListener() { if (!this.scrollListener) { - this.scrollListener = this.renderer.listen(this.window, 'scroll', (event) => { + this.scrollListener = this.renderer.listen(this.window, 'scroll', () => { if (this.window.scrollY > 0) { - this.containerElement.nativeElement.classList.add('layout-topbar-sticky'); + this.el.nativeElement.children[0].classList.add('layout-topbar-sticky'); } else { - this.containerElement.nativeElement.classList.remove('layout-topbar-sticky'); - } - }); - } - } - - onMenuButtonClick(event: Event) { - this.menuButtonClick.emit(); - event.preventDefault(); - } - - onConfigButtonClick(event: Event) { - this.configService.toggleConfig(); - event.preventDefault(); - } - - changeTheme(event: Event, theme: string, dark: boolean) { - this.configService.updateConfig({ ...this.config, ...{ theme, dark } }); - this.activeMenuIndex = null; - event.preventDefault(); - } - - bindOutsideClickListener() { - if (!this.outsideClickListener) { - this.outsideClickListener = this.renderer.listen(this.document, 'click', (event) => { - if (this.isOutsideTopbarMenuClicked(event)) { - this.activeMenuIndex = null; + this.el.nativeElement.children[0].classList.remove('layout-topbar-sticky'); } }); } } - unbindOutsideClickListener() { - if (this.outsideClickListener) { - this.outsideClickListener(); - this.outsideClickListener = null; - } - } - unbindScrollListener() { if (this.scrollListener) { this.scrollListener(); @@ -137,32 +86,7 @@ export class AppTopBarComponent implements OnInit, OnDestroy { } } - toggleMenu(event: Event, index: number) { - this.activeMenuIndex = this.activeMenuIndex === index ? null : index; - event.preventDefault(); - } - - isOutsideTopbarMenuClicked(event): boolean { - return !(this.topbarMenu.nativeElement.isSameNode(event.target) || this.topbarMenu.nativeElement.contains(event.target)); - } - - onOverlayMenuEnter(event: AnimationEvent) { - switch (event.toState) { - case 'visible': - this.bindOutsideClickListener(); - break; - - case 'void': - this.unbindOutsideClickListener(); - break; - } - } - ngOnDestroy() { - if (this.subscription) { - this.subscription.unsubscribe(); - } - this.unbindScrollListener(); } } diff --git a/src/app/showcase/layout/topbar/app.topbar.module.ts b/src/app/showcase/layout/topbar/app.topbar.module.ts deleted file mode 100644 index 9be359d37b7..00000000000 --- a/src/app/showcase/layout/topbar/app.topbar.module.ts +++ /dev/null @@ -1,12 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { StyleClassModule } from 'primeng/styleclass'; -import { AppTopBarComponent } from './app.topbar.component'; - -@NgModule({ - imports: [CommonModule, FormsModule, StyleClassModule], - exports: [AppTopBarComponent], - declarations: [AppTopBarComponent] -}) -export class AppTopbarModule {} diff --git a/src/app/showcase/pages/accessibility/accessibilitydemo.component.html b/src/app/showcase/pages/accessibility/accessibilitydemo.component.html index b0db89af26f..e507a74659b 100644 --- a/src/app/showcase/pages/accessibility/accessibilitydemo.component.html +++ b/src/app/showcase/pages/accessibility/accessibilitydemo.component.html @@ -1 +1,3 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/app/showcase/pages/animate/animatedemo.html b/src/app/showcase/pages/animate/animatedemo.html deleted file mode 100755 index e9bed087dd2..00000000000 --- a/src/app/showcase/pages/animate/animatedemo.html +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/app/showcase/pages/animate/animatedemo.module.ts b/src/app/showcase/pages/animate/animatedemo.module.ts deleted file mode 100755 index 14e652786e4..00000000000 --- a/src/app/showcase/pages/animate/animatedemo.module.ts +++ /dev/null @@ -1,11 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { AnimateDocModule } from '../../doc/animate/animatedoc.module'; -import { AnimateDemoRoutingModule } from './animate-routing.module'; -import { AnimateDemo } from './animatedemo'; - -@NgModule({ - imports: [CommonModule, AnimateDemoRoutingModule, AnimateDocModule], - declarations: [AnimateDemo] -}) -export class AnimateDemoModule {} diff --git a/src/app/showcase/pages/animate/animatedemo.ts b/src/app/showcase/pages/animate/animatedemo.ts deleted file mode 100755 index c62330ff305..00000000000 --- a/src/app/showcase/pages/animate/animatedemo.ts +++ /dev/null @@ -1,21 +0,0 @@ -import { Component } from '@angular/core'; -import { ImportDoc } from '../../doc/animate/importdoc'; -import { BasicDoc } from '../../doc/animate/basicdoc'; - -@Component({ - templateUrl: './animatedemo.html' -}) -export class AnimateDemo { - docs = [ - { - id: 'import', - label: 'Import', - component: ImportDoc - }, - { - id: 'basic', - label: 'Basic', - component: BasicDoc - } - ]; -} diff --git a/src/app/showcase/pages/animate/animate-routing.module.ts b/src/app/showcase/pages/animate/animateonscrolldemo-routing.module.ts similarity index 60% rename from src/app/showcase/pages/animate/animate-routing.module.ts rename to src/app/showcase/pages/animate/animateonscrolldemo-routing.module.ts index bbed763177c..b4907cf8138 100755 --- a/src/app/showcase/pages/animate/animate-routing.module.ts +++ b/src/app/showcase/pages/animate/animateonscrolldemo-routing.module.ts @@ -1,9 +1,9 @@ import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; -import { AnimateDemo } from './animatedemo'; +import { AnimateOnScrollDemo } from './animateonscrolldemo'; @NgModule({ - imports: [RouterModule.forChild([{ path: '', component: AnimateDemo }])], + imports: [RouterModule.forChild([{ path: '', component: AnimateOnScrollDemo }])], exports: [RouterModule] }) -export class AnimateDemoRoutingModule {} +export class AnimateOnScrollDemoRoutingModule {} diff --git a/src/app/showcase/pages/animate/animateonscrolldemo.html b/src/app/showcase/pages/animate/animateonscrolldemo.html new file mode 100755 index 00000000000..4724daef07c --- /dev/null +++ b/src/app/showcase/pages/animate/animateonscrolldemo.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/app/showcase/pages/animate/animateonscrolldemo.module.ts b/src/app/showcase/pages/animate/animateonscrolldemo.module.ts new file mode 100755 index 00000000000..6799a65e560 --- /dev/null +++ b/src/app/showcase/pages/animate/animateonscrolldemo.module.ts @@ -0,0 +1,11 @@ +import { CommonModule } from '@angular/common'; +import { NgModule } from '@angular/core'; +import { AnimateOnScrollDocModule } from '../../doc/animateonscroll/animateonscrolldoc.module'; +import { AnimateOnScrollDemoRoutingModule } from './animateonscrolldemo-routing.module'; +import { AnimateOnScrollDemo } from './animateonscrolldemo'; + +@NgModule({ + imports: [CommonModule, AnimateOnScrollDemoRoutingModule, AnimateOnScrollDocModule], + declarations: [AnimateOnScrollDemo] +}) +export class AnimateOnScrollDemoModule {} diff --git a/src/app/showcase/pages/animate/animateonscrolldemo.ts b/src/app/showcase/pages/animate/animateonscrolldemo.ts new file mode 100755 index 00000000000..299d2d4aaa3 --- /dev/null +++ b/src/app/showcase/pages/animate/animateonscrolldemo.ts @@ -0,0 +1,27 @@ +import { Component } from '@angular/core'; +import { ImportDoc } from '../../doc/animateonscroll/importdoc'; +import { BasicDoc } from '../../doc/animateonscroll/basicdoc'; +import { AccessibilityDoc } from '../../doc/animateonscroll/accessibilitydoc'; + +@Component({ + templateUrl: './animateonscrolldemo.html' +}) +export class AnimateOnScrollDemo { + docs = [ + { + id: 'import', + label: 'Import', + component: ImportDoc + }, + { + id: 'basic', + label: 'Basic', + component: BasicDoc + }, + { + id: 'accessibility', + label: 'Accessibility', + component: AccessibilityDoc + } + ]; +} diff --git a/src/app/showcase/pages/autocomplete/autocompletedemo.ts b/src/app/showcase/pages/autocomplete/autocompletedemo.ts index 1e01c3101de..4739348a277 100755 --- a/src/app/showcase/pages/autocomplete/autocompletedemo.ts +++ b/src/app/showcase/pages/autocomplete/autocompletedemo.ts @@ -11,6 +11,9 @@ import { DropdownDoc } from '../../doc/autocomplete/dropdowndoc'; import { ForceSelectionDoc } from '../../doc/autocomplete/forceselectiondoc'; import { ObjectsDoc } from '../../doc/autocomplete/objectsdoc'; import { ReactiveFormsDoc } from '../../doc/autocomplete/reactiveformsdoc'; +import { FloatLabelDoc } from '../../doc/autocomplete/floatlabeldoc'; +import { DisabledDoc } from '../../doc/autocomplete/disableddoc'; +import { InvalidDoc } from '../../doc/autocomplete/invaliddoc'; @Component({ templateUrl: './autocompletedemo.html' }) @@ -66,6 +69,21 @@ export class AutoCompleteDemo { label: 'Multiple', component: MultipleDoc }, + { + id: 'floatlabel', + label: 'Float Label', + component: FloatLabelDoc + }, + { + id: 'disabled', + label: 'Disabled', + component: DisabledDoc + }, + { + id: 'invalid', + label: 'Invalid', + component: InvalidDoc + }, { id: 'style', label: 'Style', diff --git a/src/app/showcase/pages/chips/chipsdemo.ts b/src/app/showcase/pages/chips/chipsdemo.ts index 399c9bed4db..a0ecca610a4 100755 --- a/src/app/showcase/pages/chips/chipsdemo.ts +++ b/src/app/showcase/pages/chips/chipsdemo.ts @@ -1,12 +1,13 @@ import { Component } from '@angular/core'; import { ImportDoc } from '../../doc/chips/importdoc'; import { BasicDoc } from '../../doc/chips/basicdoc'; -import { CommaSeperatorDoc } from '../../doc/chips/commaseperator.doc'; -import { RegexpSeperatorDoc } from '../../doc/chips/regexpseperator.doc'; +import { CommaSeparatorDoc } from '../../doc/chips/commaseparator.doc'; +import { RegexpSeparatorDoc } from '../../doc/chips/regexpseparator.doc'; import { TemplateDoc } from '../../doc/chips/templatedoc'; import { StyleDoc } from '../../doc/chips/styledoc'; import { AccessibilityDoc } from '../../doc/chips/accessibilitydoc'; import { ReactiveFormsDoc } from '../../doc/chips/reactiveformsdoc'; +import { MaxValuesDoc } from '../../doc/chips/maxvaluesdoc'; @Component({ templateUrl: './chipsdemo.html' @@ -29,14 +30,19 @@ export class ChipsDemo { component: ReactiveFormsDoc }, { - id: 'commaseperator', + id: 'max-values', + label: 'Max Values', + component: MaxValuesDoc + }, + { + id: 'commaseparator', label: 'Comma Seperator', - component: CommaSeperatorDoc + component: CommaSeparatorDoc }, { - id: 'regexpseperator', - label: 'RegExp Seperator', - component: RegexpSeperatorDoc + id: 'regexpseparator', + label: 'RegExp Separator', + component: RegexpSeparatorDoc }, { id: 'template', diff --git a/src/app/showcase/pages/contextmenu/contextmenudemo.ts b/src/app/showcase/pages/contextmenu/contextmenudemo.ts index 1499929dbec..2d52556bd18 100755 --- a/src/app/showcase/pages/contextmenu/contextmenudemo.ts +++ b/src/app/showcase/pages/contextmenu/contextmenudemo.ts @@ -4,7 +4,6 @@ import { BasicDoc } from '../../doc/contextmenu/basicdoc'; import { DocumentDoc } from '../../doc/contextmenu/documentdoc'; import { ImportDoc } from '../../doc/contextmenu/importdoc'; import { StyleDoc } from '../../doc/contextmenu/styledoc'; -import { TriggerEventDoc } from '../../doc/contextmenu/triggereventdoc'; @Component({ templateUrl: './contextmenudemo.html' @@ -26,11 +25,6 @@ export class ContextMenuDemo { label: 'Document', component: DocumentDoc }, - { - id: 'triggerevent', - label: 'Trigger Event', - component: TriggerEventDoc - }, { id: 'style', label: 'Style', diff --git a/src/app/showcase/pages/dataview/dataviewdemo.ts b/src/app/showcase/pages/dataview/dataviewdemo.ts index de44faa6346..eacbce447f5 100755 --- a/src/app/showcase/pages/dataview/dataviewdemo.ts +++ b/src/app/showcase/pages/dataview/dataviewdemo.ts @@ -4,7 +4,6 @@ import { BasicDoc } from '../../doc/dataview/basicdoc'; import { ImportDoc } from '../../doc/dataview/importdoc'; import { LayoutDoc } from '../../doc/dataview/layoutdoc'; import { PaginationDoc } from '../../doc/dataview/paginationdoc'; -import { PrimeflexDoc } from '../../doc/dataview/primeflexdoc'; import { SortingDoc } from '../../doc/dataview/sortingdoc'; import { AccessibilityDoc } from '../../doc/dataview/accessibilitydoc'; @@ -19,11 +18,6 @@ export class DataViewDemo { label: 'Import', component: ImportDoc }, - { - id: 'primeflex', - label: 'PrimeFlex', - component: PrimeflexDoc - }, { id: 'basic', label: 'Basic', diff --git a/src/app/showcase/pages/image/imagedemo.ts b/src/app/showcase/pages/image/imagedemo.ts index 281031d3204..fe3ef29e6ba 100755 --- a/src/app/showcase/pages/image/imagedemo.ts +++ b/src/app/showcase/pages/image/imagedemo.ts @@ -1,11 +1,11 @@ import { Component } from '@angular/core'; -import { ImportDoc } from '../../doc/Image/importdoc'; -import { StyleDoc } from '../../doc/Image/styledoc'; -import { BasicDoc } from '../../doc/Image/basicdoc'; -import { TemplateDoc } from '../../doc/Image/templatedoc'; import { AccessibilityDoc } from '../../doc/Image/accessibilitydoc'; +import { BasicDoc } from '../../doc/Image/basicdoc'; +import { ImportDoc } from '../../doc/Image/importdoc'; import { PreviewDoc } from '../../doc/Image/previewdoc'; import { PreviewImageSourceDoc } from '../../doc/Image/previewimagesourcedoc'; +import { StyleDoc } from '../../doc/Image/styledoc'; +import { TemplateDoc } from '../../doc/Image/templatedoc'; @Component({ templateUrl: './imagedemo.html' @@ -22,19 +22,19 @@ export class ImageDemo { label: 'Basic', component: BasicDoc }, - { - id: 'templates', - label: 'Indicator Template', - component: TemplateDoc - }, { id: 'preview', label: 'Preview', component: PreviewDoc }, + { + id: 'templates', + label: 'Indicator', + component: TemplateDoc + }, { id: 'preview-image-source', - label: 'Preview Image Source', + label: 'Image Source', component: PreviewImageSourceDoc }, { diff --git a/src/app/showcase/pages/landing/blocksection.component.ts b/src/app/showcase/pages/landing/blocksection.component.ts new file mode 100644 index 00000000000..3cbc2706e70 --- /dev/null +++ b/src/app/showcase/pages/landing/blocksection.component.ts @@ -0,0 +1,384 @@ +import { CommonModule } from '@angular/common'; +import { Component } from '@angular/core'; + +@Component({ + selector: 'block-section', + standalone: true, + imports: [CommonModule], + template: ` +
      +
      PrimeBlocks
      +

      400+ ready to copy-paste UI blocks to build spectacular applications in no time.

      +
      + + Explore All + + +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      + 26 % +
      +
      +
      +
      + 6 % +
      +
      +
      +
      + 62 % +
      +
      +
      +
      + 39 % +
      +
      +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      + question mark +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      + ` +}) +export class BlockSectionComponent {} diff --git a/src/app/showcase/pages/landing/featuressection.component.ts b/src/app/showcase/pages/landing/featuressection.component.ts new file mode 100644 index 00000000000..d2b2081c500 --- /dev/null +++ b/src/app/showcase/pages/landing/featuressection.component.ts @@ -0,0 +1,84 @@ +import { CommonModule } from '@angular/common'; +import { Component } from '@angular/core'; +import { AppConfigService } from '../../service/appconfigservice'; + +@Component({ + selector: 'features-section', + standalone: true, + imports: [CommonModule], + template: ` +
      +
      Features
      +

      PrimeNG is the most complete solution for your UI requirements.

      +
      +
      +
      +
      +
      + components icon +
      80+ UI Components
      +

      The ultimate set of UI Components to assist you with 80+ impressive Angular Components.

      +
      +
      +
      +
      + components icon +
      Community
      +

      Connect with the other open source community members, collaborate and have a voice in the project roadmap.

      +
      +
      +
      +
      + components icon +
      Productivity
      +

      Boost your productivity by achieving more in less time and accomplish amazing results.

      +
      +
      +
      +
      + components icon +
      Accessibility
      +

      Compliant with the Web Content Accessibility Guidelines (WCAG 2.0).

      +
      +
      +
      +
      + components icon +
      Enterprise Support
      +

      Exceptional support service featuring response within 1 business day and option to request enhancements and new features for the library.

      +
      +
      +
      +
      + components icon +
      Mobile
      +

      First class support for responsive design led by touch optimized elements.

      +
      +
      +
      +
      + components icon +
      Themes
      +

      Built on a design-agnostic api, choose from a vast amount of themes such as Material, Bootstrap, custom or develop your own.

      +
      +
      +
      +
      + components icon +
      Typescript
      +

      Top-notch support for Typescript with types and tooling assistance.

      +
      +
      +
      +
      +
      +
      + ` +}) +export class FeaturesSectionComponent { + constructor(private configService: AppConfigService) {} + + get isDarkMode() { + return this.configService.config.darkMode; + } +} diff --git a/src/app/showcase/pages/landing/footersection.component.ts b/src/app/showcase/pages/landing/footersection.component.ts new file mode 100644 index 00000000000..1a4398af676 --- /dev/null +++ b/src/app/showcase/pages/landing/footersection.component.ts @@ -0,0 +1,153 @@ +import { CommonModule } from '@angular/common'; +import { Component } from '@angular/core'; +import { RouterModule } from '@angular/router'; + +@Component({ + selector: 'footer-section', + standalone: true, + imports: [CommonModule, RouterModule], + template: ` +
      +
      +
      +
      + +
      +
      + +
      +
      + +
      +
      + +
      +
      + +
      + +
      + + + + + + + + + + + + + + + + + + + + + + + +
      + + + + + + + + + + + + +
      +
      +
      +
      + ` +}) +export class FooterSectionComponent {} diff --git a/src/app/showcase/pages/landing/herosection.component.ts b/src/app/showcase/pages/landing/herosection.component.ts new file mode 100644 index 00000000000..3dfdf9d34fc --- /dev/null +++ b/src/app/showcase/pages/landing/herosection.component.ts @@ -0,0 +1,266 @@ +import { CommonModule, isPlatformBrowser } from '@angular/common'; +import { Component, Inject, OnDestroy, OnInit, PLATFORM_ID } from '@angular/core'; +import { FormsModule } from '@angular/forms'; +import { RouterModule } from '@angular/router'; +import { MenuItem, SelectItem } from 'primeng/api'; +import { BadgeModule } from 'primeng/badge'; +import { CalendarModule } from 'primeng/calendar'; +import { ChartModule } from 'primeng/chart'; +import { ChipModule } from 'primeng/chip'; +import { DropdownModule } from 'primeng/dropdown'; +import { InputNumberModule } from 'primeng/inputnumber'; +import { InputSwitchModule } from 'primeng/inputswitch'; +import { RadioButtonModule } from 'primeng/radiobutton'; +import { SelectButtonModule } from 'primeng/selectbutton'; +import { SliderModule } from 'primeng/slider'; +import { TabMenuModule } from 'primeng/tabmenu'; +import { Subscription } from 'rxjs'; +import { AppConfigService } from '../../service/appconfigservice'; + +@Component({ + selector: 'hero-section', + standalone: true, + imports: [CommonModule, RouterModule, InputNumberModule, DropdownModule, RadioButtonModule, CalendarModule, ChartModule, ChipModule, InputSwitchModule, SelectButtonModule, SliderModule, BadgeModule, TabMenuModule, FormsModule], + template: ` +
      +
      +
      +

      The Most Complete UI Suite for Angular

      +

      + Elevate your web applications with PrimeNG's comprehensive suite of customizable, feature-rich UI components. With PrimeNG, turning your development vision into reality has never been easier. +

      +
      + + Get Started + + + + Give a Star + + +
      +
      + +
      +
      + ` +}) +export class HeroSectionComponent implements OnInit, OnDestroy { + value1: number = 24; + + radioValue: string = 'S'; + + dateValue: Date; + + switchValue: boolean = true; + + chartData: any; + + chartOptions: any; + + selectButtonValue: SelectItem; + + selectButtonOptions: SelectItem[]; + + user: any = null; + + users: any[]; + + items: MenuItem[]; + + rangeValues = [20, 80]; + + themeChangeCompleteSubscription: Subscription; + + constructor(private configService: AppConfigService, @Inject(PLATFORM_ID) private platformId: any) {} + + ngOnInit() { + this.initChartData(); + this.setChartOptions(); + + this.selectButtonValue = { label: 'Styled', value: 1 }; + + this.selectButtonOptions = [ + { label: 'Styled', value: 1 }, + { label: 'Unstyled', value: 2 } + ]; + + this.items = [ + { label: 'Home', icon: 'pi pi-fw pi-home' }, + { label: 'Calendar', icon: 'pi pi-fw pi-calendar' } + ]; + + this.users = [ + { name: 'Amy Elsner', image: 'amyelsner.png' }, + { name: 'Bernardo Dominic', image: 'bernardodominic.png' }, + { name: 'Onyama Limba', image: 'onyamalimba.png' } + ]; + + this.themeChangeCompleteSubscription = this.configService.themeChangeComplete$.subscribe(() => { + this.setChartOptions(); + }); + } + + initChartData(): void { + this.chartData = { + labels: ['Q1', 'Q2', 'Q3', 'Q4'], + datasets: [ + { + label: 'Annual Income', + data: [40, 59, 40, 50, 56], + fill: true, + borderColor: '#3b82f6', + tension: 0.4, + backgroundColor: 'rgba(59, 130, 246, .2)' + } + ] + }; + } + + setChartOptions(): void { + if (isPlatformBrowser(this.platformId)) { + const documentStyle = getComputedStyle(document.documentElement); + const textColorSecondary = documentStyle.getPropertyValue('--text-color-secondary'); + const surfaceBorder = documentStyle.getPropertyValue('--surface-border'); + + this.chartOptions = { + plugins: { + legend: { + display: false + } + }, + scales: { + x: { + ticks: { + color: textColorSecondary + }, + grid: { + color: surfaceBorder + } + }, + y: { + beginAtZero: true, + ticks: { + color: textColorSecondary + }, + min: 0, + max: 100, + grid: { + color: surfaceBorder + } + } + } + }; + } + } + + ngOnDestroy(): void { + if (this.themeChangeCompleteSubscription) { + this.themeChangeCompleteSubscription.unsubscribe(); + this.themeChangeCompleteSubscription = null; + } + } +} diff --git a/src/app/showcase/pages/landing/landing.component.html b/src/app/showcase/pages/landing/landing.component.html index b1070235503..15f8eadc47f 100644 --- a/src/app/showcase/pages/landing/landing.component.html +++ b/src/app/showcase/pages/landing/landing.component.html @@ -1,1406 +1,10 @@ -
      -
      - -
      -
      - - - - - - -
      - - - - - - - - - -
      -
      -
      - -
      -
      -
      -
      - -
      -
      - primeng templates -
      - Templates - Spectacular Designs -
      -
      -
      -       - -
      -
      - primeng templates -
      - Theme Designer - Create Your Own -
      -
      -
      -       -
      -
      - -
      -
      - primeng core -
      - Open Source - 90+ UI Components -
      -
      -
      -       - - - - -
      -
      - primeng icons -
      - CSS Utilities - PrimeFlex CSS -
      -
      -
      -       -
      -
      - -
      -
      - primeng templates -
      - Prime Blocks - 400+ UI Blocks -
      -
      -
      -       - -
      -
      - primeng templates -
      - Icon Library - 200+ Icons -
      -
      -
      -       -
      -
      - - - -
      - -
      - - Get Started - - - -
      - - {{ isNpmCopied ? 'copied!' : 'npm i primeng' - }} -
      -
      - -
      -
      -
      -
      -
      -
      - -
      -
      Who Uses
      -

      - PrimeTek libraries have reached over110 Million Downloadson npm! Join the PrimeLand community and experience the difference yourself. -

      -
      -
      -
      -
      -
      - -
      -
      -
      -
      - -
      -
      -
      -
      - -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      - -
      -
      -
      -
      - -
      -
      -
      -
      -
      -
      - - -
      -
      Components
      -

      Over 90 Angular UI Components with top-notch - quality to help you implement all your UI requirements in style.

      -
      - - - Get Started - - - -
      -
      -
      -
      -
      -
      - Balance -
      - - -
      - Category -
      -
      - - -
      -
      - - -
      -
      - - -
      -
      -
      -
      - -
      -
      - -
      -
      -
        -
      • - avatar 1 - Darrel Steward - - 15% -
        • -
      • - avatar 2 - Albert Flores - - 85% -
        • -
      • - avatar 3 - Kathryn Murphy - - 50% -
        • -
      • - avatar 4 - Cody Fisher - - 75% -
        • -
      • - avatar 5 - Brandon Atkinson - - 60% -
        • -
      -
      -
      -
      -
      -
      - Watch -
      -
      -
      - Brown Watch - Premium Quality -
      - $12.45 -
      - -
      -
      - -
      -
      -
      - - Typescript - -
      -
      - -
      -
      -
      -
      - -
      -
      -
      -
      -
      -
      - -
      - -
      -
      -
      - -
      -
      -
      - -
      -
      -
      -
      - -
      -
      Themes
      -

      Crafted on a design-agnostic infrastructure, choose from a vast amount of themes such - as Material, Bootstrap, Tailwind, PrimeOne or develop your own.

      -
      - - - - more... -
      -
      -
      - - -
      -
      Customers
      - - - - -
      -       - - - - - - -
      - Name - -
      - - -
      - Country - -
      - - -
      - Agent - -
      - - -
      - Date - -
      - - -
      - Balance - -
      - - -
      - Status - -
      - - -
      - Activity - -
      - - - -       - - - - - - - Name - {{ customer.name }} - - - Country - country flag - {{ customer.country.name }} - - - Representative - representative - {{ customer.representative.name }} - - - Date - {{ customer.date | date: 'MM/dd/yyyy' }} - - - Balance - {{ customer.balance | currency: 'USD':'symbol' }} - - - Status - {{ customer.status }} - - - Activity - - - - - - - - - - No customers found. - - -       -
      -
      -
      - -
      -
      PrimeBlocks
      -

      400+ ready to copy-paste UI blocks to build spectacular applications in no time.

      -
      - - Learn More - - -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      - 26 % -
      -
      -
      -
      - 6 % -
      -
      -
      -
      - 62 % -
      -
      -
      -
      - 39 % -
      -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      - -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      - question mark -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      -
      - -
      -
      Theme Designer
      -

      Designer is the ultimate tool to create your own PrimeNG experience powered by a SASS - based theme engine with 500+ variables and a Visual Designer.

      -
      -
      -
      -
      - prime designer -
      -
      - Primary -
      - - - - -
      - - Font - - - Size -
      -
      - - -
      -
      - - -
      -
      - - -
      -
      - - Input Style -
      -
      - - -
      -
      - - -
      -
      - - - View Full Version - - -
      -
      -
      -
      -
      - - -
      -
      - - -
      -
      - -
      - $ - - .00 -
      -
      -
      - - -
      -
      - City - -
      -
      - - - - Checkboxes -
      -
      - - -
      -
      - - -
      -
      - - Buttons -
      - - -
      -
      -
      -
      -
      -
      -
      - -
      -
      Templates
      -

      Professionally designed highly customizable application templates to get - started in style.

      -
      - - Learn More - - -
      -
      -
      -
      - Diamond - Preview -
      -
      - Freya - Preview -
      -
      -
      -
      - Atlantis - Preview -
      - -
      - Apollo - Preview -
      -
      -
      -
      - Serenity - Preview -
      -
      - Ultima - Preview -
      -
      -
      -
      - - - - - - - - - - - - - - - - - - - - - - - - - - -
      -
      - - - - - - - - - - - - - - - - - - - - - - - - - - -
      -
      -
      -
      - -
      -
      Features
      -

      PrimeNG is the most complete solution for your UI requirements.

      -
      -
      -
      -
      -
      - components icon -
      90+ UI Components
      -

      The ultimate set of UI Components to assist you with - 90+ impressive Angular Components.

      -
      -
      -
      -
      - components icon -
      Community
      -

      Connect with the other open source community members, - collaborate and have a voice in the project roadmap.

      -
      -
      -
      -
      - components icon -
      Productivity
      -

      Boost your productivity by achieving more in less time - and accomplish amazing results.

      -
      -
      -
      -
      - components icon -
      Accessibility
      -

      The ultimate set of UI Components to assist you with - 90+ impressive Angular Components.

      -
      -
      -
      -
      - components icon -
      Enterprise Support
      -

      Exceptional support service featuring response within - 1 business day and option to request enhancements and new features for the library.

      -
      -
      -
      -
      - components icon -
      Mobile
      -

      First class support for responsive design led by touch - optimized elements.

      -
      -
      -
      -
      - components icon -
      Themes
      -

      Built on a design-agnostic api, choose from a vast - amount of themes such as Material, Bootstrap, custom or develop your own.

      -
      -
      -
      -
      - components icon -
      Typescript
      -

      Top-notch support for Typescript with types and - tooling assistance.

      -
      -
      -
      -
      - -
      -
      - -
      -
      -
      -
      - -
      -
      - -
      -
      - -
      -
      - -
      -
      - -
      - -
      - - primeng logo - -
      - - - - - - - - - -
      -
      -
      - -
      +
      + + + + + + + +
      \ No newline at end of file diff --git a/src/app/showcase/pages/landing/landing.component.ts b/src/app/showcase/pages/landing/landing.component.ts index 8a637c014f9..3141567de0f 100644 --- a/src/app/showcase/pages/landing/landing.component.ts +++ b/src/app/showcase/pages/landing/landing.component.ts @@ -1,384 +1,87 @@ -import { DOCUMENT, isPlatformBrowser } from '@angular/common'; -import { ChangeDetectorRef, Component, ElementRef, Inject, OnDestroy, OnInit, PLATFORM_ID, Renderer2, ViewChild } from '@angular/core'; +import { CommonModule, NgOptimizedImage } from '@angular/common'; +import { Component, OnInit, afterNextRender } from '@angular/core'; import { Meta, Title } from '@angular/platform-browser'; -import { MenuItem, SelectItem, TreeNode } from 'primeng/api'; -import { Table } from 'primeng/table'; -import { AppConfig } from '../../domain/appconfig'; -import { Customer, Representative } from '../../domain/customer'; -import { AppComponent } from '../../layout/app.component'; +import { AppNewsComponent } from '../../layout/news/app.news.component'; +import { AppTopBarComponent } from '../../layout/topbar/app.topbar.component'; import { AppConfigService } from '../../service/appconfigservice'; -import { CustomerService } from '../../service/customerservice'; -import { NodeService } from '../../service/nodeservice'; - -interface City { - name: string; - code: string; -} +import { BlockSectionComponent } from './blocksection.component'; +import { FeaturesSectionComponent } from './featuressection.component'; +import { FooterSectionComponent } from './footersection.component'; +import { HeroSectionComponent } from './herosection.component'; +import { TemplateSectionComponent } from './templatesection.component'; +import { ThemeSectionComponent } from './themesection.component'; +import { UsersSectionComponent } from './userssection.component'; @Component({ selector: 'landing', - templateUrl: './landing.component.html' + standalone: true, + templateUrl: './landing.component.html', + imports: [CommonModule, NgOptimizedImage, AppNewsComponent, AppTopBarComponent, HeroSectionComponent, FeaturesSectionComponent, UsersSectionComponent, ThemeSectionComponent, BlockSectionComponent, TemplateSectionComponent, FooterSectionComponent] }) -export class LandingComponent implements OnInit, OnDestroy { - @ViewChild('containerElement') containerElement: ElementRef; - - @ViewChild('dt') table: Table; - - @ViewChild('editor') editor: ElementRef; - - menuActive: boolean = false; - - scrollListener: any; - - chartData: any; - - chartOptions: any; - - items: MenuItem[]; - - selectButtonOptions: SelectItem[]; - - treeData: TreeNode[]; - - val1: number = 240; - - val2: number = 356; - - selectedValue: string = 'C'; - - checked: boolean = true; - - selectedVal: number = 1; - - rangeValues = [20, 80]; - - date1: Date; - - date2: Date; - - customers: Customer[]; - - selectedCustomers: Customer[]; - - representatives: Representative[]; - - statuses: SelectItem[]; - - loading: boolean = true; - - fonts: SelectItem[]; +export class LandingComponent implements OnInit { + private tableTheme = 'lara-light-blue'; - selectedFont: string = '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol'; - - inputStyle: string = 'outlined'; - - size: string = 'normal'; - - selectedCity: City; - - cities: City[]; - - price: number; - - config: AppConfig; - - darkMode: boolean = false; - - setAnimation: boolean = true; - - selectedOptions: string[] = ['1']; - - theme: string = 'lara-light-blue'; - - isNpmCopied: boolean = false; - - usersData = [ - { name: 'fox', width: '51', height: '22' }, - { name: 'airbus', width: '87', height: '16' }, - { name: 'mercedes', width: '34', height: '34' }, - { name: 'ford', width: '64', height: '26' }, - { name: 'vw', width: '35', height: '34' }, - { name: 'intel', width: '53', height: '34' }, - { name: 'unicredit', width: '79', height: '18' }, - { name: 'lufthansa', width: '97', height: '18' }, - { name: 'nvidia', width: '86', height: '16' }, - { name: 'verizon', width: '102', height: '18' }, - { name: 'amex', width: '81', height: '30' } - ]; - usersImages: any; - - private window: Window; - - constructor( - @Inject(DOCUMENT) private document: Document, - @Inject(PLATFORM_ID) private platformId: any, - private renderer: Renderer2, - private nodeService: NodeService, - private customerService: CustomerService, - private configService: AppConfigService, - private cd: ChangeDetectorRef, - public app: AppComponent, - private metaService: Meta, - private titleService: Title - ) { - this.window = this.document.defaultView as Window; - } - - ngOnInit() { - this.titleService.setTitle('PrimeNG - Angular UI Component Library'); - this.metaService.updateTag({ name: 'description', content: 'The ultimate collection of design-agnostic, flexible and accessible Angular UI Components.' }); - this.config = this.configService.config; - this.changeTableTheme(this.config.dark ? 'lara-dark-blue' : 'lara-light-blue'); - this.configService.updateConfig({ ...this.config, ...{ theme: this.config.dark ? 'lara-dark-blue' : 'lara-light-blue' } }); - - this.chartData = { - labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'], - datasets: [ - { - label: 'Income', - data: [40, 59, 40, 50, 56, 40, 70], - fill: true, - borderColor: '#03C4E8', - tension: 0.4, - backgroundColor: 'rgba(3, 196, 232, .2)' - } - ] - }; - - this.chartOptions = { - plugins: { - legend: { - display: false - } - }, - scales: { - y: { - ticks: { - display: false - }, - min: 0, - max: 100 - }, - x: { - ticks: { - display: false - } - } + constructor(private configService: AppConfigService, private metaService: Meta, private titleService: Title) { + afterNextRender(() => { + if (this.configService.config.theme !== this.tableTheme) { + this.changeTableTheme(this.configService.config.darkMode ? 'lara-dark-blue' : 'lara-light-blue'); } - }; - - this.selectButtonOptions = [ - { label: 'Prime', value: 1 }, - { label: 'Angular', value: 2 }, - { label: 'Themes', value: 3 } - ]; - - this.items = [ - { label: 'Home', icon: 'pi pi-fw pi-home' }, - { label: 'Calendar', icon: 'pi pi-fw pi-calendar' }, - { label: 'Settings', icon: 'pi pi-fw pi-cog' } - ]; - - this.nodeService.getFiles().then((files) => (this.treeData = files)); - - this.customerService.getCustomersLarge().then((customers) => { - this.customers = customers; - this.loading = false; }); - - this.representatives = [ - { name: 'Amy Elsner', image: 'amyelsner.png' }, - { name: 'Anna Fali', image: 'annafali.png' }, - { name: 'Asiya Javayant', image: 'asiyajavayant.png' }, - { name: 'Bernardo Dominic', image: 'bernardodominic.png' }, - { name: 'Elwin Sharvill', image: 'elwinsharvill.png' }, - { name: 'Ioni Bowcher', image: 'ionibowcher.png' }, - { name: 'Ivan Magalhaes', image: 'ivanmagalhaes.png' }, - { name: 'Onyama Limba', image: 'onyamalimba.png' }, - { name: 'Stephen Shaw', image: 'stephenshaw.png' }, - { name: 'XuXue Feng', image: 'xuxuefeng.png' } - ]; - - this.statuses = [ - { label: 'Unqualified', value: 'unqualified' }, - { label: 'Qualified', value: 'qualified' }, - { label: 'New', value: 'new' }, - { label: 'Negotiation', value: 'negotiation' }, - { label: 'Renewal', value: 'renewal' }, - { label: 'Proposal', value: 'proposal' } - ]; - - this.fonts = [ - { - label: 'Arial', - value: 'Arial,Helvetica Neue,Helvetica,sans-serif' - }, - { - label: 'System', - value: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol' - }, - { - label: 'Trebuches MS', - value: 'Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif' - }, - { - label: 'Verdana', - value: 'Verdana,Geneva,sans-serif' - } - ]; - - this.cities = [ - { name: 'New York', code: 'NY' }, - { name: 'Rome', code: 'RM' }, - { name: 'London', code: 'LDN' }, - { name: 'Paris', code: 'PRS' } - ]; - - this.bindScrollListener(); - } - - copyNpm() { - navigator.clipboard.writeText('npm i primeng'); - this.isNpmCopied = true; - setTimeout(() => { - this.isNpmCopied = false; - }, 2000); - } - - ngAfterViewInit() { - this.cd.detectChanges(); } - ngOnDestroy() { - this.unbindScrollListener(); + get landingClass() { + return { + 'layout-dark': this.isDarkMode, + 'layout-light': !this.isDarkMode, + 'layout-news-active': this.isNewsActive + }; } - bindScrollListener() { - if (isPlatformBrowser(this.platformId)) { - if (!this.scrollListener) { - this.scrollListener = this.renderer.listen(this.window, 'scroll', () => { - if (window.scrollY > 0) { - this.containerElement.nativeElement.classList.add('landing-header-sticky'); - } else { - this.containerElement.nativeElement.classList.remove('landing-header-sticky'); - } - }); - } - } + get isDarkMode() { + return this.configService.config.darkMode; } - unbindScrollListener() { - if (this.scrollListener) { - this.scrollListener(); - this.scrollListener = null; - } + get isNewsActive() { + return this.configService.state.newsActive; } - handleChange(event) { - this.checked = event.checked; + ngOnInit() { + this.titleService.setTitle('PrimeNG - Angular UI Component Library'); + this.metaService.updateTag({ name: 'description', content: 'The ultimate collection of design-agnostic, flexible and accessible Angular UI Components.' }); } toggleDarkMode() { - this.config.dark = !this.config.dark; - let theme = this.config.dark ? this.theme.replace('light', 'dark') : this.theme.replace('dark', 'light'); - this.config = { ...this.config, dark: this.config.dark, theme: theme }; - - this.configService.updateConfig({ ...this.configService.config, ...{ theme: this.config.dark ? 'lara-dark-blue' : 'lara-light-blue', dark: this.config.dark } }); - this.changeTableTheme(theme); - - if (isPlatformBrowser(this.platformId)) { - let linkElement = document.getElementById('theme-link'); - this.replaceLink(linkElement, theme); - this.theme = theme; - } - } - - changeTableTheme(newTheme) { - if (isPlatformBrowser(this.platformId)) { - let linkElement = document.getElementById('home-table-link'); - this.replaceLink(linkElement, newTheme); - this.theme = newTheme; - } - } - - replaceLink(linkElement, theme) { - if (isPlatformBrowser(this.platformId)) { - const id = linkElement.getAttribute('id'); - const tableThemeTokens = linkElement.getAttribute('href').split('/'); - const currentTableTheme = tableThemeTokens[tableThemeTokens.length - 2]; - if (currentTableTheme !== theme) { - const cloneLinkElement = linkElement.cloneNode(true); - cloneLinkElement.setAttribute('href', linkElement.getAttribute('href').replace(currentTableTheme, theme)); - cloneLinkElement.setAttribute('id', id + '-clone'); - - linkElement.parentNode.insertBefore(cloneLinkElement, linkElement.nextSibling); - this.renderer.listen(cloneLinkElement, 'load', () => { - linkElement.remove(); - cloneLinkElement.setAttribute('id', id); - }); - } - } - } - - changeFont() { - this.editor.nativeElement.style.setProperty('--dd-font', this.selectedFont); - } - - changeDesignerTheme(color, darker) { - this.editor.nativeElement.style.setProperty('--dd-primary', color); - this.editor.nativeElement.style.setProperty('--dd-primary-darker', darker); - } - - onActivityChange(event) { - const value = event.target.value; - if (value && value.trim().length) { - const activity = parseInt(value); - - if (!isNaN(activity)) { - this.table.filter(activity, 'activity', 'gte'); - } - } - } - - onDateSelect(value) { - this.table.filter(this.formatDate(value), 'date', 'equals'); - } - - formatDate(date) { - let month = date.getMonth() + 1; - let day = date.getDate(); - - if (month < 10) { - month = '0' + month; - } - - if (day < 10) { - day = '0' + day; - } + const theme = this.isDarkMode ? 'lara-light-blue' : 'lara-dark-blue'; + const newTableTheme = this.isDarkMode ? this.tableTheme.replace('dark', 'light') : this.tableTheme.replace('light', 'dark'); - return date.getFullYear() + '-' + month + '-' + day; + this.configService.changeTheme({ name: theme, dark: !this.isDarkMode }); + this.replaceTableTheme(newTableTheme); } - onRepresentativeChange(event) { - this.table.filter(event.value, 'representative', 'in'); + changeTableTheme(value: string) { + this.replaceTableTheme(value); } - getSeverity(status) { - switch (status) { - case 'unqualified': - return 'danger'; + replaceTableTheme(newTheme: string) { + const elementId = 'home-table-link'; + const linkElement = document.getElementById(elementId); + const tableThemeTokens = linkElement?.getAttribute('href').split('/') || null; + const currentTableTheme = tableThemeTokens ? tableThemeTokens[tableThemeTokens.length - 2] : null; - case 'qualified': - return 'success'; + if (currentTableTheme !== newTheme && tableThemeTokens) { + const newThemeUrl = linkElement.getAttribute('href').replace(currentTableTheme, newTheme); - case 'new': - return 'info'; + const cloneLinkElement = linkElement.cloneNode(true); - case 'negotiation': - return 'warning'; + cloneLinkElement.setAttribute('id', elementId + '-clone'); + cloneLinkElement.setAttribute('href', newThemeUrl); + cloneLinkElement.addEventListener('load', () => { + linkElement.remove(); + cloneLinkElement.setAttribute('id', elementId); + }); + linkElement.parentNode?.insertBefore(cloneLinkElement, linkElement.nextSibling); - case 'renewal': - return null; + this.tableTheme = newTheme; } } } diff --git a/src/app/showcase/pages/landing/landing.module.ts b/src/app/showcase/pages/landing/landing.module.ts deleted file mode 100644 index 14a2513e003..00000000000 --- a/src/app/showcase/pages/landing/landing.module.ts +++ /dev/null @@ -1,55 +0,0 @@ -import { CommonModule, NgOptimizedImage } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { FormsModule } from '@angular/forms'; -import { RouterModule } from '@angular/router'; -import { BadgeModule } from 'primeng/badge'; -import { ButtonModule } from 'primeng/button'; -import { CalendarModule } from 'primeng/calendar'; -import { ChartModule } from 'primeng/chart'; -import { CheckboxModule } from 'primeng/checkbox'; -import { ChipModule } from 'primeng/chip'; -import { DropdownModule } from 'primeng/dropdown'; -import { InputNumberModule } from 'primeng/inputnumber'; -import { InputSwitchModule } from 'primeng/inputswitch'; -import { ListboxModule } from 'primeng/listbox'; -import { ProgressBarModule } from 'primeng/progressbar'; -import { RadioButtonModule } from 'primeng/radiobutton'; -import { SelectButtonModule } from 'primeng/selectbutton'; -import { SidebarModule } from 'primeng/sidebar'; -import { SliderModule } from 'primeng/slider'; -import { TableModule } from 'primeng/table'; -import { TabMenuModule } from 'primeng/tabmenu'; -import { TreeModule } from 'primeng/tree'; -import { AppNewsModule } from '../../layout/news/app.news.module'; -import { LandingComponent } from './landing.component'; - -@NgModule({ - imports: [ - CommonModule, - NgOptimizedImage, - FormsModule, - SidebarModule, - InputSwitchModule, - ButtonModule, - RadioButtonModule, - InputNumberModule, - TabMenuModule, - ChartModule, - ProgressBarModule, - TreeModule, - ChipModule, - SelectButtonModule, - SliderModule, - BadgeModule, - CalendarModule, - TableModule, - DropdownModule, - ListboxModule, - RouterModule, - CheckboxModule, - AppNewsModule - ], - exports: [LandingComponent], - declarations: [LandingComponent] -}) -export class LandingModule {} diff --git a/src/app/showcase/pages/landing/templatesection.component.ts b/src/app/showcase/pages/landing/templatesection.component.ts new file mode 100644 index 00000000000..f343223938f --- /dev/null +++ b/src/app/showcase/pages/landing/templatesection.component.ts @@ -0,0 +1,145 @@ +import { CommonModule } from '@angular/common'; +import { Component } from '@angular/core'; +import { AppConfigService } from '../../service/appconfigservice'; + +@Component({ + selector: 'templates-section', + standalone: true, + imports: [CommonModule], + template: ` +
      +
      Templates
      +

      Professionally designed highly customizable application templates to get started in style.

      +
      + + Explore All + + +
      +
      +
      +
      + Verona Preview +
      +
      + Freya Preview +
      +
      +
      +
      + Atlantis Preview +
      + +
      + Apollo Preview +
      +
      +
      +
      + Diamond Preview +
      +
      + Ultima Preview +
      +
      +
      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      +
      +
      + ` +}) +export class TemplateSectionComponent { + constructor(private configService: AppConfigService) {} + + get isDarkMode() { + return this.configService.config.darkMode; + } +} diff --git a/src/app/showcase/pages/landing/themesection.component.ts b/src/app/showcase/pages/landing/themesection.component.ts new file mode 100644 index 00000000000..56f026d99a5 --- /dev/null +++ b/src/app/showcase/pages/landing/themesection.component.ts @@ -0,0 +1,232 @@ +import { CommonModule, isPlatformBrowser } from '@angular/common'; +import { Component, Inject, PLATFORM_ID, ViewChild } from '@angular/core'; +import { ButtonModule } from 'primeng/button'; +import { ProgressBarModule } from 'primeng/progressbar'; +import { Table, TableModule } from 'primeng/table'; +import { TagModule } from 'primeng/tag'; +import { Customer } from '../../domain/customer'; +import { AppComponent } from '../../layout/app.component'; +import { AppConfigService } from '../../service/appconfigservice'; +import { CustomerService } from '../../service/customerservice'; + +@Component({ + selector: 'theme-section', + standalone: true, + imports: [CommonModule, TableModule, ButtonModule, TagModule, ProgressBarModule], + template: ` +
      +
      Themes
      +

      Crafted on a design-agnostic infrastructure, choose from a vast amount of themes such as Material, Bootstrap, Tailwind, PrimeOne or develop your own.

      +
      + + + + more... +
      +
      +
      + + +
      +
      Customers
      + + + + +
      +       + + + + + + +
      + Name + +
      + + +
      + Country + +
      + + +
      + Agent + +
      + + +
      + Date + +
      + + +
      + Balance + +
      + + +
      + Status + +
      + + +
      + Activity + +
      + + + +       + + + + + + + Name + {{ customer.name }} + + + Country + country flag + {{ customer.country.name }} + + + Representative + representative + {{ customer.representative.name }} + + + Date + {{ customer.date | date : 'MM/dd/yyyy' }} + + + Balance + {{ customer.balance | currency : 'USD' : 'symbol' }} + + + + + + Activity + + + + + + + + + + No customers found. + + +       +
      +
      +
      + ` +}) +export class ThemeSectionComponent { + constructor(@Inject(PLATFORM_ID) private platformId: any, private customerService: CustomerService, private configService: AppConfigService, public app: AppComponent) {} + + @ViewChild('dt') table: Table; + + tableTheme: string = 'lara-light-blue'; + + customers: Customer[]; + + selectedCustomers: Customer[]; + + loading: boolean = true; + + get isDarkMode() { + return this.configService.config.darkMode; + } + + changeTableTheme(value: string) { + if (isPlatformBrowser(this.platformId)) { + this.replaceTableTheme(value); + } + } + replaceTableTheme(newTheme: string) { + const elementId = 'home-table-link'; + const linkElement = document.getElementById(elementId); + const tableThemeTokens = linkElement?.getAttribute('href').split('/') || null; + const currentTableTheme = tableThemeTokens ? tableThemeTokens[tableThemeTokens.length - 2] : null; + + if (currentTableTheme !== newTheme && tableThemeTokens) { + const newThemeUrl = linkElement.getAttribute('href').replace(currentTableTheme, newTheme); + + const cloneLinkElement = linkElement.cloneNode(true); + + cloneLinkElement.setAttribute('id', elementId + '-clone'); + cloneLinkElement.setAttribute('href', newThemeUrl); + cloneLinkElement.addEventListener('load', () => { + linkElement.remove(); + cloneLinkElement.setAttribute('id', elementId); + }); + linkElement.parentNode?.insertBefore(cloneLinkElement, linkElement.nextSibling); + + this.tableTheme = newTheme; + } + } + + ngOnInit() { + this.changeTableTheme(this.configService.config.darkMode ? 'lara-dark-blue' : 'lara-light-blue'); + + this.customerService.getCustomersLarge().then((customers) => { + this.customers = customers; + this.loading = false; + }); + } + + getSeverity(status) { + switch (status) { + case 'unqualified': + return 'danger'; + + case 'qualified': + return 'success'; + + case 'new': + return 'info'; + + case 'negotiation': + return 'warning'; + + case 'renewal': + return null; + } + } +} diff --git a/src/app/showcase/pages/landing/userssection.component.ts b/src/app/showcase/pages/landing/userssection.component.ts new file mode 100644 index 00000000000..fbb12681159 --- /dev/null +++ b/src/app/showcase/pages/landing/userssection.component.ts @@ -0,0 +1,81 @@ +import { CommonModule } from '@angular/common'; +import { Component } from '@angular/core'; +import { AppConfigService } from '../../service/appconfigservice'; + +@Component({ + selector: 'users-section', + standalone: true, + imports: [CommonModule], + template: ` +
      +
      Who Uses
      +

      + PrimeTek libraries have reached over150 Million Downloadson npm! Join the PrimeLand community and experience the difference yourself. +

      +
      +
      +
      +
      +
      + +
      +
      +
      +
      + +
      +
      +
      +
      + +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      + +
      +
      +
      +
      + +
      +
      +
      +
      +
      +
      + ` +}) +export class UsersSectionComponent { + constructor(private configService: AppConfigService) {} + + usersData = [ + { name: 'fox', width: '51', height: '22' }, + { name: 'airbus', width: '87', height: '16' }, + { name: 'mercedes', width: '34', height: '34' }, + { name: 'ford', width: '64', height: '26' }, + { name: 'vw', width: '35', height: '34' }, + { name: 'intel', width: '53', height: '34' }, + { name: 'unicredit', width: '79', height: '18' }, + { name: 'lufthansa', width: '97', height: '18' }, + { name: 'nvidia', width: '86', height: '16' }, + { name: 'verizon', width: '102', height: '18' }, + { name: 'amex', width: '81', height: '30' } + ]; + + get isDarkMode() { + return this.configService.config.darkMode; + } +} diff --git a/src/app/showcase/pages/listbox/listboxdemo.ts b/src/app/showcase/pages/listbox/listboxdemo.ts index 453c3708de3..8860d3e3aa6 100755 --- a/src/app/showcase/pages/listbox/listboxdemo.ts +++ b/src/app/showcase/pages/listbox/listboxdemo.ts @@ -10,6 +10,7 @@ import { InvalidDoc } from '../../doc/listbox/invaliddoc'; import { MultipleDoc } from '../../doc/listbox/multipledoc'; import { StyleDoc } from '../../doc/listbox/styledoc'; import { TemplateDoc } from '../../doc/listbox/templatedoc'; +import { VirtualScrollDoc } from '../../doc/listbox/virtualscrolldoc'; @Component({ templateUrl: './listboxdemo.html' @@ -61,6 +62,11 @@ export class ListboxDemo { label: 'Disabled', component: DisabledDoc }, + { + id: 'virtualscroll', + label: 'Virtual Scroll', + component: VirtualScrollDoc + }, { id: 'style', label: 'Style', diff --git a/src/app/showcase/pages/lts/lts.component.html b/src/app/showcase/pages/lts/lts.component.html index 7ea16fd754d..afacb018a10 100755 --- a/src/app/showcase/pages/lts/lts.component.html +++ b/src/app/showcase/pages/lts/lts.component.html @@ -1,22 +1,31 @@
      - LTS Support + LTS Support
      - +
      Community Versions

      - Angular is a fast paced technology with a new major version every 6 months. PrimeNG release cycle is aligned with Angular and every 6 months a new major PrimeNG version is released as open source that is compatible with the latest Angular core. - The maintenance releases of the latest PrimeNG version are provided as free and open source for the following 6 months until the new major Angular version is ready. + Angular is a fast paced technology with a new major version every 6 months. PrimeNG release cycle is + aligned with Angular and every 6 months a new major PrimeNG version is released as open source that is + compatible with the latest Angular core. + The maintenance releases of the latest PrimeNG version are provided as free and open source for the + following 6 months until the new major Angular version is ready.

      -
      +
      LTS Versions

      - Majority of the existing applications prefer to remain at a previous version due to stability requirements instead of upgrading to the latest version immediately. - PrimeNG LTS is a support service to provide a license for the finest compatible version suited to you. - LTS covers the prior two versions from the latest release, this means up to 18 months of almost bi-weekly releases to bring the latest defect fixes and security updates to your project. - As an example, when PrimeNG moves to Angular 16, PrimeNG 15 and 14 will move to LTS support whereas STS (short term support) versions of PrimeNG 16 will be open source under MIT license + Majority of the existing applications prefer to remain at a previous version due to stability + requirements instead of upgrading to the latest version immediately. + PrimeNG LTS is a support service to provide a license for the finest compatible version suited to you. + LTS covers the prior two versions from the latest release, this means up to 18 months of almost + bi-weekly releases to bring the latest defect fixes and security updates to your project. + As an example, when PrimeNG moves to Angular 16, PrimeNG 15 and 14 will move to LTS support whereas STS + (short term support) versions of PrimeNG 16 will be open source under MIT license for at least 6 months until Angular/PrimeNG 17 is released.

      @@ -25,7 +34,8 @@
      Version Support

      The following table provides the status for PrimeNG versions under support by LTS. - Legacy versions are only supported by PrimeNG PRO. + Legacy versions are only supported by PrimeNG PRO.

      @@ -108,28 +118,36 @@ Security
      -

      PrimeNG comes with a commitment to provide long-term support, including regular security updates to keep your system protected against emerging threats.

      +

      PrimeNG comes with a commitment to + provide long-term support, including regular security updates to keep your system protected against + emerging threats.

      Maintenance
      -

      We understand the importance of maintaining a stable and reliable software system. Our team will provide ongoing maintenance to ensure that the software continues to function seamlessly and efficiently.

      +

      We understand the importance of + maintaining a stable and reliable software system. Our team will provide ongoing maintenance to + ensure that the software continues to function seamlessly and efficiently.

      Enhancements
      -

      We are dedicated to continuously improving PrimeNG to meet the evolving needs of our users. As part of our long-term support, we will provide regular updates and enhancements to add new features and functionality.

      +

      We are dedicated to continuously + improving PrimeNG to meet the evolving needs of our users. As part of our long-term support, we will + provide regular updates and enhancements to add new features and functionality.

      Pricing
      Choose the right plan for your business.
      - View License Details + View License + Details
      @@ -167,7 +185,9 @@
    - Buy Now + Buy + Now
    @@ -207,7 +227,9 @@
- Buy Now + Buy + Now
@@ -216,7 +238,11 @@
Usage

- LTS versions require a license key and a pass key to be verified at your main app component or main.ts before bootstrap process. The keys would be available at PrimeStore under LTS Licenses section. + LTS versions require a license key and a pass key to be verified at your main app component or main.ts + before bootstrap process. The keys would be available at PrimeStore under LTS Licenses + section.

@@ -225,45 +251,64 @@
Is LTS License mandatory to use PrimeNG?
-

No, all releases of the latest PrimeNG version are free to use under MIT License until a new major version comes which happens every 6 months.

+

No, all releases of the latest PrimeNG version are free + to use under MIT License until a new major version comes which happens every 6 months.

How long is the duration of the LTS license?
-

Duration is 1 year for Basic License, for Extended License there is no limit.

+

Duration is 1 year for Basic License, for Extended + License there is no limit.

What happens after the license duration ends?
-

A message will be displayed at the application screen and license needs to be renewed at PrimeStore. This only applies to Basic License as Extended License has no time limit.

+

A message will be displayed at the application screen + and license needs to be renewed at PrimeStore. This only applies to Basic License as Extended + License has no time limit.

-
Is a license bound to a specific major version?
-

Yes, a license key is tied to the major version such as 15 and same license key cannot be used on another major version like 14.

+
Is a license bound to a specific major version? +
+

Yes, a license key is tied to the major version such as + 15 and same license key cannot be used on another major version like 14.

How can I assign my license to a version?
-

At PrimeStore, there is an "Assign" feature that activates your license by selecting a version.

+

At PrimeStore, there is an "Assign" feature that + activates your license by selecting a version.

Does the license renew automatically?

No, renewal should be done manually at PrimeStore.

-
How are LTS and Community versions differentiated at NPM?
-

LTS releases have -lts suffix such as 14.2.4-lts.

+
How are LTS and Community versions differentiated + at NPM?
+

LTS releases have -lts + suffix such as 14.2.4-lts.

-
Is the license per organization, per developer or per cpu/server?
-

LTS license is per organization, there is no limit on the number of developers, projects or hardware.

+
Is the license per organization, per developer or + per cpu/server?
+

LTS license is per organization, there is no limit on + the number of developers, projects or hardware.

-
Can subsidiary companies share the license of a parent company?
-

No, license owner needs to be a separate entity as a result each company requires a separate license.

+
Can subsidiary companies share the license of a + parent company?
+

No, license owner needs to be a separate entity as a + result each company requires a separate license.

Does LTS provide a support contact?
-

No, PrimeNG PRO is the service where response of PrimeTek engineers is secured within 1 business day.

+

No, PrimeNG PRO is the service where response of PrimeTek + engineers is secured within 1 business day.

-
Can LTS releases be used in open source projects?
-

No, this means violation of the license as keys cannot be shared.

+
Can LTS releases be used in open source projects? +
+

No, this means violation of the license as keys cannot + be shared.

Does PRO provide access to the LTS releases?

Yes, PRO users are granted a basic license.

What is the difference between LTS and PRO?
-

PrimeNG PRO is a premium support service delivered via an exclusive JIRA instance where support engineers of PrimeTek provide assistance within 1 business day to the raised tickets. LTS on the other hand provides a license to utilize the long term support versions.

+

PrimeNG PRO is a premium support service delivered via an + exclusive JIRA instance where support engineers of PrimeTek provide assistance within 1 business day + to the raised tickets. LTS on the other hand provides a license to utilize the long term support + versions.

diff --git a/src/app/showcase/pages/lts/lts.module.ts b/src/app/showcase/pages/lts/lts.module.ts index d8fa17e2d14..fd621206f81 100755 --- a/src/app/showcase/pages/lts/lts.module.ts +++ b/src/app/showcase/pages/lts/lts.module.ts @@ -1,7 +1,7 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { TagModule } from 'primeng/tag'; -import { AppCodeModule } from '../../layout/doc/code/app.code.component'; +import { AppCodeModule } from '../../layout/doc/app.code.component'; import { LTSRoutingModule } from './lts-routing.module'; import { LTSComponent } from './lts.component'; diff --git a/src/app/showcase/pages/playground/playground-routing.module.ts b/src/app/showcase/pages/playground/playground-routing.module.ts new file mode 100644 index 00000000000..07369495ae2 --- /dev/null +++ b/src/app/showcase/pages/playground/playground-routing.module.ts @@ -0,0 +1,9 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { PlaygroundComponent } from './playground.component'; + +@NgModule({ + imports: [RouterModule.forChild([{ path: '', component: PlaygroundComponent }])], + exports: [RouterModule] +}) +export class PlaygroundRoutingModule {} diff --git a/src/app/showcase/pages/playground/playground.component.html b/src/app/showcase/pages/playground/playground.component.html new file mode 100644 index 00000000000..b1c4c4d5d18 --- /dev/null +++ b/src/app/showcase/pages/playground/playground.component.html @@ -0,0 +1,13 @@ +
+
+
+

Playground

+

Experience PrimeNG right now with the interactive environment.

+
+
+ +
+
+
\ No newline at end of file diff --git a/src/app/showcase/pages/playground/playground.component.ts b/src/app/showcase/pages/playground/playground.component.ts new file mode 100644 index 00000000000..a5b9a2063ec --- /dev/null +++ b/src/app/showcase/pages/playground/playground.component.ts @@ -0,0 +1,6 @@ +import { Component } from '@angular/core'; + +@Component({ + templateUrl: './playground.component.html' +}) +export class PlaygroundComponent {} diff --git a/src/app/showcase/pages/playground/playground.module.ts b/src/app/showcase/pages/playground/playground.module.ts new file mode 100644 index 00000000000..0421beaec0c --- /dev/null +++ b/src/app/showcase/pages/playground/playground.module.ts @@ -0,0 +1,10 @@ +import { CommonModule } from '@angular/common'; +import { NgModule } from '@angular/core'; +import { PlaygroundRoutingModule } from './playground-routing.module'; +import { PlaygroundComponent } from './playground.component'; + +@NgModule({ + imports: [CommonModule, PlaygroundRoutingModule], + declarations: [PlaygroundComponent] +}) +export class PlaygroundModule {} diff --git a/src/app/showcase/pages/ripple/rippledemo.ts b/src/app/showcase/pages/ripple/rippledemo.ts index 36aa899f014..d6344f890d8 100644 --- a/src/app/showcase/pages/ripple/rippledemo.ts +++ b/src/app/showcase/pages/ripple/rippledemo.ts @@ -3,7 +3,7 @@ import { ImportDoc } from '../../doc/ripple/importdoc'; import { StyleDoc } from '../../doc/ripple/styledoc'; import { CustomDoc } from '../../doc/ripple/customdoc'; import { DefaultDoc } from '../../doc/ripple/defaultdoc'; - +import { AccessibilityDoc } from '../../doc/ripple/accessibilitydoc'; @Component({ templateUrl: './rippledemo.html', styleUrls: ['./rippledemo.scss'] @@ -29,6 +29,11 @@ export class RippleDemo { id: 'style', label: 'Style', component: StyleDoc + }, + { + id: 'accessibility', + label: 'Accessibility', + component: AccessibilityDoc } ]; } diff --git a/src/app/showcase/pages/roadmap/roadmap.component.html b/src/app/showcase/pages/roadmap/roadmap.component.html index b24293faa6b..967465a6a7c 100644 --- a/src/app/showcase/pages/roadmap/roadmap.component.html +++ b/src/app/showcase/pages/roadmap/roadmap.component.html @@ -2,9 +2,11 @@

Roadmap

- At PrimeTek, we are passionate about improving PrimeNG and + At PrimeTek, we + are passionate about improving PrimeNG and would like to share our ideas for 2023 with the community. These are planned to be implemented in - parallel to the regular maintenance work of the library involving review of issue tickets, PRs and PrimeNG PRO support. + parallel to the regular maintenance work of the library involving review of issue tickets, PRs and PrimeNG + PRO support.

@@ -19,7 +21,9 @@

Roadmap

-
COMPONENTS
+
+ COMPONENTS

Typings

@@ -32,7 +36,8 @@

Typings

Accessibility - I

-

Initiate WCAG Level AA compliance using PrimeVue as the reference implementation.

+

Initiate WCAG Level AA compliance using PrimeVue as the + reference implementation.

@@ -41,7 +46,8 @@

Accessibility - I

Accessibility - II

-

Finalize WCAG Level AA compliance for all components with screen reader and keyboard support based on community feedback and audit tools.

+

Finalize WCAG Level AA compliance for all components with + screen reader and keyboard support based on community feedback and audit tools.

@@ -57,7 +63,8 @@

New Design Tokens

CSS Variables

-

Implement design tokens as CSS variables instead of SCSS.

+

Implement design tokens as CSS variables instead of SCSS. +

@@ -71,14 +78,16 @@

New Styled Mode

Pass Through Props

-

Initate the implementation of Pass Through Props to provide advanced control over component internals.

+

Initate the implementation of Pass Through Props to + provide advanced control over component internals.

Unstyled Mode

-

Implementation of the Unstyled Mode to support libraries like Tailwind.

+

Implementation of the Unstyled Mode to support libraries + like Tailwind.

@@ -86,7 +95,9 @@

Unstyled Mode

-
Figma UI Kit
+
+ Figma UI Kit
@@ -117,7 +128,9 @@

Tokens

-
SHOWCASE
+
+ SHOWCASE

Demos

@@ -158,7 +171,9 @@

Blocks Update

-
Designer
+
+ Designer

Open Source Designer

@@ -173,7 +188,8 @@

Open Source Designer

New UI Based Theme Editor

-

Advanced Theme Editor with full control over the Theming API.

+

Advanced Theme Editor with full control over the Theming + API.

diff --git a/src/app/showcase/pages/slidemenu/slidemenudemo-routing.module.ts b/src/app/showcase/pages/slidemenu/slidemenudemo-routing.module.ts deleted file mode 100755 index d1b12b4832f..00000000000 --- a/src/app/showcase/pages/slidemenu/slidemenudemo-routing.module.ts +++ /dev/null @@ -1,9 +0,0 @@ -import { NgModule } from '@angular/core'; -import { RouterModule } from '@angular/router'; -import { SlideMenuDemo } from './slidemenudemo'; - -@NgModule({ - imports: [RouterModule.forChild([{ path: '', component: SlideMenuDemo }])], - exports: [RouterModule] -}) -export class SlideMenuDemoRoutingModule {} diff --git a/src/app/showcase/pages/slidemenu/slidemenudemo.html b/src/app/showcase/pages/slidemenu/slidemenudemo.html deleted file mode 100755 index 8e80388898c..00000000000 --- a/src/app/showcase/pages/slidemenu/slidemenudemo.html +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/app/showcase/pages/slidemenu/slidemenudemo.module.ts b/src/app/showcase/pages/slidemenu/slidemenudemo.module.ts deleted file mode 100755 index 9649ab172bd..00000000000 --- a/src/app/showcase/pages/slidemenu/slidemenudemo.module.ts +++ /dev/null @@ -1,11 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { SlideMenuDocModule } from '../../doc/slidemenu/slidemenudoc.module'; -import { SlideMenuDemo } from './slidemenudemo'; -import { SlideMenuDemoRoutingModule } from './slidemenudemo-routing.module'; - -@NgModule({ - imports: [CommonModule, SlideMenuDemoRoutingModule, SlideMenuDocModule], - declarations: [SlideMenuDemo] -}) -export class SlideMenuDemoModule {} diff --git a/src/app/showcase/pages/slidemenu/slidemenudemo.ts b/src/app/showcase/pages/slidemenu/slidemenudemo.ts deleted file mode 100755 index 9420d2829ca..00000000000 --- a/src/app/showcase/pages/slidemenu/slidemenudemo.ts +++ /dev/null @@ -1,39 +0,0 @@ -import { Component } from '@angular/core'; -import { PopupDoc } from '../../doc/slidemenu/popupdoc'; -import { BasicDoc } from '../../doc/slidemenu/basicdoc'; -import { ImportDoc } from '../../doc/slidemenu/importdoc'; -import { StyleDoc } from '../../doc/slidemenu/styledoc'; -import { AccessibilityDoc } from '../../doc/slidemenu/accessibilitydoc'; - -@Component({ - templateUrl: './slidemenudemo.html' -}) -export class SlideMenuDemo { - docs = [ - { - id: 'import', - label: 'Import', - component: ImportDoc - }, - { - id: 'basic', - label: 'Basic', - component: BasicDoc - }, - { - id: 'popup', - label: 'Popup', - component: PopupDoc - }, - { - id: 'style', - label: 'Style', - component: StyleDoc - }, - { - id: 'accessibility', - label: 'Accessibility', - component: AccessibilityDoc - } - ]; -} diff --git a/src/app/showcase/pages/support/support.component.html b/src/app/showcase/pages/support/support.component.html index 83f3f726c55..d57cf998f4e 100755 --- a/src/app/showcase/pages/support/support.component.html +++ b/src/app/showcase/pages/support/support.component.html @@ -1,27 +1,38 @@
- PRO Support + PRO Support
- +
Community Support

- + Forum and - + Discord - are where the community users gather to seek support, post topics and discuss the technology. GitHub issue tracker is the channel where community users can create tickets however PrimeTek does not guarantee a response time - although they are monitored and maintained by our staff. If you need to secure our response within 1 business day, you may consider PRO support instead. + are where the community users gather to seek support, post topics and discuss the technology. GitHub + issue tracker is the channel where community users can create tickets however PrimeTek does not + guarantee a response time + although they are monitored and maintained by our staff. If you need to secure our response within 1 + business day, you may consider PRO support instead.

-
+
PRO Support

- With PRO support, it's easy to support, tune and add features to PrimeNG as if it were an in- house library. PRO is a term based commercial support service. With the exclusive services of PRO account, it is no longer needed - to post questions in community forum and issue reports to community issue tracker at GitHub. A JIRA account will be created to the customer by PrimeTek, this account can be shared between any number of users within your + With PRO support, it's easy to support, tune and add features to PrimeNG as if it were an in- house + library. PRO is a term based commercial support service. With the exclusive services of PRO account, it + is no longer needed + to post questions in community forum and issue reports to community issue tracker at GitHub. A JIRA + account will be created to the customer by PrimeTek, this account can be shared between any number of + users within your organization.

@@ -32,10 +43,8 @@
Enterprise Support

1 Year Subscription

- + Get a Quote
@@ -91,22 +100,28 @@
Enhancement Credits

- New features and enhancement requests are not available in core services and provided via a credit based model instead named PrimeCredit. When you have a feature request, we offer an initial estimate in terms of credits and once - this estimate is confirmed by you then implementation will be delivered by our team within an estimated timeframe. + New features and enhancement requests are not available in core services and provided via a credit based + model instead named PrimeCredit. When you have a feature request, we offer an initial estimate in terms of + credits and once + this estimate is confirmed by you then implementation will be delivered by our team within an estimated + timeframe.

New Components
-

Brand new components you need that are not already available in the existing UI suite.

+

Brand new components you need that are + not already available in the existing UI suite.

New Features
-

Enhancements to the components you need such as new properties, events and templating.

+

Enhancements to the components you + need such as new properties, events and templating.

UX Customization
-

Behavioral changes to the existing components.

+

Behavioral changes to the existing + components.

@@ -119,27 +134,37 @@

Support service is for one year.

How many JIRA accounts do we get?
-

We provide one shared account per organization that any number of members in your organization can use it.

+

We provide one shared account per organization that any + number of members in your organization can use it.

-
What happens if we extend after 1 year and we have unused tickets?
-

Unused tickets expire and cannot be transferred to the new subscription.

+
What happens if we extend after 1 year and we have + unused tickets?
+

Unused tickets expire and cannot be transferred to the new + subscription.

-
When can we purchase PrimeCredits for feature development?
-

PrimeCredits can be purchased anytime during an active subscription.

+
When can we purchase PrimeCredits for feature + development?
+

PrimeCredits can be purchased anytime during an active + subscription.

-
Are all of our requests guaranteed to be implemented with PrimeCredits?
-

No, PrimeTek does not guarantee the implementation so it is suggested to confirm with us before purchasing credits.

+
Are all of our requests guaranteed to be + implemented with PrimeCredits?
+

No, PrimeTek does not guarantee the implementation so it + is suggested to confirm with us before purchasing credits.

Can we get PrimeCredits without PRO support?

No, feature development is exclusive to PRO members.

-
Is there a limit on developers in our organization who can use the service?
-

PRO is per organization so there is no limit on the number of developers.

+
Is there a limit on developers in our organization + who can use the service?
+

PRO is per organization so there is no limit on the + number of developers.

What is not covered by PRO?
-

As PRO support focuses on the library, application consulting and code reviews are out of scope.

+

As PRO support focuses on the library, application consulting + and code reviews are out of scope.

diff --git a/src/app/showcase/pages/table/tabledemo.ts b/src/app/showcase/pages/table/tabledemo.ts index 7c8d5a2f42f..8e8ba61b0aa 100755 --- a/src/app/showcase/pages/table/tabledemo.ts +++ b/src/app/showcase/pages/table/tabledemo.ts @@ -36,6 +36,7 @@ import { RowEditDoc } from '../../doc/table/roweditdoc'; import { RowExpandDoc } from '../../doc/table/rowexpanddoc'; import { RowspanGroupingDoc } from '../../doc/table/rowspangroupingdoc'; import { SingleColumnSortDoc } from '../../doc/table/singlecolumnsortdoc'; +import { MultipleColumnSortDoc } from '../../doc/table/multiplecolumnsortdoc'; import { SingleSelectionDoc } from '../../doc/table/singleselectiondoc'; import { SizeDoc } from '../../doc/table/sizedoc'; import { StatefulDoc } from '../../doc/table/statefuldoc'; @@ -59,7 +60,7 @@ import { PaginatorLocaleDoc } from '../../doc/table/paginatorlocaledoc'; export class TableDemo { docs = [ { - id: 'import', + id: 'import-demo', label: 'Import', component: ImportDoc }, @@ -144,6 +145,11 @@ export class TableDemo { label: 'Single Column', component: SingleColumnSortDoc }, + { + id: 'multiple-column-sort', + label: 'Multiple Column', + component: MultipleColumnSortDoc + }, { id: 'custom-sort', label: 'Custom Sort', diff --git a/src/app/showcase/pages/team/team.component.html b/src/app/showcase/pages/team/team.component.html index 5d6e9ac418c..ab85c479f9a 100644 --- a/src/app/showcase/pages/team/team.component.html +++ b/src/app/showcase/pages/team/team.component.html @@ -2,105 +2,127 @@

Meet the Team

- + PrimeTek is a world renowned vendor of popular UI Component suites including - + PrimeFaces , - + PrimeNG , - + PrimeReact and - + PrimeVue - . All the members in our team are full time employees of PrimeTek who share the same passion and vision for open source to create awesome UI libraries. + . All the members in our team are full time employees of PrimeTek who share the same passion and vision for + open source to create awesome UI libraries.

- Cagatay Civici + Cagatay Civici Çağatay Çivici Founder
- Mert Sincan + Mert Sincan Mert Sincan CTO
- Onur Şentüre + Onur Şentüre Onur Şentüre Design Lead
- Yiğit Fındıklı + Yiğit Fındıklı Yiğit Fındıklı Technical Lead
- Dilara Can + Dilara Can Dilara Güngenci Business Administration
- Çetin Çakıroğlu + Çetin Çakıroğlu Çetin Çakıroğlu Front-End Developer
- Tuğçe Küçükoğlu + Tuğçe Küçükoğlu Tuğçe Küçükoğlu Front-End Developer
- Atakan Tepe + Atakan Tepe Atakan Tepe Front-End Developer
- Kerem Yıldan + Kerem Yıldan Kerem Yıldan UI/UX Designer
- Ulaş Turan - Ulaş Turan + Alirıza Gücal + Alirıza Gücal Front-End Developer
- Buğra Beydüz - Buğra Beydüz + Ümit Çelik + Ümit Çelik + UI/UX Designer +
+
+ Toprak Koç + Toprak Koç Front-End Developer
- Alirıza Gücal - Ali Rıza Gücal + Mehmet Çetin + Mehmet Çetin Front-End Developer
- Furkan SeziÅŸ + Furkan SeziÅŸ Furkan SeziÅŸ Front-End Developer
- Burak SaÄŸlam + Burak SaÄŸlam Burak SaÄŸlam Front-End Developer
- Ümit Çelik - Ümit Çelik - UI/UX Designer + Taner Engin + Taner Engin + Front-End Developer
diff --git a/src/app/showcase/pages/toast/toastdemo.ts b/src/app/showcase/pages/toast/toastdemo.ts index 57b16e87cce..8b91eae600d 100755 --- a/src/app/showcase/pages/toast/toastdemo.ts +++ b/src/app/showcase/pages/toast/toastdemo.ts @@ -1,18 +1,18 @@ import { Component } from '@angular/core'; -import { ImportDoc } from '../../doc/toast/importdoc'; -import { BasicDoc } from '../../doc/toast/basicdoc'; -import { SeverityDoc } from '../../doc/toast/severitydoc'; +import { AccessibilityDoc } from '../../doc/toast/accessibilitydoc'; import { AnimationDoc } from '../../doc/toast/animationdoc'; +import { BasicDoc } from '../../doc/toast/basicdoc'; +import { ClearDoc } from '../../doc/toast/cleardoc'; +import { ImportDoc } from '../../doc/toast/importdoc'; +import { LifeDoc } from '../../doc/toast/lifedoc'; import { MultipleDoc } from '../../doc/toast/multipledoc'; import { PositionDoc } from '../../doc/toast/positiondoc'; import { ResponsiveDoc } from '../../doc/toast/responsivedoc'; -import { LifeDoc } from '../../doc/toast/lifedoc'; +import { SeverityDoc } from '../../doc/toast/severitydoc'; import { StickyDoc } from '../../doc/toast/stickydoc'; import { StyleDoc } from '../../doc/toast/styledoc'; import { TargetDoc } from '../../doc/toast/targetdoc'; import { TemplateDoc } from '../../doc/toast/templatedoc'; -import { ClearDoc } from '../../doc/toast/cleardoc'; -import { AccessibilityDoc } from '../../doc/toast/accessibilitydoc'; @Component({ templateUrl: './toastdemo.html' @@ -54,16 +54,16 @@ export class ToastDemo { label: 'Life', component: LifeDoc }, + { + id: 'clear', + label: 'Clear', + component: ClearDoc + }, { id: 'sticky', label: 'Sticky', component: StickyDoc }, - { - id: 'clear', - label: 'Clearing Messages', - component: ClearDoc - }, { id: 'templating', label: 'Templating', diff --git a/src/app/showcase/pages/toolbar/toolbardemo.ts b/src/app/showcase/pages/toolbar/toolbardemo.ts index b2cc8cfa603..1fd22ed9c93 100755 --- a/src/app/showcase/pages/toolbar/toolbardemo.ts +++ b/src/app/showcase/pages/toolbar/toolbardemo.ts @@ -2,6 +2,7 @@ import { Component } from '@angular/core'; import { StyleDoc } from '../../doc/toolbar/styledoc'; import { ImportDoc } from '../../doc/toolbar/importdoc'; import { BasicDoc } from '../../doc/toolbar/basicdoc'; +import { TemplateDoc } from '../../doc/toolbar/templatedoc'; import { AccessibilityDoc } from '../../doc/toolbar/accessibilitydoc'; @Component({ @@ -19,6 +20,11 @@ export class ToolbarDemo { label: 'Basic', component: BasicDoc }, + { + id: 'template', + label: 'Template', + component: TemplateDoc + }, { id: 'style', label: 'Style', diff --git a/src/app/showcase/pages/treetable/treetabledemo.ts b/src/app/showcase/pages/treetable/treetabledemo.ts index 073da868fab..646667b97d6 100755 --- a/src/app/showcase/pages/treetable/treetabledemo.ts +++ b/src/app/showcase/pages/treetable/treetabledemo.ts @@ -35,7 +35,7 @@ import { ResizeScrollableDoc } from '../../doc/treetable/columnresizescrollabled export class TreeTableDemo { docs = [ { - id: 'import', + id: 'import-demo', label: 'Import', component: ImportDoc }, diff --git a/src/app/showcase/pages/uikit/uikit.component.html b/src/app/showcase/pages/uikit/uikit.component.html index 9ecbc6c2f93..824c6fe357a 100755 --- a/src/app/showcase/pages/uikit/uikit.component.html +++ b/src/app/showcase/pages/uikit/uikit.component.html @@ -1,19 +1,23 @@
- PrimeNG Designer + PrimeNG Designer
- PrimeNG Designer + PrimeNG Designer
UP-TO-DATE
Best Features of Figma
-

PrimeOne for Figma uses the latest powerful features like components, variants, auto layout, styles and interactive components. +

PrimeOne for Figma uses the latest powerful features like components, variants, + auto layout, styles and interactive components. It'll always follow the best practices.

- +
  • @@ -46,8 +50,9 @@
    ENTERPRISE GRADE
    Powerful System
    -

    Save countless hours on every project with a carefully designed system that uses Prime UI Suite components. Start producing design results in no time.

    - +

    Save countless hours on every project with a carefully designed system that uses + Prime UI Suite components. Start producing design results in no time.

    +
    • @@ -68,18 +73,21 @@
    - PrimeNG Designer + PrimeNG Designer
- PrimeNG Designer + PrimeNG Designer
DARK MODE
Two Themes
-

PrimeOne is designed based on Lara Blue Light and Lara Blue Dark themes. Easily change the themes of your designs using Figma's Swap Library feature.

- +

PrimeOne is designed based on Lara Blue Light and Lara Blue Dark themes. Easily + change the themes of your designs using Figma's Swap Library feature.

+
  • @@ -96,8 +104,10 @@
    TOKENS STUDIO
    Tokens Support
    -

    Empower yourself with unprecedented control over your designs. Tokens Studio integration unlocks a whole new level of flexibility, allowing you to create and manage design tokens seamlessly.

    - +

    Empower yourself with unprecedented control over your designs. Tokens Studio + integration unlocks a whole new level of flexibility, allowing you to create and manage design + tokens seamlessly.

    +
    • @@ -114,26 +124,35 @@
    - Tokens Support + Tokens Support
- + Preview Light - Figma Light + Figma Light - + Preview Dark - Figma Dark + Figma Dark
Pricing
-
Choose the right plan for your business. Whether you are an individual or a member of a team, UI Kit is available for affordable prices.
- View License Details +
Choose the right plan for your business. Whether you are an + individual or a member of a team, UI Kit is available for affordable prices.
+ View License Details
@@ -173,7 +192,9 @@
- Buy Now + Buy + Now
@@ -217,7 +238,9 @@
- Buy Now + Buy + Now
@@ -259,7 +282,9 @@
- Contact Us + Contact + Us
@@ -270,45 +295,69 @@ Frequently Asked Questions
-
What do I get when I purchase a license?
-

You'll be able to download two Figma files for light and dark themes.

+
What do I get when I purchase a + license?
+

You'll be able to download two Figma files for + light and dark themes.

-
Is there a recurring fee or is the license perpetual?
-

UI Kit license is perpetual so requires one time payment, not subscription based.

+
Is there a recurring fee or is the + license perpetual?
+

UI Kit license is perpetual so requires one time + payment, not subscription based.

-
Can I use UI Kit license for commercial projects?
-

Yes, your license allows you to sell your projects that utilize the UI Kit implementations.

+
Can I use UI Kit license for + commercial projects?
+

Yes, your license allows you to sell your + projects that utilize the UI Kit implementations.

-
Can I create multiple projects for multiple clients?
-

There is no limit, you are able to use UI Kit in multiple projects for multiple clients.

+
Can I create multiple projects for + multiple clients?
+

There is no limit, you are able to use UI Kit in + multiple projects for multiple clients.

-
We're a reseller, are we able to purchase a license on behalf of our client?
+
We're a reseller, are we able to purchase a + license on behalf of our client?

- Yes, after the purchase, please contact us so we can transfer the license to your client. + Yes, after the purchase, please contact us so we can transfer the + license to your client.

-
Does the enterprise license include contractors within the organization?
-

Yes, contractors are also able to use the UI Kit within your company.

+
Does the enterprise license + include contractors within the organization?
+

Yes, contractors are also able to use the UI Kit + within your company.

-
Can subsidiary company of a larger organization share the enterprise license?
-

No, enterprise license is per company so each subsidiary company needs to purchase a separate license.

+
Can subsidiary company of a larger + organization share the enterprise license?
+

No, enterprise license is per company so each + subsidiary company needs to purchase a separate license.

-
What does "free updates" mean?
-

All updates will be totally free of charge for existing customers for an unlimited period.

+
What does "free updates" mean? +
+

All updates will be totally free of charge for + existing customers for an unlimited period.

How can I get support?

- Support is provided by PrimeTek via a dedicated forum channel monitored by PrimeTek support staff. + Support is provided by PrimeTek via a dedicated forum channel monitored by + PrimeTek support staff.

-
What does lifetime support mean?
-

Support service at the forum does not have a time limit.

+
What does lifetime support mean? +
+

Support service at the forum does not have a + time limit.

-
Can I include UI Kit in an open source project?
-

Due to the license, it is not possible to use the UI Kit in an open source project where the design files are publicly available.

+
Can I include UI Kit in an open + source project?
+

Due to the license, it is not possible to use + the UI Kit in an open source project where the design files are publicly available.

-
+
\ No newline at end of file diff --git a/src/app/showcase/pages/uikit/uikit.component.ts b/src/app/showcase/pages/uikit/uikit.component.ts index 94c8e9e841a..06140bd962a 100755 --- a/src/app/showcase/pages/uikit/uikit.component.ts +++ b/src/app/showcase/pages/uikit/uikit.component.ts @@ -1,4 +1,4 @@ -import { Component, OnDestroy, OnInit } from '@angular/core'; +import { Component } from '@angular/core'; import { Meta, Title } from '@angular/platform-browser'; import { Subscription } from 'rxjs'; import { AppConfigService } from '../../service/appconfigservice'; @@ -7,25 +7,14 @@ import { AppConfigService } from '../../service/appconfigservice'; templateUrl: './uikit.component.html', styleUrls: ['uikit.component.scss'] }) -export class UIKitComponent implements OnInit, OnDestroy { +export class UIKitComponent { subscription: Subscription; - - colorScheme: string = 'light'; - constructor(private configService: AppConfigService, private titleService: Title, private metaService: Meta) { this.titleService.setTitle('UI Kit - PrimeNG'); this.metaService.updateTag({ name: 'description', content: 'PrimeNG Angular UI Kit' }); } - ngOnInit() { - this.subscription = this.configService.configUpdate$.subscribe((config) => { - this.colorScheme = config.dark ? 'dark' : 'light'; - }); - } - - ngOnDestroy() { - if (this.subscription) { - this.subscription.unsubscribe(); - } + get isDarkMode(): boolean { + return this.configService.config.darkMode; } } diff --git a/src/app/showcase/pages/virtualscroller/virtualscrollerdemo-routing.module.ts b/src/app/showcase/pages/virtualscroller/virtualscrollerdemo-routing.module.ts deleted file mode 100755 index edd9c6354eb..00000000000 --- a/src/app/showcase/pages/virtualscroller/virtualscrollerdemo-routing.module.ts +++ /dev/null @@ -1,9 +0,0 @@ -import { NgModule } from '@angular/core'; -import { RouterModule } from '@angular/router'; -import { VirtualScrollerDemo } from './virtualscrollerdemo'; - -@NgModule({ - imports: [RouterModule.forChild([{ path: '', component: VirtualScrollerDemo }])], - exports: [RouterModule] -}) -export class VirtualScrollerDemoRoutingModule {} diff --git a/src/app/showcase/pages/virtualscroller/virtualscrollerdemo.html b/src/app/showcase/pages/virtualscroller/virtualscrollerdemo.html deleted file mode 100755 index 426702a65b3..00000000000 --- a/src/app/showcase/pages/virtualscroller/virtualscrollerdemo.html +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/app/showcase/pages/virtualscroller/virtualscrollerdemo.module.ts b/src/app/showcase/pages/virtualscroller/virtualscrollerdemo.module.ts deleted file mode 100755 index 019f5611af5..00000000000 --- a/src/app/showcase/pages/virtualscroller/virtualscrollerdemo.module.ts +++ /dev/null @@ -1,11 +0,0 @@ -import { CommonModule } from '@angular/common'; -import { NgModule } from '@angular/core'; -import { VirtualScrollerDocModule } from '../../doc/virtualscroller/virtualscrollerdoc.module'; -import { VirtualScrollerDemo } from './virtualscrollerdemo'; -import { VirtualScrollerDemoRoutingModule } from './virtualscrollerdemo-routing.module'; - -@NgModule({ - imports: [CommonModule, VirtualScrollerDemoRoutingModule, VirtualScrollerDocModule], - declarations: [VirtualScrollerDemo] -}) -export class VirtualScrollerDemoModule {} diff --git a/src/app/showcase/pages/virtualscroller/virtualscrollerdemo.scss b/src/app/showcase/pages/virtualscroller/virtualscrollerdemo.scss deleted file mode 100644 index 96a3e27db35..00000000000 --- a/src/app/showcase/pages/virtualscroller/virtualscrollerdemo.scss +++ /dev/null @@ -1,76 +0,0 @@ -.product-item { - display: flex; - align-items: center; - padding: 1rem; - width: 100%; - flex-wrap: nowrap; - - img { - width: 100px; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); - margin-right: 1rem; - } - - .product-list-detail { - flex: 1 1 0; - } - - .product-list-action { - display: flex; - flex-direction: column; - align-items: flex-end; - } - - .product-category-icon { - vertical-align: middle; - margin-right: .5rem; - } - - .product-category { - vertical-align: middle; - line-height: 1; - } - - &.loading-item { - .image-container { - width: 100px; - height: 66px; - animation: pulse 1s infinite ease-in-out; - margin-right: 1rem; - } - - .product-list-detail { - h5, .product-category { - width: 150px; - height: 14px; - display: block; - animation: pulse 1s infinite ease-in-out; - } - } - - .product-list-action { - h6 { - width: 25px; - height: 14px; - animation: pulse 1s infinite ease-in-out; - } - } - } -} - -@media screen and (max-width: 960px) { - .product-item { - h5 { - font-size: 1rem; - } - - img { - width: 50px; - } - - .product-category-icon, - .product-category { - display: none; - } - } -} \ No newline at end of file diff --git a/src/app/showcase/pages/virtualscroller/virtualscrollerdemo.ts b/src/app/showcase/pages/virtualscroller/virtualscrollerdemo.ts deleted file mode 100755 index b990284b982..00000000000 --- a/src/app/showcase/pages/virtualscroller/virtualscrollerdemo.ts +++ /dev/null @@ -1,52 +0,0 @@ -import { Component } from '@angular/core'; -import { BasicDoc } from '../../doc/virtualscroller/basicdoc'; -import { LazyLoadDoc } from '../../doc/virtualscroller/lazyloaddoc'; -import { ImportDoc } from '../../doc/virtualscroller/importdoc'; -import { StyleDoc } from '../../doc/virtualscroller/styledoc'; -import { ProgrammaticScrollDoc } from '../../doc/virtualscroller/programmaticscrolldoc'; -import { TemplateDoc } from '../../doc/virtualscroller/templatedoc'; -import { AccessibilityDoc } from '../../doc/virtualscroller/accessibilitydoc'; - -@Component({ - templateUrl: './virtualscrollerdemo.html', - styleUrls: ['./virtualscrollerdemo.scss'] -}) -export class VirtualScrollerDemo { - docs = [ - { - id: 'import', - label: 'Import', - component: ImportDoc - }, - { - id: 'basic', - label: 'Basic', - component: BasicDoc - }, - { - id: 'template', - label: 'Template', - component: TemplateDoc - }, - { - id: 'lazyload', - label: 'Lazy Load', - component: LazyLoadDoc - }, - { - id: 'programmatic', - label: 'Programmatic Scroll', - component: ProgrammaticScrollDoc - }, - { - id: 'style', - label: 'Style', - component: StyleDoc - }, - { - id: 'accessibility', - label: 'Accessibility', - component: AccessibilityDoc - } - ]; -} diff --git a/src/app/showcase/service/appconfigservice.ts b/src/app/showcase/service/appconfigservice.ts index bc2794c9a37..a05b72e40f5 100644 --- a/src/app/showcase/service/appconfigservice.ts +++ b/src/app/showcase/service/appconfigservice.ts @@ -1,34 +1,79 @@ import { Injectable } from '@angular/core'; -import { BehaviorSubject, Subject } from 'rxjs'; +import { Subject } from 'rxjs'; import { AppConfig } from '../domain/appconfig'; +import { AppState } from '../domain/appstate'; +import { Theme } from '../domain/theme'; -@Injectable() +@Injectable({ + providedIn: 'root' +}) export class AppConfigService { config: AppConfig = { theme: 'lara-light-blue', - dark: false, + darkMode: false, inputStyle: 'outlined', ripple: true }; - private configUpdate = new Subject(); + state: AppState = { + configActive: false, + menuActive: false, + newsActive: false + }; + + private themeChange = new Subject(); + + themeChange$ = this.themeChange.asObservable(); - configUpdate$ = this.configUpdate.asObservable(); + private themeChangeComplete = new Subject(); - private configActive = new BehaviorSubject(false); + themeChangeComplete$ = this.themeChangeComplete.asObservable(); + + changeTheme(theme: Theme) { + this.themeChange.next(theme); + } - configActive$ = this.configActive.asObservable(); + completeThemeChange(theme: Theme) { + this.themeChangeComplete.next(theme); + } updateConfig(config: AppConfig) { - this.config = config; - this.configUpdate.next(config); + this.config = { ...this.config, ...config }; } getConfig() { return this.config; } - toggleConfig() { - this.configUpdate ? this.configActive.next(true) : this.configActive.next(false); + showMenu() { + this.state.menuActive = true; + } + + hideMenu() { + this.state.menuActive = false; + } + + showConfig() { + this.state.configActive = true; + } + + hideConfig() { + this.state.configActive = false; + } + + setRipple(value: boolean) { + this.config.ripple = value; + } + + setInputStyle(value: string) { + this.config.inputStyle = value; + } + + showNews() { + this.state.newsActive = true; + } + + hideNews() { + this.state.newsActive = false; } } diff --git a/src/assets/components/images/line.gif b/src/assets/components/images/line.gif deleted file mode 100755 index 64e2280ec55..00000000000 Binary files a/src/assets/components/images/line.gif and /dev/null differ diff --git a/src/assets/components/images/loading.gif b/src/assets/components/images/loading.gif deleted file mode 100755 index 560eda93105..00000000000 Binary files a/src/assets/components/images/loading.gif and /dev/null differ diff --git a/src/assets/components/images/password-meter.png b/src/assets/components/images/password-meter.png deleted file mode 100755 index 1e1cd729890..00000000000 Binary files a/src/assets/components/images/password-meter.png and /dev/null differ diff --git a/src/assets/components/themes/arya-blue/theme.css b/src/assets/components/themes/arya-blue/theme.css index 165b279d2c1..9e221a20126 100644 --- a/src/assets/components/themes/arya-blue/theme.css +++ b/src/assets/components/themes/arya-blue/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#383838; - --surface-e:#1e1e1e; - --surface-f:#1e1e1e; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#64B5F6; - --primary-color-text:#212529; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #383838; + --surface-e: #1e1e1e; + --surface-f: #1e1e1e; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #64B5F6; + --primary-color-text: #212529; --surface-0: #121212; --surface-50: #2a2a2a; --surface-100: #414141; @@ -22,7 +24,7 @@ --surface-700: #d0d0d0; --surface-800: #e7e7e7; --surface-900: #ffffff; - --gray-50:#e7e7e7; + --gray-50: #e7e7e7; --gray-100: #d0d0d0; --gray-200: #b8b8b8; --gray-300: #a0a0a0; @@ -32,15 +34,15 @@ --gray-700: #414141; --gray-800: #2a2a2a; --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#1e1e1e; - --surface-border:#383838; - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #1e1e1e; + --surface-border: #383838; + --surface-hover: rgba(255, 255, 255, 0.03); --maskbg: rgba(0, 0, 0, 0.4); --focus-ring: 0 0 0 1px #93cbf9; --highlight-bg: rgba(100, 181, 246, 0.16); @@ -171,6 +173,105 @@ --primary-900:#284862; } +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-content .ql-editor { + background: #121212; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #64B5F6; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.857rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #64B5F6; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; - background: rgba(100, 181, 246, 0.16); + background: #383838; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #464646; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } @@ -309,18 +413,20 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -347,6 +457,13 @@ border-color: #ef9a9a; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .p-datepicker { padding: 0.5rem; background: #1e1e1e; @@ -607,6 +724,9 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #ef9a9a; + } .p-cascadeselect-panel { background: #1e1e1e; @@ -626,33 +746,27 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #ef9a9a; - } .p-input-filled .p-cascadeselect { background: #383838; @@ -664,6 +778,10 @@ background-color: #383838; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -743,24 +861,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #64B5F6; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; - background: rgba(100, 181, 246, 0.16); + margin-right: 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #464646; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -769,9 +892,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -833,7 +956,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -848,6 +971,9 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #ef9a9a; + } .p-dropdown-panel { background: #1e1e1e; @@ -889,14 +1015,16 @@ color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); + background: rgba(255, 255, 255, 0.09); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.03); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -905,9 +1033,10 @@ background: #1e1e1e; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #ef9a9a; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -923,105 +1052,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #1e1e1e; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #383838; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #383838; - } - .p-editor-container .p-editor-content .ql-editor { - background: #121212; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #64B5F6; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #64B5F6; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #64B5F6; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #64B5F6; - } - .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1278,6 +1308,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; @@ -1300,6 +1331,7 @@ } .p-listbox .p-listbox-list { padding: 0.5rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1313,11 +1345,6 @@ color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1333,10 +1360,23 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ef9a9a; @@ -1364,14 +1404,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.5rem; - background: rgba(100, 181, 246, 0.16); + margin-right: 0.5rem; + background: #383838; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1384,10 +1422,18 @@ border-bottom-right-radius: 3px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-multiselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1450,15 +1496,17 @@ color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1475,10 +1523,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #ef9a9a; - } - .p-input-filled .p-multiselect { background: #383838; } @@ -1489,12 +1533,8 @@ background-color: #383838; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.5rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1514,13 +1554,13 @@ background: #383838; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; + background: #f48fb1; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; + background: #ffe082; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } p-password.p-password-clearable .p-password-input { @@ -1601,35 +1641,32 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f48fb1; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #64B5F6; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #64B5F6; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; } .p-selectbutton .p-button { @@ -1900,12 +1937,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #43a5f4; color: #212529; border-color: #43a5f4; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #2396f2; color: #212529; border-color: #2396f2; @@ -1915,12 +1952,12 @@ color: #64B5F6; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(100, 181, 246, 0.04); color: #64B5F6; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(100, 181, 246, 0.16); color: #64B5F6; border: 1px solid; @@ -1929,11 +1966,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -1942,12 +1979,12 @@ color: #64B5F6; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(100, 181, 246, 0.04); color: #64B5F6; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(100, 181, 246, 0.16); color: #64B5F6; border-color: transparent; @@ -1955,11 +1992,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2043,298 +2080,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #78909C; - border: 1px solid #78909C; + background: #78909c; + border: 1px solid #78909c; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #69838f; color: #ffffff; border-color: #69838f; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a1b1ba; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #5d747f; color: #ffffff; border-color: #5d747f; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; + background: #81d4fa; + border: 1px solid #81d4fa; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #5dc8f9; color: #121212; border-color: #5dc8f9; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a7e1fc; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #38bbf7; color: #121212; border-color: #38bbf7; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; + background: #c5e1a5; + border: 1px solid #c5e1a5; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #b2d788; color: #121212; border-color: #b2d788; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d6eac0; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #9fce6b; color: #121212; border-color: #9fce6b; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #121212; - background: #FFE082; - border: 1px solid #FFE082; + background: #ffe082; + border: 1px solid #ffe082; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd65c; color: #121212; border-color: #ffd65c; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffe9a8; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffcd35; color: #121212; border-color: #ffcd35; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + background: #ce93d8; + border: 1px solid #ce93d8; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #c278ce; color: #121212; border-color: #c278ce; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ddb3e4; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #b65ec5; color: #121212; border-color: #b65ec5; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; + background: #f48fb1; + border: 1px solid #f48fb1; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #f16c98; color: #121212; border-color: #f16c98; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f7b1c8; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #ed4980; color: #121212; border-color: #ed4980; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-button.p-button-link { @@ -2342,20 +2499,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #64B5F6; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 1px #93cbf9; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #64B5F6; border-color: transparent; @@ -2447,11 +2604,11 @@ color: #64B5F6; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(100, 181, 246, 0.04); color: #64B5F6; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(100, 181, 246, 0.16); color: #64B5F6; } @@ -2459,11 +2616,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2472,12 +2629,12 @@ color: #64B5F6; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(100, 181, 246, 0.04); color: #64B5F6; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(100, 181, 246, 0.16); color: #64B5F6; border-color: transparent; @@ -2485,11 +2642,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2519,176 +2676,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3012,10 +3169,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #383838; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3153,295 +3306,6 @@ padding: 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #383838; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #383838; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #43a5f4; - border: 1px solid #43a5f4; - color: #212529; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #1e1e1e; - border: 1px solid #383838; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #212529; - background: #64B5F6; - border: 1px solid #64B5F6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #43a5f4; - color: #212529; - border-color: #43a5f4; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #2396f2; - color: #212529; - border-color: #2396f2; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #64B5F6; - border-color: #64B5F6; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #43a5f4; - border-color: #43a5f4; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #383838; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #1e1e1e; - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #383838; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1e1e1e; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #383838; - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #212529; - background: #43a5f4; - border-color: #43a5f4; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #212529; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #43a5f4; - border-color: #43a5f4; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1e1e1e; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #212529; - background: #64B5F6; - border: 1px solid #64B5F6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #43a5f4; - color: #212529; - border-color: #43a5f4; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #2396f2; - color: #212529; - border-color: #2396f2; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #212529; - background: #64B5F6; - border: 1px solid #64B5F6; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #64B5F6; - border-color: #64B5F6; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #43a5f4; - border-color: #43a5f4; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); - } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3480,6 +3344,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3489,15 +3354,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3681,6 +3552,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; @@ -3690,15 +3562,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3757,6 +3635,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; @@ -3793,11 +3677,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: rgba(100, 181, 246, 0.16); color: rgba(255, 255, 255, 0.87); @@ -4309,15 +4188,19 @@ border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4789,7 +4672,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4802,7 +4686,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4812,7 +4697,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4933,7 +4819,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4946,7 +4833,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4956,7 +4844,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -5013,7 +4902,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } @@ -5052,7 +4942,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5065,7 +4956,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5075,7 +4967,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5147,7 +5040,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5177,7 +5071,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5190,7 +5085,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5200,7 +5096,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5391,7 +5288,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5404,7 +5302,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5414,7 +5313,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5496,7 +5396,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5509,7 +5410,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5519,7 +5421,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5732,7 +5635,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5745,7 +5649,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5755,7 +5660,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5776,7 +5682,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5785,7 +5691,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5794,7 +5700,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5803,7 +5709,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5849,7 +5755,7 @@ box-shadow: 0 0 0 1px #93cbf9; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5861,7 +5767,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5873,7 +5779,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5885,7 +5791,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5959,7 +5865,7 @@ box-shadow: 0 0 0 1px #93cbf9; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5969,7 +5875,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5979,7 +5885,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5989,7 +5895,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -6187,23 +6093,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #78909C; + background-color: #78909c; color: #ffffff; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-badge.p-badge-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-badge.p-badge-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-badge.p-badge-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-badge.p-badge-lg { @@ -6325,19 +6231,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-tag .p-tag-icon { diff --git a/src/assets/components/themes/arya-green/theme.css b/src/assets/components/themes/arya-green/theme.css index 85a17d9baa1..ac93c9c8c66 100644 --- a/src/assets/components/themes/arya-green/theme.css +++ b/src/assets/components/themes/arya-green/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#383838; - --surface-e:#1e1e1e; - --surface-f:#1e1e1e; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#81C784; - --primary-color-text:#212529; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #383838; + --surface-e: #1e1e1e; + --surface-f: #1e1e1e; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #81C784; + --primary-color-text: #212529; --surface-0: #121212; --surface-50: #2a2a2a; --surface-100: #414141; @@ -22,7 +24,7 @@ --surface-700: #d0d0d0; --surface-800: #e7e7e7; --surface-900: #ffffff; - --gray-50:#e7e7e7; + --gray-50: #e7e7e7; --gray-100: #d0d0d0; --gray-200: #b8b8b8; --gray-300: #a0a0a0; @@ -32,15 +34,15 @@ --gray-700: #414141; --gray-800: #2a2a2a; --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#1e1e1e; - --surface-border:#383838; - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #1e1e1e; + --surface-border: #383838; + --surface-hover: rgba(255, 255, 255, 0.03); --maskbg: rgba(0, 0, 0, 0.4); --focus-ring: 0 0 0 1px #a7d8a9; --highlight-bg: rgba(129, 199, 132, 0.16); @@ -171,6 +173,105 @@ --primary-900:#345035; } +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-content .ql-editor { + background: #121212; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #81C784; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #81C784; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #81C784; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #81C784; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.857rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #81C784; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; - background: rgba(129, 199, 132, 0.16); + background: #383838; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #464646; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } @@ -309,18 +413,20 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -347,6 +457,13 @@ border-color: #ef9a9a; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .p-datepicker { padding: 0.5rem; background: #1e1e1e; @@ -607,6 +724,9 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #ef9a9a; + } .p-cascadeselect-panel { background: #1e1e1e; @@ -626,33 +746,27 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #ef9a9a; - } .p-input-filled .p-cascadeselect { background: #383838; @@ -664,6 +778,10 @@ background-color: #383838; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -743,24 +861,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #81C784; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; - background: rgba(129, 199, 132, 0.16); + margin-right: 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #464646; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -769,9 +892,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -833,7 +956,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -848,6 +971,9 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #ef9a9a; + } .p-dropdown-panel { background: #1e1e1e; @@ -889,14 +1015,16 @@ color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); + background: rgba(255, 255, 255, 0.09); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.03); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -905,9 +1033,10 @@ background: #1e1e1e; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #ef9a9a; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -923,105 +1052,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #1e1e1e; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #383838; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #383838; - } - .p-editor-container .p-editor-content .ql-editor { - background: #121212; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #81C784; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #81C784; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #81C784; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #81C784; - } - .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1278,6 +1308,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; @@ -1300,6 +1331,7 @@ } .p-listbox .p-listbox-list { padding: 0.5rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1313,11 +1345,6 @@ color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1333,10 +1360,23 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ef9a9a; @@ -1364,14 +1404,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.5rem; - background: rgba(129, 199, 132, 0.16); + margin-right: 0.5rem; + background: #383838; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1384,10 +1422,18 @@ border-bottom-right-radius: 3px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-multiselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1450,15 +1496,17 @@ color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1475,10 +1523,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #ef9a9a; - } - .p-input-filled .p-multiselect { background: #383838; } @@ -1489,12 +1533,8 @@ background-color: #383838; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.5rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1514,13 +1554,13 @@ background: #383838; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; + background: #f48fb1; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; + background: #ffe082; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } p-password.p-password-clearable .p-password-input { @@ -1601,35 +1641,32 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f48fb1; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #81C784; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #81C784; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; } .p-selectbutton .p-button { @@ -1900,12 +1937,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #6abd6e; color: #212529; border-color: #6abd6e; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #54b358; color: #212529; border-color: #54b358; @@ -1915,12 +1952,12 @@ color: #81C784; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 199, 132, 0.04); color: #81C784; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 199, 132, 0.16); color: #81C784; border: 1px solid; @@ -1929,11 +1966,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -1942,12 +1979,12 @@ color: #81C784; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 199, 132, 0.04); color: #81C784; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(129, 199, 132, 0.16); color: #81C784; border-color: transparent; @@ -1955,11 +1992,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2043,298 +2080,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #78909C; - border: 1px solid #78909C; + background: #78909c; + border: 1px solid #78909c; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #69838f; color: #ffffff; border-color: #69838f; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a1b1ba; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #5d747f; color: #ffffff; border-color: #5d747f; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; + background: #81d4fa; + border: 1px solid #81d4fa; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #5dc8f9; color: #121212; border-color: #5dc8f9; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a7e1fc; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #38bbf7; color: #121212; border-color: #38bbf7; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; + background: #c5e1a5; + border: 1px solid #c5e1a5; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #b2d788; color: #121212; border-color: #b2d788; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d6eac0; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #9fce6b; color: #121212; border-color: #9fce6b; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #121212; - background: #FFE082; - border: 1px solid #FFE082; + background: #ffe082; + border: 1px solid #ffe082; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd65c; color: #121212; border-color: #ffd65c; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffe9a8; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffcd35; color: #121212; border-color: #ffcd35; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + background: #ce93d8; + border: 1px solid #ce93d8; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #c278ce; color: #121212; border-color: #c278ce; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ddb3e4; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #b65ec5; color: #121212; border-color: #b65ec5; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; + background: #f48fb1; + border: 1px solid #f48fb1; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #f16c98; color: #121212; border-color: #f16c98; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f7b1c8; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #ed4980; color: #121212; border-color: #ed4980; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-button.p-button-link { @@ -2342,20 +2499,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #81C784; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 1px #a7d8a9; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #81C784; border-color: transparent; @@ -2447,11 +2604,11 @@ color: #81C784; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 199, 132, 0.04); color: #81C784; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 199, 132, 0.16); color: #81C784; } @@ -2459,11 +2616,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2472,12 +2629,12 @@ color: #81C784; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 199, 132, 0.04); color: #81C784; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 199, 132, 0.16); color: #81C784; border-color: transparent; @@ -2485,11 +2642,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2519,176 +2676,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3012,10 +3169,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #383838; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3153,295 +3306,6 @@ padding: 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #383838; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #383838; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #6abd6e; - border: 1px solid #6abd6e; - color: #212529; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #1e1e1e; - border: 1px solid #383838; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #212529; - background: #81C784; - border: 1px solid #81C784; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #6abd6e; - color: #212529; - border-color: #6abd6e; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #54b358; - color: #212529; - border-color: #54b358; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #81C784; - border-color: #81C784; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #6abd6e; - border-color: #6abd6e; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #383838; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #1e1e1e; - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #383838; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1e1e1e; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #383838; - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #212529; - background: #6abd6e; - border-color: #6abd6e; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #212529; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #6abd6e; - border-color: #6abd6e; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1e1e1e; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #212529; - background: #81C784; - border: 1px solid #81C784; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #6abd6e; - color: #212529; - border-color: #6abd6e; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #54b358; - color: #212529; - border-color: #54b358; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #212529; - background: #81C784; - border: 1px solid #81C784; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #81C784; - border-color: #81C784; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #6abd6e; - border-color: #6abd6e; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); - } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3480,6 +3344,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3489,15 +3354,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3681,6 +3552,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; @@ -3690,15 +3562,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3757,6 +3635,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; @@ -3793,11 +3677,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: rgba(129, 199, 132, 0.16); color: rgba(255, 255, 255, 0.87); @@ -4309,15 +4188,19 @@ border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4789,7 +4672,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4802,7 +4686,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4812,7 +4697,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4933,7 +4819,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4946,7 +4833,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4956,7 +4844,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -5013,7 +4902,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } @@ -5052,7 +4942,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5065,7 +4956,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5075,7 +4967,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5147,7 +5040,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5177,7 +5071,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5190,7 +5085,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5200,7 +5096,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5391,7 +5288,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5404,7 +5302,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5414,7 +5313,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5496,7 +5396,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5509,7 +5410,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5519,7 +5421,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5732,7 +5635,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5745,7 +5649,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5755,7 +5660,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5776,7 +5682,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5785,7 +5691,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5794,7 +5700,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5803,7 +5709,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5849,7 +5755,7 @@ box-shadow: 0 0 0 1px #a7d8a9; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5861,7 +5767,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5873,7 +5779,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5885,7 +5791,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5959,7 +5865,7 @@ box-shadow: 0 0 0 1px #a7d8a9; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5969,7 +5875,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5979,7 +5885,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5989,7 +5895,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -6187,23 +6093,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #78909C; + background-color: #78909c; color: #ffffff; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-badge.p-badge-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-badge.p-badge-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-badge.p-badge-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-badge.p-badge-lg { @@ -6325,19 +6231,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-tag .p-tag-icon { diff --git a/src/assets/components/themes/arya-orange/theme.css b/src/assets/components/themes/arya-orange/theme.css index c1ad8d51064..058302389f6 100644 --- a/src/assets/components/themes/arya-orange/theme.css +++ b/src/assets/components/themes/arya-orange/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#383838; - --surface-e:#1e1e1e; - --surface-f:#1e1e1e; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#FFD54F; - --primary-color-text:#212529; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #383838; + --surface-e: #1e1e1e; + --surface-f: #1e1e1e; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #FFD54F; + --primary-color-text: #212529; --surface-0: #121212; --surface-50: #2a2a2a; --surface-100: #414141; @@ -22,7 +24,7 @@ --surface-700: #d0d0d0; --surface-800: #e7e7e7; --surface-900: #ffffff; - --gray-50:#e7e7e7; + --gray-50: #e7e7e7; --gray-100: #d0d0d0; --gray-200: #b8b8b8; --gray-300: #a0a0a0; @@ -32,15 +34,15 @@ --gray-700: #414141; --gray-800: #2a2a2a; --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#1e1e1e; - --surface-border:#383838; - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #1e1e1e; + --surface-border: #383838; + --surface-hover: rgba(255, 255, 255, 0.03); --maskbg: rgba(0, 0, 0, 0.4); --focus-ring: 0 0 0 1px #ffe284; --highlight-bg: rgba(255, 213, 79, 0.16); @@ -171,6 +173,105 @@ --primary-900:#665520; } +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-content .ql-editor { + background: #121212; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFD54F; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFD54F; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFD54F; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFD54F; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.857rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #FFD54F; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; - background: rgba(255, 213, 79, 0.16); + background: #383838; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #464646; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } @@ -309,18 +413,20 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -347,6 +457,13 @@ border-color: #ef9a9a; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .p-datepicker { padding: 0.5rem; background: #1e1e1e; @@ -607,6 +724,9 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #ef9a9a; + } .p-cascadeselect-panel { background: #1e1e1e; @@ -626,33 +746,27 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #ef9a9a; - } .p-input-filled .p-cascadeselect { background: #383838; @@ -664,6 +778,10 @@ background-color: #383838; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -743,24 +861,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #FFD54F; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; - background: rgba(255, 213, 79, 0.16); + margin-right: 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #464646; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -769,9 +892,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -833,7 +956,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -848,6 +971,9 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #ef9a9a; + } .p-dropdown-panel { background: #1e1e1e; @@ -889,14 +1015,16 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); + background: rgba(255, 255, 255, 0.09); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.03); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -905,9 +1033,10 @@ background: #1e1e1e; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #ef9a9a; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -923,105 +1052,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #1e1e1e; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #383838; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #383838; - } - .p-editor-container .p-editor-content .ql-editor { - background: #121212; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #FFD54F; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #FFD54F; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #FFD54F; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #FFD54F; - } - .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1278,6 +1308,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; @@ -1300,6 +1331,7 @@ } .p-listbox .p-listbox-list { padding: 0.5rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1313,11 +1345,6 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1333,10 +1360,23 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ef9a9a; @@ -1364,14 +1404,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.5rem; - background: rgba(255, 213, 79, 0.16); + margin-right: 0.5rem; + background: #383838; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1384,10 +1422,18 @@ border-bottom-right-radius: 3px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-multiselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1450,15 +1496,17 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1475,10 +1523,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #ef9a9a; - } - .p-input-filled .p-multiselect { background: #383838; } @@ -1489,12 +1533,8 @@ background-color: #383838; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.5rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1514,13 +1554,13 @@ background: #383838; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; + background: #f48fb1; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; + background: #ffe082; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } p-password.p-password-clearable .p-password-input { @@ -1601,35 +1641,32 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f48fb1; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #FFD54F; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #FFD54F; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; } .p-selectbutton .p-button { @@ -1900,12 +1937,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #ffcd2e; color: #212529; border-color: #ffcd2e; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #ffc50c; color: #212529; border-color: #ffc50c; @@ -1915,12 +1952,12 @@ color: #FFD54F; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 213, 79, 0.04); color: #FFD54F; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 213, 79, 0.16); color: #FFD54F; border: 1px solid; @@ -1929,11 +1966,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -1942,12 +1979,12 @@ color: #FFD54F; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 213, 79, 0.04); color: #FFD54F; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(255, 213, 79, 0.16); color: #FFD54F; border-color: transparent; @@ -1955,11 +1992,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2043,298 +2080,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #78909C; - border: 1px solid #78909C; + background: #78909c; + border: 1px solid #78909c; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #69838f; color: #ffffff; border-color: #69838f; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a1b1ba; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #5d747f; color: #ffffff; border-color: #5d747f; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; + background: #81d4fa; + border: 1px solid #81d4fa; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #5dc8f9; color: #121212; border-color: #5dc8f9; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a7e1fc; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #38bbf7; color: #121212; border-color: #38bbf7; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; + background: #c5e1a5; + border: 1px solid #c5e1a5; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #b2d788; color: #121212; border-color: #b2d788; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d6eac0; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #9fce6b; color: #121212; border-color: #9fce6b; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #121212; - background: #FFE082; - border: 1px solid #FFE082; + background: #ffe082; + border: 1px solid #ffe082; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd65c; color: #121212; border-color: #ffd65c; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffe9a8; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffcd35; color: #121212; border-color: #ffcd35; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + background: #ce93d8; + border: 1px solid #ce93d8; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #c278ce; color: #121212; border-color: #c278ce; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ddb3e4; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #b65ec5; color: #121212; border-color: #b65ec5; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; + background: #f48fb1; + border: 1px solid #f48fb1; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #f16c98; color: #121212; border-color: #f16c98; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f7b1c8; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #ed4980; color: #121212; border-color: #ed4980; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-button.p-button-link { @@ -2342,20 +2499,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #FFD54F; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 1px #ffe284; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #FFD54F; border-color: transparent; @@ -2447,11 +2604,11 @@ color: #FFD54F; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 213, 79, 0.04); color: #FFD54F; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 213, 79, 0.16); color: #FFD54F; } @@ -2459,11 +2616,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2472,12 +2629,12 @@ color: #FFD54F; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 213, 79, 0.04); color: #FFD54F; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 213, 79, 0.16); color: #FFD54F; border-color: transparent; @@ -2485,11 +2642,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2519,176 +2676,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3012,10 +3169,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #383838; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3153,295 +3306,6 @@ padding: 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #383838; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #383838; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #ffcd2e; - border: 1px solid #ffcd2e; - color: #212529; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #1e1e1e; - border: 1px solid #383838; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #212529; - background: #FFD54F; - border: 1px solid #FFD54F; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #ffcd2e; - color: #212529; - border-color: #ffcd2e; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #ffc50c; - color: #212529; - border-color: #ffc50c; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #FFD54F; - border-color: #FFD54F; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #ffcd2e; - border-color: #ffcd2e; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #383838; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #1e1e1e; - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #383838; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1e1e1e; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #383838; - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #212529; - background: #ffcd2e; - border-color: #ffcd2e; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #212529; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #ffcd2e; - border-color: #ffcd2e; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1e1e1e; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #212529; - background: #FFD54F; - border: 1px solid #FFD54F; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #ffcd2e; - color: #212529; - border-color: #ffcd2e; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #ffc50c; - color: #212529; - border-color: #ffc50c; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #212529; - background: #FFD54F; - border: 1px solid #FFD54F; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #FFD54F; - border-color: #FFD54F; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #ffcd2e; - border-color: #ffcd2e; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); - } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3480,6 +3344,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3489,15 +3354,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3681,6 +3552,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; @@ -3690,15 +3562,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3757,6 +3635,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; @@ -3793,11 +3677,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: rgba(255, 213, 79, 0.16); color: rgba(255, 255, 255, 0.87); @@ -4309,15 +4188,19 @@ border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4789,7 +4672,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4802,7 +4686,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4812,7 +4697,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4933,7 +4819,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4946,7 +4833,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4956,7 +4844,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -5013,7 +4902,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } @@ -5052,7 +4942,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5065,7 +4956,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5075,7 +4967,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5147,7 +5040,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5177,7 +5071,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5190,7 +5085,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5200,7 +5096,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5391,7 +5288,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5404,7 +5302,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5414,7 +5313,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5496,7 +5396,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5509,7 +5410,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5519,7 +5421,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5732,7 +5635,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5745,7 +5649,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5755,7 +5660,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5776,7 +5682,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5785,7 +5691,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5794,7 +5700,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5803,7 +5709,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5849,7 +5755,7 @@ box-shadow: 0 0 0 1px #ffe284; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5861,7 +5767,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5873,7 +5779,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5885,7 +5791,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5959,7 +5865,7 @@ box-shadow: 0 0 0 1px #ffe284; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5969,7 +5875,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5979,7 +5885,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5989,7 +5895,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -6187,23 +6093,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #78909C; + background-color: #78909c; color: #ffffff; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-badge.p-badge-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-badge.p-badge-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-badge.p-badge-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-badge.p-badge-lg { @@ -6325,19 +6231,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-tag .p-tag-icon { diff --git a/src/assets/components/themes/arya-purple/theme.css b/src/assets/components/themes/arya-purple/theme.css index 9cc7dbb6b3f..b998fd6c53b 100644 --- a/src/assets/components/themes/arya-purple/theme.css +++ b/src/assets/components/themes/arya-purple/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#383838; - --surface-e:#1e1e1e; - --surface-f:#1e1e1e; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#BA68C8; - --primary-color-text:#ffffff; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #383838; + --surface-e: #1e1e1e; + --surface-f: #1e1e1e; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #BA68C8; + --primary-color-text: #ffffff; --surface-0: #121212; --surface-50: #2a2a2a; --surface-100: #414141; @@ -22,7 +24,7 @@ --surface-700: #d0d0d0; --surface-800: #e7e7e7; --surface-900: #ffffff; - --gray-50:#e7e7e7; + --gray-50: #e7e7e7; --gray-100: #d0d0d0; --gray-200: #b8b8b8; --gray-300: #a0a0a0; @@ -32,15 +34,15 @@ --gray-700: #414141; --gray-800: #2a2a2a; --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#1e1e1e; - --surface-border:#383838; - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #1e1e1e; + --surface-border: #383838; + --surface-hover: rgba(255, 255, 255, 0.03); --maskbg: rgba(0, 0, 0, 0.4); --focus-ring: 0 0 0 1px #cf95d9; --highlight-bg: rgba(186, 104, 200, 0.16); @@ -171,6 +173,105 @@ --primary-900:#4a2a50; } +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 1px solid #383838; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #383838; +} +.p-editor-container .p-editor-content .ql-editor { + background: #121212; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #BA68C8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #BA68C8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #BA68C8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #BA68C8; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.857rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #BA68C8; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; - background: rgba(186, 104, 200, 0.16); + background: #383838; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #464646; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } @@ -309,18 +413,20 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -347,6 +457,13 @@ border-color: #ef9a9a; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .p-datepicker { padding: 0.5rem; background: #1e1e1e; @@ -607,6 +724,9 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #ef9a9a; + } .p-cascadeselect-panel { background: #1e1e1e; @@ -626,33 +746,27 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #ef9a9a; - } .p-input-filled .p-cascadeselect { background: #383838; @@ -664,6 +778,10 @@ background-color: #383838; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -743,24 +861,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #BA68C8; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; - background: rgba(186, 104, 200, 0.16); + margin-right: 0.5rem; + background: #383838; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #464646; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -769,9 +892,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -833,7 +956,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -848,6 +971,9 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #ef9a9a; + } .p-dropdown-panel { background: #1e1e1e; @@ -889,14 +1015,16 @@ color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); + background: rgba(255, 255, 255, 0.09); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.03); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -905,9 +1033,10 @@ background: #1e1e1e; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #ef9a9a; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -923,105 +1052,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #1e1e1e; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #383838; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #1e1e1e; - border: 1px solid #383838; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #383838; - } - .p-editor-container .p-editor-content .ql-editor { - background: #121212; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #BA68C8; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #BA68C8; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #BA68C8; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #BA68C8; - } - .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1278,6 +1308,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; @@ -1300,6 +1331,7 @@ } .p-listbox .p-listbox-list { padding: 0.5rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1313,11 +1345,6 @@ color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1333,10 +1360,23 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ef9a9a; @@ -1364,14 +1404,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.5rem; - background: rgba(186, 104, 200, 0.16); + margin-right: 0.5rem; + background: #383838; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1384,10 +1422,18 @@ border-bottom-right-radius: 3px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-multiselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1450,15 +1496,17 @@ color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1475,10 +1523,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #ef9a9a; - } - .p-input-filled .p-multiselect { background: #383838; } @@ -1489,12 +1533,8 @@ background-color: #383838; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.5rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1514,13 +1554,13 @@ background: #383838; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; + background: #f48fb1; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; + background: #ffe082; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } p-password.p-password-clearable .p-password-input { @@ -1601,35 +1641,32 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f48fb1; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #BA68C8; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #BA68C8; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; } .p-selectbutton .p-button { @@ -1900,12 +1937,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #b052c0; color: #ffffff; border-color: #b052c0; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #a241b2; color: #ffffff; border-color: #a241b2; @@ -1915,12 +1952,12 @@ color: #BA68C8; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(186, 104, 200, 0.04); color: #BA68C8; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(186, 104, 200, 0.16); color: #BA68C8; border: 1px solid; @@ -1929,11 +1966,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -1942,12 +1979,12 @@ color: #BA68C8; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(186, 104, 200, 0.04); color: #BA68C8; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(186, 104, 200, 0.16); color: #BA68C8; border-color: transparent; @@ -1955,11 +1992,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2043,298 +2080,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #78909C; - border: 1px solid #78909C; + background: #78909c; + border: 1px solid #78909c; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #69838f; color: #ffffff; border-color: #69838f; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a1b1ba; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #5d747f; color: #ffffff; border-color: #5d747f; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; + background: #81d4fa; + border: 1px solid #81d4fa; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #5dc8f9; color: #121212; border-color: #5dc8f9; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a7e1fc; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #38bbf7; color: #121212; border-color: #38bbf7; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; + background: #c5e1a5; + border: 1px solid #c5e1a5; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #b2d788; color: #121212; border-color: #b2d788; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d6eac0; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #9fce6b; color: #121212; border-color: #9fce6b; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #121212; - background: #FFE082; - border: 1px solid #FFE082; + background: #ffe082; + border: 1px solid #ffe082; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd65c; color: #121212; border-color: #ffd65c; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffe9a8; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffcd35; color: #121212; border-color: #ffcd35; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + background: #ce93d8; + border: 1px solid #ce93d8; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #c278ce; color: #121212; border-color: #c278ce; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ddb3e4; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #b65ec5; color: #121212; border-color: #b65ec5; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; + background: #f48fb1; + border: 1px solid #f48fb1; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #f16c98; color: #121212; border-color: #f16c98; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f7b1c8; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #ed4980; color: #121212; border-color: #ed4980; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-button.p-button-link { @@ -2342,20 +2499,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #BA68C8; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 1px #cf95d9; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #BA68C8; border-color: transparent; @@ -2447,11 +2604,11 @@ color: #BA68C8; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(186, 104, 200, 0.04); color: #BA68C8; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(186, 104, 200, 0.16); color: #BA68C8; } @@ -2459,11 +2616,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2472,12 +2629,12 @@ color: #BA68C8; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(186, 104, 200, 0.04); color: #BA68C8; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(186, 104, 200, 0.16); color: #BA68C8; border-color: transparent; @@ -2485,11 +2642,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2519,176 +2676,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3012,10 +3169,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #383838; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3153,295 +3306,6 @@ padding: 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #383838; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #383838; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #b052c0; - border: 1px solid #b052c0; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #1e1e1e; - border: 1px solid #383838; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #BA68C8; - border: 1px solid #BA68C8; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #b052c0; - color: #ffffff; - border-color: #b052c0; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #a241b2; - color: #ffffff; - border-color: #a241b2; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #BA68C8; - border-color: #BA68C8; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #b052c0; - border-color: #b052c0; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #383838; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #1e1e1e; - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #383838; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1e1e1e; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #383838; - padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #383838; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #b052c0; - border-color: #b052c0; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #b052c0; - border-color: #b052c0; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1e1e1e; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #BA68C8; - border: 1px solid #BA68C8; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #b052c0; - color: #ffffff; - border-color: #b052c0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #a241b2; - color: #ffffff; - border-color: #a241b2; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #ffffff; - background: #BA68C8; - border: 1px solid #BA68C8; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1e1e1e; - border: 1px solid #383838; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #383838; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #BA68C8; - border-color: #BA68C8; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #b052c0; - border-color: #b052c0; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); - } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3480,6 +3344,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3489,15 +3354,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3681,6 +3552,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; @@ -3690,15 +3562,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3757,6 +3635,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; @@ -3793,11 +3677,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: rgba(186, 104, 200, 0.16); color: rgba(255, 255, 255, 0.87); @@ -4309,15 +4188,19 @@ border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4789,7 +4672,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4802,7 +4686,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4812,7 +4697,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4933,7 +4819,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4946,7 +4833,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4956,7 +4844,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -5013,7 +4902,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } @@ -5052,7 +4942,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5065,7 +4956,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5075,7 +4967,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5147,7 +5040,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5177,7 +5071,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5190,7 +5085,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5200,7 +5096,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5391,7 +5288,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5404,7 +5302,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5414,7 +5313,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5496,7 +5396,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5509,7 +5410,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5519,7 +5421,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5732,7 +5635,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5745,7 +5649,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5755,7 +5660,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5776,7 +5682,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5785,7 +5691,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5794,7 +5700,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5803,7 +5709,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5849,7 +5755,7 @@ box-shadow: 0 0 0 1px #cf95d9; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5861,7 +5767,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5873,7 +5779,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5885,7 +5791,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5959,7 +5865,7 @@ box-shadow: 0 0 0 1px #cf95d9; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5969,7 +5875,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5979,7 +5885,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5989,7 +5895,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -6187,23 +6093,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #78909C; + background-color: #78909c; color: #ffffff; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-badge.p-badge-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-badge.p-badge-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-badge.p-badge-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-badge.p-badge-lg { @@ -6325,19 +6231,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-tag .p-tag-icon { diff --git a/src/assets/components/themes/bootstrap4-dark-blue/theme.css b/src/assets/components/themes/bootstrap4-dark-blue/theme.css index 9bd72251ad6..bca48deb5b6 100644 --- a/src/assets/components/themes/bootstrap4-dark-blue/theme.css +++ b/src/assets/components/themes/bootstrap4-dark-blue/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#2a323d; - --surface-b:#20262e; - --surface-c:rgba(255, 255, 255, 0.04); - --surface-d:#3f4b5b; - --surface-e:#2a323d; - --surface-f:#2a323d; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#8dd0ff; - --primary-color-text:#151515; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #2a323d; + --surface-b: #20262e; + --surface-c: rgba(255, 255, 255, 0.04); + --surface-d: #3f4b5b; + --surface-e: #2a323d; + --surface-f: #2a323d; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #8dd0ff; + --primary-color-text: #151515; --surface-0: #20262e; --surface-50: #363c43; --surface-100: #4d5158; @@ -22,7 +24,7 @@ --surface-700: #d2d4d5; --surface-800: #e9e9ea; --surface-900: #ffffff; - --gray-50:#e9e9ea; + --gray-50: #e9e9ea; --gray-100: #d2d4d5; --gray-200: #bcbec0; --gray-300: #a6a8ab; @@ -32,15 +34,15 @@ --gray-700: #4d5158; --gray-800: #363c43; --gray-900: #20262e; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#20262e; - --surface-section:#20262e; - --surface-card:#2a323d; - --surface-overlay:#2a323d; - --surface-border:#3f4b5b; - --surface-hover:rgba(255,255,255,.04); + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #20262e; + --surface-section: #20262e; + --surface-card: #2a323d; + --surface-overlay: #2a323d; + --surface-border: #3f4b5b; + --surface-hover: rgba(255, 255, 255, 0.04); --maskbg: rgba(0, 0, 0, 0.4); --focus-ring: 0 0 0 1px #e3f3fe; --highlight-bg: #8dd0ff; @@ -171,6 +173,105 @@ --primary-900:#385366; } +.p-editor-container .p-editor-toolbar { + background: #2a323d; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f4b5b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1.5rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f4b5b; +} +.p-editor-container .p-editor-content .ql-editor { + background: #20262e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #8dd0ff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #8dd0ff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #8dd0ff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #8dd0ff; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.107rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #3f4b5b; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; border-color: #8dd0ff; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.75rem; - background: #8dd0ff; - color: #151515; - border-radius: 4px; + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #4c5866; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f19ea6; } @@ -309,18 +413,20 @@ transition: box-shadow 0.15s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #151515; background: #8dd0ff; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1.5rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #64bfff; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f19ea6; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -347,6 +457,13 @@ border-color: #f19ea6; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; + } + .p-datepicker { padding: 0; background: #2a323d; @@ -607,6 +724,9 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #f19ea6; + } .p-cascadeselect-panel { background: #2a323d; @@ -626,33 +746,27 @@ transition: box-shadow 0.15s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1.5rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #151515; background: #8dd0ff; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #64bfff; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1.5rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f19ea6; - } .p-input-filled .p-cascadeselect { background: #3f4b5b; @@ -664,6 +778,10 @@ background-color: #3f4b5b; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f19ea6; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -747,24 +865,29 @@ border-color: #151515; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #3f4b5b; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; border-color: #8dd0ff; } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.75rem; - background: #8dd0ff; - color: #151515; - border-radius: 4px; + margin-right: 0.5rem; + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #4c5866; + color: rgba(255, 255, 255, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -773,9 +896,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -837,7 +960,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -852,6 +975,9 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #f19ea6; + } .p-dropdown-panel { background: #2a323d; @@ -893,14 +1019,16 @@ color: #151515; background: #8dd0ff; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #64bfff; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); + background: rgba(255, 255, 255, 0.09); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1.5rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.04); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -909,9 +1037,10 @@ background: #2a323d; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f19ea6; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -927,105 +1056,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #2a323d; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #3f4b5b; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; - border-radius: 4px; - padding: 0.5rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1.5rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #3f4b5b; - } - .p-editor-container .p-editor-content .ql-editor { - background: #20262e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #8dd0ff; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #8dd0ff; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #8dd0ff; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #8dd0ff; - } - .p-inputgroup-addon { background: #2a323d; color: rgba(255, 255, 255, 0.6); @@ -1282,6 +1312,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #3f4b5b; border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.5rem; @@ -1304,6 +1335,7 @@ } .p-listbox .p-listbox-list { padding: 0.5rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1317,11 +1349,6 @@ color: #151515; background: #8dd0ff; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1337,10 +1364,23 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #64bfff; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f19ea6; @@ -1368,14 +1408,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.75rem; - background: #8dd0ff; - color: #151515; - border-radius: 4px; + margin-right: 0.5rem; + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1388,10 +1426,18 @@ border-bottom-right-radius: 4px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-multiselect-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -1454,15 +1500,17 @@ color: #151515; background: #8dd0ff; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #64bfff; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1479,10 +1527,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f19ea6; - } - .p-input-filled .p-multiselect { background: #3f4b5b; } @@ -1493,12 +1537,8 @@ background-color: #3f4b5b; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f19ea6; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1609,38 +1649,35 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #f19ea6; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; + border-color: #8dd0ff; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #8dd0ff; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #8dd0ff; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f19ea6; } - .p-highlight .p-rating .p-rating-icon { + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #151515; } @@ -1912,12 +1949,12 @@ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; border-radius: 4px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #56bdff; color: #151515; border-color: #56bdff; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #1dadff; color: #151515; border-color: #1dadff; @@ -1927,12 +1964,12 @@ color: #8dd0ff; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(141, 208, 255, 0.04); color: #8dd0ff; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(141, 208, 255, 0.16); color: #8dd0ff; border: 1px solid; @@ -1941,11 +1978,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -1954,12 +1991,12 @@ color: #8dd0ff; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(141, 208, 255, 0.04); color: #8dd0ff; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(141, 208, 255, 0.16); color: #8dd0ff; border-color: transparent; @@ -1967,11 +2004,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2055,295 +2092,415 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #6c757d; border: 1px solid #6c757d; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #5a6268; color: #ffffff; border-color: #5a6268; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px rgba(130, 138, 145, 0.5); } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #545b62; color: #ffffff; border-color: #4e555b; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #6c757d; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); color: #6c757d; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(108, 117, 125, 0.16); color: #6c757d; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #6c757d; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); border-color: transparent; color: #6c757d; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(108, 117, 125, 0.16); border-color: transparent; color: #6c757d; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #151515; background: #7fd8e6; border: 1px solid #4cc8db; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #4cc8db; color: #151515; border-color: #26bdd3; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #b1e8f0; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #26bdd3; color: #151515; border-color: #00b2cc; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #7fd8e6; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(127, 216, 230, 0.04); color: #7fd8e6; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(127, 216, 230, 0.16); color: #7fd8e6; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #7fd8e6; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(127, 216, 230, 0.04); border-color: transparent; color: #7fd8e6; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(127, 216, 230, 0.16); border-color: transparent; color: #7fd8e6; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #151515; background: #9fdaa8; border: 1px solid #78cc86; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #78cc86; color: #151515; border-color: #5ac06c; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #c5e8ca; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #5ac06c; color: #151515; border-color: #3cb553; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #9fdaa8; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(159, 218, 168, 0.04); color: #9fdaa8; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(159, 218, 168, 0.16); color: #9fdaa8; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #9fdaa8; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(159, 218, 168, 0.04); border-color: transparent; color: #9fdaa8; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(159, 218, 168, 0.16); border-color: transparent; color: #9fdaa8; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #151515; background: #ffe082; border: 1px solid #ffd54f; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd54f; color: #151515; border-color: #ffca28; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffecb3; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffca28; color: #151515; border-color: #ffc107; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffe082; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; color: #ffe082; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; color: #ffe082; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #151515; background: #b7a2e0; border: 1px solid #9a7cd4; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #9a7cd4; color: #151515; border-color: #845fca; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d3c7ec; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #845fca; color: #151515; border-color: #6d43c0; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #b7a2e0; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(183, 162, 224, 0.04); color: #b7a2e0; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(183, 162, 224, 0.16); color: #b7a2e0; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #b7a2e0; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(183, 162, 224, 0.04); border-color: transparent; color: #b7a2e0; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(183, 162, 224, 0.16); border-color: transparent; color: #b7a2e0; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #151515; background: #f19ea6; border: 1px solid #e97984; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #e97984; color: #151515; border-color: #f75965; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffd0d9; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #f75965; color: #151515; border-color: #fd464e; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #f19ea6; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(241, 158, 166, 0.04); color: #f19ea6; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(241, 158, 166, 0.16); color: #f19ea6; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #f19ea6; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(241, 158, 166, 0.04); border-color: transparent; color: #f19ea6; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(241, 158, 166, 0.16); border-color: transparent; color: #f19ea6; @@ -2354,20 +2511,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #56bdff; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 1px #e3f3fe; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #8dd0ff; border-color: transparent; @@ -2459,11 +2616,11 @@ color: #8dd0ff; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(141, 208, 255, 0.04); color: #8dd0ff; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(141, 208, 255, 0.16); color: #8dd0ff; } @@ -2471,11 +2628,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2484,12 +2641,12 @@ color: #8dd0ff; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(141, 208, 255, 0.04); color: #8dd0ff; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(141, 208, 255, 0.16); color: #8dd0ff; border-color: transparent; @@ -2497,11 +2654,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2534,11 +2691,11 @@ color: #6c757d; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); color: #6c757d; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(108, 117, 125, 0.16); color: #6c757d; } @@ -2547,12 +2704,12 @@ color: #6c757d; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); border-color: transparent; color: #6c757d; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(108, 117, 125, 0.16); border-color: transparent; color: #6c757d; @@ -2563,11 +2720,11 @@ color: #7fd8e6; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(127, 216, 230, 0.04); color: #7fd8e6; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(127, 216, 230, 0.16); color: #7fd8e6; } @@ -2576,12 +2733,12 @@ color: #7fd8e6; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(127, 216, 230, 0.04); border-color: transparent; color: #7fd8e6; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(127, 216, 230, 0.16); border-color: transparent; color: #7fd8e6; @@ -2592,11 +2749,11 @@ color: #9fdaa8; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(159, 218, 168, 0.04); color: #9fdaa8; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(159, 218, 168, 0.16); color: #9fdaa8; } @@ -2605,12 +2762,12 @@ color: #9fdaa8; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(159, 218, 168, 0.04); border-color: transparent; color: #9fdaa8; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(159, 218, 168, 0.16); border-color: transparent; color: #9fdaa8; @@ -2621,11 +2778,11 @@ color: #ffe082; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); color: #ffe082; } @@ -2634,12 +2791,12 @@ color: #ffe082; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; color: #ffe082; @@ -2650,11 +2807,11 @@ color: #b7a2e0; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(183, 162, 224, 0.04); color: #b7a2e0; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(183, 162, 224, 0.16); color: #b7a2e0; } @@ -2663,12 +2820,12 @@ color: #b7a2e0; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(183, 162, 224, 0.04); border-color: transparent; color: #b7a2e0; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(183, 162, 224, 0.16); border-color: transparent; color: #b7a2e0; @@ -2679,11 +2836,11 @@ color: #f19ea6; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(241, 158, 166, 0.04); color: #f19ea6; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(241, 158, 166, 0.16); color: #f19ea6; } @@ -2692,12 +2849,12 @@ color: #f19ea6; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(241, 158, 166, 0.04); border-color: transparent; color: #f19ea6; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(241, 158, 166, 0.16); border-color: transparent; color: #f19ea6; @@ -3024,10 +3181,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #3f4b5b; - border-width: 1px 0 0 0; - } .p-dataview .p-dataview-footer { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -3165,295 +3318,6 @@ padding: 1.25rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #2a323d; - border: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #2a323d; - border: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #3f4b5b; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #3f4b5b; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #56bdff; - border: 1px solid #56bdff; - color: #151515; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #2a323d; - border: 1px solid #3f4b5b; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #151515; - background: #8dd0ff; - border: 1px solid #8dd0ff; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #56bdff; - color: #151515; - border-color: #56bdff; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #1dadff; - color: #151515; - border-color: #1dadff; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #545b62; - border-color: #4e555b; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #3f4b5b; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #2a323d; - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #3f4b5b; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #2a323d; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #3f4b5b; - padding: 1rem 1.25rem; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #151515; - background: #56bdff; - border-color: #56bdff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #151515; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #56bdff; - border-color: #56bdff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #2a323d; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #151515; - background: #8dd0ff; - border: 1px solid #8dd0ff; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #56bdff; - color: #151515; - border-color: #56bdff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #1dadff; - color: #151515; - border-color: #1dadff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.65; - color: #151515; - background: #8dd0ff; - border: 1px solid #8dd0ff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #545b62; - border-color: #4e555b; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-highlight { - color: #151515; - background: #8dd0ff; - } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3492,6 +3356,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1.5rem; @@ -3501,15 +3366,21 @@ background: transparent; transition: box-shadow 0.15s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #151515; background: #8dd0ff; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #64bfff; + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -3693,6 +3564,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1.5rem; @@ -3702,15 +3574,21 @@ background: transparent; transition: box-shadow 0.15s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #151515; background: #8dd0ff; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #64bfff; + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -3769,6 +3647,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 4px; @@ -3805,11 +3689,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #8dd0ff; color: #151515; @@ -4321,15 +4200,19 @@ border: 1px solid #3f4b5b; background: #2a323d; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1.25rem; border: 1px solid #3f4b5b; background: #2a323d; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4801,7 +4684,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4814,7 +4698,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4824,7 +4709,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4945,7 +4831,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4958,7 +4845,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4968,7 +4856,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -5025,7 +4914,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } @@ -5064,7 +4954,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5077,7 +4968,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5087,7 +4979,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5159,7 +5052,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5189,7 +5083,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5202,7 +5097,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5212,7 +5108,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5403,7 +5300,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5416,7 +5314,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5426,7 +5325,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5508,7 +5408,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5521,7 +5422,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5531,7 +5433,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5744,7 +5647,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5757,7 +5661,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5767,7 +5672,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { diff --git a/src/assets/components/themes/bootstrap4-dark-purple/theme.css b/src/assets/components/themes/bootstrap4-dark-purple/theme.css index ae261fc2c36..e105bce7302 100644 --- a/src/assets/components/themes/bootstrap4-dark-purple/theme.css +++ b/src/assets/components/themes/bootstrap4-dark-purple/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#2a323d; - --surface-b:#20262e; - --surface-c:rgba(255, 255, 255, 0.04); - --surface-d:#3f4b5b; - --surface-e:#2a323d; - --surface-f:#2a323d; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#c298d8; - --primary-color-text:#151515; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #2a323d; + --surface-b: #20262e; + --surface-c: rgba(255, 255, 255, 0.04); + --surface-d: #3f4b5b; + --surface-e: #2a323d; + --surface-f: #2a323d; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #c298d8; + --primary-color-text: #151515; --surface-0: #20262e; --surface-50: #363c43; --surface-100: #4d5158; @@ -22,7 +24,7 @@ --surface-700: #d2d4d5; --surface-800: #e9e9ea; --surface-900: #ffffff; - --gray-50:#e9e9ea; + --gray-50: #e9e9ea; --gray-100: #d2d4d5; --gray-200: #bcbec0; --gray-300: #a6a8ab; @@ -32,15 +34,15 @@ --gray-700: #4d5158; --gray-800: #363c43; --gray-900: #20262e; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#20262e; - --surface-section:#20262e; - --surface-card:#2a323d; - --surface-overlay:#2a323d; - --surface-border:#3f4b5b; - --surface-hover:rgba(255,255,255,.04); + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #20262e; + --surface-section: #20262e; + --surface-card: #2a323d; + --surface-overlay: #2a323d; + --surface-border: #3f4b5b; + --surface-hover: rgba(255, 255, 255, 0.04); --maskbg: rgba(0, 0, 0, 0.4); --focus-ring: 0 0 0 1px #f0e6f5; --highlight-bg: #c298d8; @@ -171,6 +173,105 @@ --primary-900:#4e3d56; } +.p-editor-container .p-editor-toolbar { + background: #2a323d; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3f4b5b; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1.5rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3f4b5b; +} +.p-editor-container .p-editor-content .ql-editor { + background: #20262e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #c298d8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #c298d8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #c298d8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #c298d8; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.107rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #3f4b5b; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; border-color: #c298d8; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.75rem; - background: #c298d8; - color: #151515; - border-radius: 4px; + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #4c5866; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f19ea6; } @@ -309,18 +413,20 @@ transition: box-shadow 0.15s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #151515; background: #c298d8; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1.5rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #b07acd; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f19ea6; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -347,6 +457,13 @@ border-color: #f19ea6; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; + } + .p-datepicker { padding: 0; background: #2a323d; @@ -607,6 +724,9 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #f19ea6; + } .p-cascadeselect-panel { background: #2a323d; @@ -626,33 +746,27 @@ transition: box-shadow 0.15s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1.5rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #151515; background: #c298d8; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #b07acd; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1.5rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f19ea6; - } .p-input-filled .p-cascadeselect { background: #3f4b5b; @@ -664,6 +778,10 @@ background-color: #3f4b5b; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f19ea6; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -747,24 +865,29 @@ border-color: #151515; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #3f4b5b; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; border-color: #c298d8; } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.75rem; - background: #c298d8; - color: #151515; - border-radius: 4px; + margin-right: 0.5rem; + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #4c5866; + color: rgba(255, 255, 255, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -773,9 +896,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -837,7 +960,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -852,6 +975,9 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #f19ea6; + } .p-dropdown-panel { background: #2a323d; @@ -893,14 +1019,16 @@ color: #151515; background: #c298d8; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #b07acd; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); + background: rgba(255, 255, 255, 0.09); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1.5rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.04); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -909,9 +1037,10 @@ background: #2a323d; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f19ea6; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1.5rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -927,105 +1056,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #2a323d; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #3f4b5b; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; - border-radius: 4px; - padding: 0.5rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1.5rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #3f4b5b; - } - .p-editor-container .p-editor-content .ql-editor { - background: #20262e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #c298d8; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #c298d8; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #c298d8; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #c298d8; - } - .p-inputgroup-addon { background: #2a323d; color: rgba(255, 255, 255, 0.6); @@ -1282,6 +1312,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #3f4b5b; border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.5rem; @@ -1304,6 +1335,7 @@ } .p-listbox .p-listbox-list { padding: 0.5rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1317,11 +1349,6 @@ color: #151515; background: #c298d8; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1337,10 +1364,23 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #b07acd; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f19ea6; @@ -1368,14 +1408,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.75rem; - background: #c298d8; - color: #151515; - border-radius: 4px; + margin-right: 0.5rem; + background: #3f4b5b; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1388,10 +1426,18 @@ border-bottom-right-radius: 4px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-multiselect-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -1454,15 +1500,17 @@ color: #151515; background: #c298d8; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #b07acd; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1479,10 +1527,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f19ea6; - } - .p-input-filled .p-multiselect { background: #3f4b5b; } @@ -1493,12 +1537,8 @@ background-color: #3f4b5b; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f19ea6; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1609,38 +1649,35 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #f19ea6; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; + border-color: #c298d8; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #c298d8; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #c298d8; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f19ea6; } - .p-highlight .p-rating .p-rating-icon { + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #151515; } @@ -1912,12 +1949,12 @@ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; border-radius: 4px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #aa70c7; color: #151515; border-color: #aa70c7; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #9954bb; color: #151515; border-color: #9954bb; @@ -1927,12 +1964,12 @@ color: #c298d8; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(194, 152, 216, 0.04); color: #c298d8; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(194, 152, 216, 0.16); color: #c298d8; border: 1px solid; @@ -1941,11 +1978,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -1954,12 +1991,12 @@ color: #c298d8; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(194, 152, 216, 0.04); color: #c298d8; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(194, 152, 216, 0.16); color: #c298d8; border-color: transparent; @@ -1967,11 +2004,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2055,295 +2092,415 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #6c757d; border: 1px solid #6c757d; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #5a6268; color: #ffffff; border-color: #5a6268; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px rgba(130, 138, 145, 0.5); } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #545b62; color: #ffffff; border-color: #4e555b; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #6c757d; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); color: #6c757d; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(108, 117, 125, 0.16); color: #6c757d; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #6c757d; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); border-color: transparent; color: #6c757d; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(108, 117, 125, 0.16); border-color: transparent; color: #6c757d; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #151515; background: #7fd8e6; border: 1px solid #4cc8db; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #4cc8db; color: #151515; border-color: #26bdd3; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #b1e8f0; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #26bdd3; color: #151515; border-color: #00b2cc; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #7fd8e6; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(127, 216, 230, 0.04); color: #7fd8e6; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(127, 216, 230, 0.16); color: #7fd8e6; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #7fd8e6; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(127, 216, 230, 0.04); border-color: transparent; color: #7fd8e6; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(127, 216, 230, 0.16); border-color: transparent; color: #7fd8e6; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #151515; background: #9fdaa8; border: 1px solid #78cc86; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #78cc86; color: #151515; border-color: #5ac06c; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #c5e8ca; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #5ac06c; color: #151515; border-color: #3cb553; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #9fdaa8; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(159, 218, 168, 0.04); color: #9fdaa8; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(159, 218, 168, 0.16); color: #9fdaa8; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #9fdaa8; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(159, 218, 168, 0.04); border-color: transparent; color: #9fdaa8; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(159, 218, 168, 0.16); border-color: transparent; color: #9fdaa8; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #151515; background: #ffe082; border: 1px solid #ffd54f; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd54f; color: #151515; border-color: #ffca28; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffecb3; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffca28; color: #151515; border-color: #ffc107; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffe082; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; color: #ffe082; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; color: #ffe082; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #151515; background: #b7a2e0; border: 1px solid #9a7cd4; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #9a7cd4; color: #151515; border-color: #845fca; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d3c7ec; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #845fca; color: #151515; border-color: #6d43c0; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #b7a2e0; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(183, 162, 224, 0.04); color: #b7a2e0; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(183, 162, 224, 0.16); color: #b7a2e0; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #b7a2e0; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(183, 162, 224, 0.04); border-color: transparent; color: #b7a2e0; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(183, 162, 224, 0.16); border-color: transparent; color: #b7a2e0; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #151515; background: #f19ea6; border: 1px solid #e97984; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #e97984; color: #151515; border-color: #f75965; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffd0d9; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #f75965; color: #151515; border-color: #fd464e; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #f19ea6; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(241, 158, 166, 0.04); color: #f19ea6; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(241, 158, 166, 0.16); color: #f19ea6; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #f19ea6; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(241, 158, 166, 0.04); border-color: transparent; color: #f19ea6; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(241, 158, 166, 0.16); border-color: transparent; color: #f19ea6; @@ -2354,20 +2511,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #aa70c7; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 1px #f0e6f5; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #c298d8; border-color: transparent; @@ -2459,11 +2616,11 @@ color: #c298d8; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(194, 152, 216, 0.04); color: #c298d8; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(194, 152, 216, 0.16); color: #c298d8; } @@ -2471,11 +2628,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2484,12 +2641,12 @@ color: #c298d8; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(194, 152, 216, 0.04); color: #c298d8; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(194, 152, 216, 0.16); color: #c298d8; border-color: transparent; @@ -2497,11 +2654,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2534,11 +2691,11 @@ color: #6c757d; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); color: #6c757d; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(108, 117, 125, 0.16); color: #6c757d; } @@ -2547,12 +2704,12 @@ color: #6c757d; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); border-color: transparent; color: #6c757d; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(108, 117, 125, 0.16); border-color: transparent; color: #6c757d; @@ -2563,11 +2720,11 @@ color: #7fd8e6; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(127, 216, 230, 0.04); color: #7fd8e6; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(127, 216, 230, 0.16); color: #7fd8e6; } @@ -2576,12 +2733,12 @@ color: #7fd8e6; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(127, 216, 230, 0.04); border-color: transparent; color: #7fd8e6; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(127, 216, 230, 0.16); border-color: transparent; color: #7fd8e6; @@ -2592,11 +2749,11 @@ color: #9fdaa8; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(159, 218, 168, 0.04); color: #9fdaa8; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(159, 218, 168, 0.16); color: #9fdaa8; } @@ -2605,12 +2762,12 @@ color: #9fdaa8; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(159, 218, 168, 0.04); border-color: transparent; color: #9fdaa8; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(159, 218, 168, 0.16); border-color: transparent; color: #9fdaa8; @@ -2621,11 +2778,11 @@ color: #ffe082; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); color: #ffe082; } @@ -2634,12 +2791,12 @@ color: #ffe082; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; color: #ffe082; @@ -2650,11 +2807,11 @@ color: #b7a2e0; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(183, 162, 224, 0.04); color: #b7a2e0; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(183, 162, 224, 0.16); color: #b7a2e0; } @@ -2663,12 +2820,12 @@ color: #b7a2e0; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(183, 162, 224, 0.04); border-color: transparent; color: #b7a2e0; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(183, 162, 224, 0.16); border-color: transparent; color: #b7a2e0; @@ -2679,11 +2836,11 @@ color: #f19ea6; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(241, 158, 166, 0.04); color: #f19ea6; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(241, 158, 166, 0.16); color: #f19ea6; } @@ -2692,12 +2849,12 @@ color: #f19ea6; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(241, 158, 166, 0.04); border-color: transparent; color: #f19ea6; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(241, 158, 166, 0.16); border-color: transparent; color: #f19ea6; @@ -3024,10 +3181,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #3f4b5b; - border-width: 1px 0 0 0; - } .p-dataview .p-dataview-footer { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -3165,295 +3318,6 @@ padding: 1.25rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #2a323d; - border: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #2a323d; - border: 1px solid #3f4b5b; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #3f4b5b; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #3f4b5b; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #aa70c7; - border: 1px solid #aa70c7; - color: #151515; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #2a323d; - border: 1px solid #3f4b5b; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #151515; - background: #c298d8; - border: 1px solid #c298d8; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #aa70c7; - color: #151515; - border-color: #aa70c7; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #9954bb; - color: #151515; - border-color: #9954bb; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #545b62; - border-color: #4e555b; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #3f4b5b; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #2a323d; - border-color: #3f4b5b; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #3f4b5b; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #2a323d; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #3f4b5b; - padding: 1rem 1.25rem; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: color 0.15s, box-shadow 0.15s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: transparent; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #3f4b5b; - background: #2a323d; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #151515; - background: #aa70c7; - border-color: #aa70c7; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #151515; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #aa70c7; - border-color: #aa70c7; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #2a323d; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #151515; - background: #c298d8; - border: 1px solid #c298d8; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #aa70c7; - color: #151515; - border-color: #aa70c7; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #9954bb; - color: #151515; - border-color: #9954bb; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.65; - color: #151515; - background: #c298d8; - border: 1px solid #c298d8; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #545b62; - border-color: #4e555b; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-highlight { - color: #151515; - background: #c298d8; - } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3492,6 +3356,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1.5rem; @@ -3501,15 +3366,21 @@ background: transparent; transition: box-shadow 0.15s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #151515; background: #c298d8; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #b07acd; + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -3693,6 +3564,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1.5rem; @@ -3702,15 +3574,21 @@ background: transparent; transition: box-shadow 0.15s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #151515; background: #c298d8; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #b07acd; + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1.5rem; color: rgba(255, 255, 255, 0.87); @@ -3769,6 +3647,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 4px; @@ -3805,11 +3689,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #c298d8; color: #151515; @@ -4321,15 +4200,19 @@ border: 1px solid #3f4b5b; background: #2a323d; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1.25rem; border: 1px solid #3f4b5b; background: #2a323d; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4801,7 +4684,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4814,7 +4698,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4824,7 +4709,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4945,7 +4831,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4958,7 +4845,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4968,7 +4856,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -5025,7 +4914,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } @@ -5064,7 +4954,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5077,7 +4968,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5087,7 +4979,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5159,7 +5052,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5189,7 +5083,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5202,7 +5097,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5212,7 +5108,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5403,7 +5300,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5416,7 +5314,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5426,7 +5325,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5508,7 +5408,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5521,7 +5422,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5531,7 +5433,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5744,7 +5647,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5757,7 +5661,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5767,7 +5672,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { diff --git a/src/assets/components/themes/bootstrap4-light-blue/theme.css b/src/assets/components/themes/bootstrap4-light-blue/theme.css index 121109832a4..b56386ef4ca 100644 --- a/src/assets/components/themes/bootstrap4-light-blue/theme.css +++ b/src/assets/components/themes/bootstrap4-light-blue/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#ffffff; - --surface-b:#efefef; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#212529; - --text-color-secondary:#6c757d; - --primary-color:#007bff; - --primary-color-text:#ffffff; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #ffffff; + --surface-b: #efefef; + --surface-c: #e9ecef; + --surface-d: #dee2e6; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #212529; + --text-color-secondary: #6c757d; + --primary-color: #007bff; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f9fafb; --surface-100: #f8f9fa; @@ -32,15 +34,15 @@ --gray-700: #495057; --gray-800: #343a40; --gray-900: #212529; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#efefef; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; - --surface-hover:#e9ecef; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #efefef; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dee2e6; + --surface-hover: #e9ecef; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #007bff; --highlight-text-color: #ffffff; @@ -171,6 +173,105 @@ --primary-900:#003166; } +.p-editor-container .p-editor-toolbar { + background: #efefef; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + border-radius: 4px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #212529; + background: #e9ecef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1.5rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #212529; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #212529; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #212529; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #007bff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #007bff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #007bff; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #007bff; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.107rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #ced4da; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); border-color: #007bff; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #212529; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.75rem; - background: #007bff; - color: #ffffff; - border-radius: 4px; + background: #dee2e6; + color: #212529; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #ced4da; + color: #212529; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #dc3545; } @@ -309,18 +413,20 @@ transition: box-shadow 0.15s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #212529; - background: #e9ecef; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #ffffff; background: #007bff; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1.5rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #0067d6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #212529; - background: transparent; + background: #dee2e6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #dc3545; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -347,6 +457,13 @@ border-color: #dc3545; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; + } + .p-datepicker { padding: 0; background: #ffffff; @@ -607,6 +724,9 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #dc3545; + } .p-cascadeselect-panel { background: #ffffff; @@ -626,33 +746,27 @@ transition: box-shadow 0.15s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1.5rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #ffffff; background: #007bff; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #0067d6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #212529; + background: #dee2e6; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #212529; background: #e9ecef; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1.5rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #dc3545; - } .p-input-filled .p-cascadeselect { background: #efefef; @@ -664,6 +778,10 @@ background-color: #efefef; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #dc3545; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -747,24 +865,29 @@ border-color: #ffffff; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #ced4da; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); border-color: #007bff; } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.75rem; - background: #007bff; - color: #ffffff; - border-radius: 4px; + margin-right: 0.5rem; + background: #dee2e6; + color: #212529; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #ced4da; + color: #212529; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -773,9 +896,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #212529; padding: 0; margin: 0; @@ -837,7 +960,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -852,6 +975,9 @@ color: #495057; right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #dc3545; + } .p-dropdown-panel { background: #ffffff; @@ -893,14 +1019,16 @@ color: #ffffff; background: #007bff; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #0067d6; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #212529; - background: #e9ecef; + background: #dee2e6; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1.5rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #212529; - background: transparent; + background: #e9ecef; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -909,9 +1037,10 @@ background: #ffffff; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #dc3545; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; } .p-input-filled .p-dropdown { @@ -927,105 +1056,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #efefef; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #212529; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #212529; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #212529; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #212529; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #212529; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #212529; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; - border-radius: 4px; - padding: 0.5rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #212529; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #212529; - background: #e9ecef; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1.5rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #212529; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #212529; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #212529; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #007bff; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #007bff; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #007bff; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #007bff; - } - .p-inputgroup-addon { background: #e9ecef; color: #495057; @@ -1282,6 +1312,7 @@ color: #212529; border: 1px solid #ced4da; border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.5rem; @@ -1304,6 +1335,7 @@ } .p-listbox .p-listbox-list { padding: 0.5rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1317,11 +1349,6 @@ color: #ffffff; background: #007bff; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1337,10 +1364,23 @@ color: #212529; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #0067d6; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #212529; + background: #dee2e6; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #212529; background: #e9ecef; } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #dc3545; @@ -1368,14 +1408,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: #6c757d; } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.75rem; - background: #007bff; - color: #ffffff; - border-radius: 4px; + margin-right: 0.5rem; + background: #dee2e6; + color: #212529; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1388,10 +1426,18 @@ border-bottom-right-radius: 4px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #495057; + right: 2.357rem; + } + .p-multiselect-panel { background: #ffffff; color: #212529; @@ -1454,15 +1500,17 @@ color: #ffffff; background: #007bff; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #0067d6; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #212529; + background: #dee2e6; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #212529; background: #e9ecef; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1479,10 +1527,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #dc3545; - } - .p-input-filled .p-multiselect { background: #efefef; } @@ -1493,12 +1537,8 @@ background-color: #efefef; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #495057; - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #dc3545; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1609,38 +1649,35 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #495057; - margin-left: 0.5rem; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #dc3545; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + border-color: #007bff; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #007bff; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #007bff; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #dc3545; } - .p-highlight .p-rating .p-rating-icon { + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #ffffff; } @@ -1912,12 +1949,12 @@ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; border-radius: 4px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #0069d9; color: #ffffff; border-color: #0069d9; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #0062cc; color: #ffffff; border-color: #0062cc; @@ -1927,12 +1964,12 @@ color: #007bff; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(0, 123, 255, 0.04); color: #007bff; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(0, 123, 255, 0.16); color: #007bff; border: 1px solid; @@ -1941,11 +1978,11 @@ color: #6c757d; border-color: #6c757d; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -1954,12 +1991,12 @@ color: #007bff; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(0, 123, 255, 0.04); color: #007bff; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(0, 123, 255, 0.16); color: #007bff; border-color: transparent; @@ -1967,11 +2004,11 @@ .p-button.p-button-text.p-button-plain { color: #6c757d; } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -2055,295 +2092,415 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #6c757d; border: 1px solid #6c757d; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #5a6268; color: #ffffff; border-color: #5a6268; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #545b62; color: #ffffff; border-color: #4e555b; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #6c757d; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); color: #6c757d; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(108, 117, 125, 0.16); color: #6c757d; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #6c757d; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); border-color: transparent; color: #6c757d; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(108, 117, 125, 0.16); border-color: transparent; color: #6c757d; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #17a2b8; border: 1px solid #17a2b8; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #138496; color: #ffffff; border-color: #117a8b; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #138496; color: #ffffff; border-color: #117a8b; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #17a2b8; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(23, 162, 184, 0.04); color: #17a2b8; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(23, 162, 184, 0.16); color: #17a2b8; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #17a2b8; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(23, 162, 184, 0.04); border-color: transparent; color: #17a2b8; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(23, 162, 184, 0.16); border-color: transparent; color: #17a2b8; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #28a745; border: 1px solid #28a745; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #218838; color: #ffffff; border-color: #1e7e34; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #1e7e34; color: #ffffff; border-color: #1c7430; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #28a745; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(40, 167, 69, 0.04); color: #28a745; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(40, 167, 69, 0.16); color: #28a745; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #28a745; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(40, 167, 69, 0.04); border-color: transparent; color: #28a745; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(40, 167, 69, 0.16); border-color: transparent; color: #28a745; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; background: #ffc107; border: 1px solid #ffc107; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #e0a800; color: #212529; border-color: #d39e00; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #d39e00; color: #212529; border-color: #c69500; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffc107; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); color: #ffc107; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 193, 7, 0.16); color: #ffc107; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffc107; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); border-color: transparent; color: #ffc107; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 193, 7, 0.16); border-color: transparent; color: #ffc107; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #6f42c1; border: 1px solid #6f42c1; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #633bad; color: #ffffff; border-color: #58349a; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #d3c6ec; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #58349a; color: #ffffff; border-color: #4d2e87; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #6f42c1; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(111, 66, 193, 0.04); color: #6f42c1; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(111, 66, 193, 0.16); color: #6f42c1; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #6f42c1; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(111, 66, 193, 0.04); border-color: transparent; color: #6f42c1; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(111, 66, 193, 0.16); border-color: transparent; color: #6f42c1; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #dc3545; border: 1px solid #dc3545; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c82333; color: #ffffff; border-color: #bd2130; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #bd2130; color: #ffffff; border-color: #b21f2d; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #dc3545; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(220, 53, 69, 0.04); color: #dc3545; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(220, 53, 69, 0.16); color: #dc3545; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #dc3545; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(220, 53, 69, 0.04); border-color: transparent; color: #dc3545; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(220, 53, 69, 0.16); border-color: transparent; color: #dc3545; @@ -2354,20 +2511,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #0069d9; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #007bff; border-color: transparent; @@ -2459,11 +2616,11 @@ color: #007bff; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(0, 123, 255, 0.04); color: #007bff; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(0, 123, 255, 0.16); color: #007bff; } @@ -2471,11 +2628,11 @@ color: #6c757d; border-color: #6c757d; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -2484,12 +2641,12 @@ color: #007bff; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(0, 123, 255, 0.04); color: #007bff; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(0, 123, 255, 0.16); color: #007bff; border-color: transparent; @@ -2497,11 +2654,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #6c757d; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -2534,11 +2691,11 @@ color: #6c757d; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); color: #6c757d; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(108, 117, 125, 0.16); color: #6c757d; } @@ -2547,12 +2704,12 @@ color: #6c757d; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); border-color: transparent; color: #6c757d; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(108, 117, 125, 0.16); border-color: transparent; color: #6c757d; @@ -2563,11 +2720,11 @@ color: #17a2b8; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(23, 162, 184, 0.04); color: #17a2b8; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(23, 162, 184, 0.16); color: #17a2b8; } @@ -2576,12 +2733,12 @@ color: #17a2b8; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(23, 162, 184, 0.04); border-color: transparent; color: #17a2b8; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(23, 162, 184, 0.16); border-color: transparent; color: #17a2b8; @@ -2592,11 +2749,11 @@ color: #28a745; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(40, 167, 69, 0.04); color: #28a745; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(40, 167, 69, 0.16); color: #28a745; } @@ -2605,12 +2762,12 @@ color: #28a745; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(40, 167, 69, 0.04); border-color: transparent; color: #28a745; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(40, 167, 69, 0.16); border-color: transparent; color: #28a745; @@ -2621,11 +2778,11 @@ color: #ffc107; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); color: #ffc107; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 193, 7, 0.16); color: #ffc107; } @@ -2634,12 +2791,12 @@ color: #ffc107; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); border-color: transparent; color: #ffc107; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 193, 7, 0.16); border-color: transparent; color: #ffc107; @@ -2650,11 +2807,11 @@ color: #6f42c1; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(111, 66, 193, 0.04); color: #6f42c1; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(111, 66, 193, 0.16); color: #6f42c1; } @@ -2663,12 +2820,12 @@ color: #6f42c1; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(111, 66, 193, 0.04); border-color: transparent; color: #6f42c1; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(111, 66, 193, 0.16); border-color: transparent; color: #6f42c1; @@ -2679,11 +2836,11 @@ color: #dc3545; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(220, 53, 69, 0.04); color: #dc3545; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(220, 53, 69, 0.16); color: #dc3545; } @@ -2692,12 +2849,12 @@ color: #dc3545; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(220, 53, 69, 0.04); border-color: transparent; color: #dc3545; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(220, 53, 69, 0.16); border-color: transparent; color: #dc3545; @@ -3024,10 +3181,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #dee2e6; - border-width: 1px 0 0 0; - } .p-dataview .p-dataview-footer { background: #efefef; color: #212529; @@ -3165,295 +3318,6 @@ padding: 1.25rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #efefef; - border: 1px solid #dee2e6; - color: #212529; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #212529; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #0069d9; - border: 1px solid #0069d9; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #efefef; - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #007bff; - border: 1px solid #007bff; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #0069d9; - color: #ffffff; - border-color: #0069d9; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #0062cc; - color: #ffffff; - border-color: #0062cc; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #545b62; - border-color: #4e555b; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #efefef; - border-color: #dee2e6; - color: #212529; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #212529; - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1rem 1.25rem; - background: #efefef; - color: #212529; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #0069d9; - border-color: #0069d9; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #0069d9; - border-color: #0069d9; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #212529; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #efefef; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #007bff; - border: 1px solid #007bff; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #0069d9; - color: #ffffff; - border-color: #0069d9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #0062cc; - color: #ffffff; - border-color: #0062cc; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.65; - color: #ffffff; - background: #007bff; - border: 1px solid #007bff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #545b62; - border-color: #4e555b; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - } - .fc.fc-theme-standard a { - color: #212529; - } - .fc.fc-theme-standard .fc-highlight { - color: #ffffff; - background: #007bff; - } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3492,6 +3356,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1.5rem; @@ -3501,15 +3366,21 @@ background: transparent; transition: box-shadow 0.15s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #212529; + background: #dee2e6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #ffffff; background: #007bff; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #0067d6; + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1.5rem; color: #212529; @@ -3693,6 +3564,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1.5rem; @@ -3702,15 +3574,21 @@ background: transparent; transition: box-shadow 0.15s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #212529; + background: #dee2e6; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #ffffff; background: #007bff; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #0067d6; + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1.5rem; color: #212529; @@ -3769,6 +3647,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 4px; @@ -3805,11 +3689,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #212529; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #007bff; color: #ffffff; @@ -4321,15 +4200,19 @@ border: 1px solid #dee2e6; background: #ffffff; color: #212529; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #212529; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4801,7 +4684,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4814,7 +4698,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4824,7 +4709,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem-separator { @@ -4945,7 +4831,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4958,7 +4845,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4968,7 +4856,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-megamenu-panel { @@ -5025,7 +4914,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.7); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.7); } @@ -5064,7 +4954,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5077,7 +4968,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5087,7 +4979,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu.p-menu-overlay { @@ -5159,7 +5052,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.7); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.7); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5189,7 +5083,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5202,7 +5097,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5212,7 +5108,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-submenu-list { @@ -5403,7 +5300,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5416,7 +5314,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5426,7 +5325,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5508,7 +5408,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5521,7 +5422,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5531,7 +5433,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu.p-slidemenu-overlay { @@ -5744,7 +5647,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5757,7 +5661,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5767,7 +5672,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem-separator { diff --git a/src/assets/components/themes/bootstrap4-light-purple/theme.css b/src/assets/components/themes/bootstrap4-light-purple/theme.css index b3221574dfc..72f7a261cdd 100644 --- a/src/assets/components/themes/bootstrap4-light-purple/theme.css +++ b/src/assets/components/themes/bootstrap4-light-purple/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#ffffff; - --surface-b:#efefef; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#212529; - --text-color-secondary:#6c757d; - --primary-color:#883cae; - --primary-color-text:#ffffff; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #ffffff; + --surface-b: #efefef; + --surface-c: #e9ecef; + --surface-d: #dee2e6; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #212529; + --text-color-secondary: #6c757d; + --primary-color: #883cae; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f9fafb; --surface-100: #f8f9fa; @@ -32,15 +34,15 @@ --gray-700: #495057; --gray-800: #343a40; --gray-900: #212529; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#efefef; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; - --surface-hover:#e9ecef; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #efefef; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dee2e6; + --surface-hover: #e9ecef; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #883cae; --highlight-text-color: #ffffff; @@ -171,6 +173,105 @@ --primary-900:#361846; } +.p-editor-container .p-editor-toolbar { + background: #efefef; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + border-radius: 4px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #212529; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #212529; + background: #e9ecef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1.5rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #212529; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #212529; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #212529; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #883cae; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #883cae; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #883cae; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #883cae; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.107rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #ced4da; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); border-color: #883cae; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #212529; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.75rem; - background: #883cae; - color: #ffffff; - border-radius: 4px; + background: #dee2e6; + color: #212529; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #ced4da; + color: #212529; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #dc3545; } @@ -309,18 +413,20 @@ transition: box-shadow 0.15s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #212529; - background: #e9ecef; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #ffffff; background: #883cae; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1.5rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #703290; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #212529; - background: transparent; + background: #dee2e6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #212529; + background: #e9ecef; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #dc3545; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -347,6 +457,13 @@ border-color: #dc3545; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; + } + .p-datepicker { padding: 0; background: #ffffff; @@ -607,6 +724,9 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #dc3545; + } .p-cascadeselect-panel { background: #ffffff; @@ -626,33 +746,27 @@ transition: box-shadow 0.15s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1.5rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #ffffff; background: #883cae; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #703290; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #212529; + background: #dee2e6; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #212529; background: #e9ecef; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1.5rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #dc3545; - } .p-input-filled .p-cascadeselect { background: #efefef; @@ -664,6 +778,10 @@ background-color: #efefef; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #dc3545; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -747,24 +865,29 @@ border-color: #ffffff; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #ced4da; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); border-color: #883cae; } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.75rem; - background: #883cae; - color: #ffffff; - border-radius: 4px; + margin-right: 0.5rem; + background: #dee2e6; + color: #212529; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #ced4da; + color: #212529; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -773,9 +896,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #212529; padding: 0; margin: 0; @@ -837,7 +960,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -852,6 +975,9 @@ color: #495057; right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #dc3545; + } .p-dropdown-panel { background: #ffffff; @@ -893,14 +1019,16 @@ color: #ffffff; background: #883cae; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #703290; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #212529; - background: #e9ecef; + background: #dee2e6; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1.5rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #212529; - background: transparent; + background: #e9ecef; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -909,9 +1037,10 @@ background: #ffffff; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #dc3545; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1.5rem; + color: #212529; + background: transparent; } .p-input-filled .p-dropdown { @@ -927,105 +1056,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #efefef; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #212529; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #212529; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #212529; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #212529; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #212529; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #212529; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; - border-radius: 4px; - padding: 0.5rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #212529; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #212529; - background: #e9ecef; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1.5rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #212529; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #212529; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #212529; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #883cae; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #883cae; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #883cae; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #883cae; - } - .p-inputgroup-addon { background: #e9ecef; color: #495057; @@ -1282,6 +1312,7 @@ color: #212529; border: 1px solid #ced4da; border-radius: 4px; + transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.5rem; @@ -1304,6 +1335,7 @@ } .p-listbox .p-listbox-list { padding: 0.5rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1317,11 +1349,6 @@ color: #ffffff; background: #883cae; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1337,10 +1364,23 @@ color: #212529; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #703290; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #212529; + background: #dee2e6; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #212529; background: #e9ecef; } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #dc3545; @@ -1368,14 +1408,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: #6c757d; } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.75rem; - background: #883cae; - color: #ffffff; - border-radius: 4px; + margin-right: 0.5rem; + background: #dee2e6; + color: #212529; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1388,10 +1426,18 @@ border-bottom-right-radius: 4px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #495057; + right: 2.357rem; + } + .p-multiselect-panel { background: #ffffff; color: #212529; @@ -1454,15 +1500,17 @@ color: #ffffff; background: #883cae; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #703290; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #212529; + background: #dee2e6; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #212529; background: #e9ecef; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1479,10 +1527,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #dc3545; - } - .p-input-filled .p-multiselect { background: #efefef; } @@ -1493,12 +1537,8 @@ background-color: #efefef; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #495057; - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #dc3545; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1609,38 +1649,35 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #495057; - margin-left: 0.5rem; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #dc3545; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + border-color: #883cae; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #883cae; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #883cae; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #dc3545; } - .p-highlight .p-rating .p-rating-icon { + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #ffffff; } @@ -1912,12 +1949,12 @@ transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; border-radius: 4px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #7a38a7; color: #ffffff; border-color: #7a38a7; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #68329e; color: #ffffff; border-color: #68329e; @@ -1927,12 +1964,12 @@ color: #883cae; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(136, 60, 174, 0.04); color: #883cae; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(136, 60, 174, 0.16); color: #883cae; border: 1px solid; @@ -1941,11 +1978,11 @@ color: #6c757d; border-color: #6c757d; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -1954,12 +1991,12 @@ color: #883cae; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(136, 60, 174, 0.04); color: #883cae; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(136, 60, 174, 0.16); color: #883cae; border-color: transparent; @@ -1967,11 +2004,11 @@ .p-button.p-button-text.p-button-plain { color: #6c757d; } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -2055,295 +2092,415 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #6c757d; border: 1px solid #6c757d; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #5a6268; color: #ffffff; border-color: #5a6268; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #545b62; color: #ffffff; border-color: #4e555b; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #6c757d; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); color: #6c757d; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(108, 117, 125, 0.16); color: #6c757d; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #6c757d; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); border-color: transparent; color: #6c757d; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(108, 117, 125, 0.16); border-color: transparent; color: #6c757d; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #17a2b8; border: 1px solid #17a2b8; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #138496; color: #ffffff; border-color: #117a8b; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #138496; color: #ffffff; border-color: #117a8b; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #17a2b8; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(23, 162, 184, 0.04); color: #17a2b8; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(23, 162, 184, 0.16); color: #17a2b8; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #17a2b8; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(23, 162, 184, 0.04); border-color: transparent; color: #17a2b8; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(23, 162, 184, 0.16); border-color: transparent; color: #17a2b8; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #28a745; border: 1px solid #28a745; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #218838; color: #ffffff; border-color: #1e7e34; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #1e7e34; color: #ffffff; border-color: #1c7430; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #28a745; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(40, 167, 69, 0.04); color: #28a745; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(40, 167, 69, 0.16); color: #28a745; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #28a745; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(40, 167, 69, 0.04); border-color: transparent; color: #28a745; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(40, 167, 69, 0.16); border-color: transparent; color: #28a745; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; background: #ffc107; border: 1px solid #ffc107; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #e0a800; color: #212529; border-color: #d39e00; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #d39e00; color: #212529; border-color: #c69500; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffc107; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); color: #ffc107; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 193, 7, 0.16); color: #ffc107; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffc107; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); border-color: transparent; color: #ffc107; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 193, 7, 0.16); border-color: transparent; color: #ffc107; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #6f42c1; border: 1px solid #6f42c1; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #633bad; color: #ffffff; border-color: #58349a; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #d3c6ec; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #58349a; color: #ffffff; border-color: #4d2e87; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #6f42c1; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(111, 66, 193, 0.04); color: #6f42c1; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(111, 66, 193, 0.16); color: #6f42c1; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #6f42c1; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(111, 66, 193, 0.04); border-color: transparent; color: #6f42c1; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(111, 66, 193, 0.16); border-color: transparent; color: #6f42c1; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #dc3545; border: 1px solid #dc3545; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c82333; color: #ffffff; border-color: #bd2130; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #bd2130; color: #ffffff; border-color: #b21f2d; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #dc3545; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(220, 53, 69, 0.04); color: #dc3545; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(220, 53, 69, 0.16); color: #dc3545; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #dc3545; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(220, 53, 69, 0.04); border-color: transparent; color: #dc3545; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(220, 53, 69, 0.16); border-color: transparent; color: #dc3545; @@ -2354,20 +2511,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #7a38a7; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #883cae; border-color: transparent; @@ -2459,11 +2616,11 @@ color: #883cae; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(136, 60, 174, 0.04); color: #883cae; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(136, 60, 174, 0.16); color: #883cae; } @@ -2471,11 +2628,11 @@ color: #6c757d; border-color: #6c757d; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -2484,12 +2641,12 @@ color: #883cae; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(136, 60, 174, 0.04); color: #883cae; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(136, 60, 174, 0.16); color: #883cae; border-color: transparent; @@ -2497,11 +2654,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #6c757d; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -2534,11 +2691,11 @@ color: #6c757d; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); color: #6c757d; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(108, 117, 125, 0.16); color: #6c757d; } @@ -2547,12 +2704,12 @@ color: #6c757d; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(108, 117, 125, 0.04); border-color: transparent; color: #6c757d; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(108, 117, 125, 0.16); border-color: transparent; color: #6c757d; @@ -2563,11 +2720,11 @@ color: #17a2b8; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(23, 162, 184, 0.04); color: #17a2b8; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(23, 162, 184, 0.16); color: #17a2b8; } @@ -2576,12 +2733,12 @@ color: #17a2b8; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(23, 162, 184, 0.04); border-color: transparent; color: #17a2b8; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(23, 162, 184, 0.16); border-color: transparent; color: #17a2b8; @@ -2592,11 +2749,11 @@ color: #28a745; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(40, 167, 69, 0.04); color: #28a745; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(40, 167, 69, 0.16); color: #28a745; } @@ -2605,12 +2762,12 @@ color: #28a745; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(40, 167, 69, 0.04); border-color: transparent; color: #28a745; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(40, 167, 69, 0.16); border-color: transparent; color: #28a745; @@ -2621,11 +2778,11 @@ color: #ffc107; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); color: #ffc107; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 193, 7, 0.16); color: #ffc107; } @@ -2634,12 +2791,12 @@ color: #ffc107; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); border-color: transparent; color: #ffc107; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 193, 7, 0.16); border-color: transparent; color: #ffc107; @@ -2650,11 +2807,11 @@ color: #6f42c1; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(111, 66, 193, 0.04); color: #6f42c1; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(111, 66, 193, 0.16); color: #6f42c1; } @@ -2663,12 +2820,12 @@ color: #6f42c1; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(111, 66, 193, 0.04); border-color: transparent; color: #6f42c1; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(111, 66, 193, 0.16); border-color: transparent; color: #6f42c1; @@ -2679,11 +2836,11 @@ color: #dc3545; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(220, 53, 69, 0.04); color: #dc3545; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(220, 53, 69, 0.16); color: #dc3545; } @@ -2692,12 +2849,12 @@ color: #dc3545; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(220, 53, 69, 0.04); border-color: transparent; color: #dc3545; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(220, 53, 69, 0.16); border-color: transparent; color: #dc3545; @@ -3024,10 +3181,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #dee2e6; - border-width: 1px 0 0 0; - } .p-dataview .p-dataview-footer { background: #efefef; color: #212529; @@ -3165,295 +3318,6 @@ padding: 1.25rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #efefef; - border: 1px solid #dee2e6; - color: #212529; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #212529; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #7a38a7; - border: 1px solid #7a38a7; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #efefef; - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #883cae; - border: 1px solid #883cae; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #7a38a7; - color: #ffffff; - border-color: #7a38a7; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #68329e; - color: #ffffff; - border-color: #68329e; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #545b62; - border-color: #4e555b; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #efefef; - border-color: #dee2e6; - color: #212529; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #212529; - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1rem 1.25rem; - background: #efefef; - color: #212529; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: box-shadow 0.15s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #495057; - border-color: transparent; - background: transparent; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #212529; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #7a38a7; - border-color: #7a38a7; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #7a38a7; - border-color: #7a38a7; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #212529; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #efefef; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #883cae; - border: 1px solid #883cae; - font-size: 1rem; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - border-radius: 4px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #7a38a7; - color: #ffffff; - border-color: #7a38a7; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #68329e; - color: #ffffff; - border-color: #68329e; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.65; - color: #ffffff; - background: #883cae; - border: 1px solid #883cae; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #6c757d; - border: 1px solid #6c757d; - color: #ffffff; - transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #5a6268; - border-color: #545b62; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #545b62; - border-color: #4e555b; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #545b62; - border-color: #4e555b; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - } - .fc.fc-theme-standard a { - color: #212529; - } - .fc.fc-theme-standard .fc-highlight { - color: #ffffff; - background: #883cae; - } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3492,6 +3356,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1.5rem; @@ -3501,15 +3366,21 @@ background: transparent; transition: box-shadow 0.15s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #212529; + background: #dee2e6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #ffffff; background: #883cae; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #703290; + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1.5rem; color: #212529; @@ -3693,6 +3564,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1.5rem; @@ -3702,15 +3574,21 @@ background: transparent; transition: box-shadow 0.15s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #212529; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #212529; + background: #dee2e6; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #ffffff; background: #883cae; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #703290; + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1.5rem; color: #212529; @@ -3769,6 +3647,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 4px; @@ -3805,11 +3689,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #212529; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #883cae; color: #ffffff; @@ -4321,15 +4200,19 @@ border: 1px solid #dee2e6; background: #ffffff; color: #212529; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #212529; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4801,7 +4684,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4814,7 +4698,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4824,7 +4709,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem-separator { @@ -4945,7 +4831,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4958,7 +4845,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4968,7 +4856,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-megamenu-panel { @@ -5025,7 +4914,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.7); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.7); } @@ -5064,7 +4954,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5077,7 +4968,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5087,7 +4979,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu.p-menu-overlay { @@ -5159,7 +5052,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.7); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.7); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5189,7 +5083,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5202,7 +5097,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5212,7 +5108,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-submenu-list { @@ -5403,7 +5300,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5416,7 +5314,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5426,7 +5325,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5508,7 +5408,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5521,7 +5422,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5531,7 +5433,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu.p-slidemenu-overlay { @@ -5744,7 +5647,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5757,7 +5661,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5767,7 +5672,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem-separator { diff --git a/src/assets/components/themes/fluent-light/theme.css b/src/assets/components/themes/fluent-light/theme.css index 745efc97b79..5531f7e2b7a 100644 --- a/src/assets/components/themes/fluent-light/theme.css +++ b/src/assets/components/themes/fluent-light/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#ffffff; - --surface-b:#faf9f8; - --surface-c:#f3f2f1; - --surface-d:#edebe9; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#323130; - --text-color-secondary:#605e5c; - --primary-color:#0078d4; - --primary-color-text:#ffffff; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #ffffff; + --surface-b: #faf9f8; + --surface-c: #f3f2f1; + --surface-d: #edebe9; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #323130; + --text-color-secondary: #605e5c; + --primary-color: #0078d4; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f3f2f1; --surface-100: #e1dfdd; @@ -32,15 +34,15 @@ --gray-700: #252423; --gray-800: #1b1a19; --gray-900: #11100f; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:2px; - --surface-ground:#faf9f8; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#edebe9; - --surface-hover:#f3f2f1; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 2px; + --surface-ground: #faf9f8; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #edebe9; + --surface-hover: #f3f2f1; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #edebe9; --highlight-text-color: #323130; @@ -171,6 +173,105 @@ --primary-900:#003055; } +.p-editor-container .p-editor-toolbar { + background: #faf9f8; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #a19f9d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #605e5c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #605e5c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #605e5c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; + border-radius: 2px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #323130; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #323130; + background: #f3f2f1; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.5rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #a19f9d; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #323130; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #323130; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #323130; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #323130; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #0078d4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #0078d4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #0078d4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #0078d4; +} + @layer primeng { * { box-sizing: border-box; @@ -252,26 +353,26 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.857rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #323130; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; border-color: #0078d4; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #323130; padding: 0; margin: 0; @@ -280,13 +381,16 @@ padding: 0.25rem 0.5rem; background: #edebe9; color: #323130; - border-radius: 2px; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e1dfdd; + color: #323130; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #a4252c; } @@ -309,18 +413,20 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #323130; - background: #f3f2f1; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #323130; background: #edebe9; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 0.5rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #e1dfdd; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #323130; - background: transparent; + background: #e1dfdd; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #323130; + background: #f3f2f1; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #a4252c; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -347,6 +457,13 @@ border-color: #a4252c; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; + } + .p-datepicker { padding: 0.75rem; background: #ffffff; @@ -607,6 +724,9 @@ border-top-right-radius: 2px; border-bottom-right-radius: 2px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #a4252c; + } .p-cascadeselect-panel { background: #ffffff; @@ -626,33 +746,27 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 0.5rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #605e5c; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #323130; background: #edebe9; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #e1dfdd; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #323130; + background: #e1dfdd; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #323130; background: #f3f2f1; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 0.5rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #a4252c; - } .p-input-filled .p-cascadeselect { background: #faf9f8; @@ -664,6 +778,10 @@ background-color: #faf9f8; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #a4252c; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -743,24 +861,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #323130; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; border-color: #0078d4; } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; + margin-right: 0.5rem; background: #edebe9; color: #323130; - border-radius: 2px; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e1dfdd; + color: #323130; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -769,9 +892,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #323130; padding: 0; margin: 0; @@ -833,7 +956,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #605e5c; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -848,6 +971,9 @@ color: #605e5c; right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #a4252c; + } .p-dropdown-panel { background: #ffffff; @@ -889,14 +1015,16 @@ color: #323130; background: #edebe9; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #e1dfdd; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #323130; - background: #f3f2f1; + background: #e1dfdd; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 0.5rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #323130; - background: transparent; + background: #f3f2f1; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -905,9 +1033,10 @@ background: #ffffff; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #a4252c; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.5rem; + color: #323130; + background: transparent; } .p-input-filled .p-dropdown { @@ -923,105 +1052,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #faf9f8; - border-top-right-radius: 2px; - border-top-left-radius: 2px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #a19f9d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #605e5c; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #605e5c; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #605e5c; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #323130; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #323130; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #323130; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #323130; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #323130; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #323130; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px; - border-radius: 2px; - padding: 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #323130; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #323130; - background: #f3f2f1; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 0.5rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #a19f9d; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #323130; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #323130; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #323130; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #323130; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #0078d4; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #0078d4; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #0078d4; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #0078d4; - } - .p-inputgroup-addon { background: #f3f2f1; color: #605e5c; @@ -1278,6 +1308,7 @@ color: #323130; border: 1px solid #605e5c; border-radius: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 0.5rem; @@ -1300,6 +1331,7 @@ } .p-listbox .p-listbox-list { padding: 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1313,11 +1345,6 @@ color: #323130; background: #edebe9; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #605e5c; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1333,10 +1360,23 @@ color: #323130; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #e1dfdd; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #323130; + background: #e1dfdd; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #323130; background: #f3f2f1; } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #a4252c; @@ -1364,14 +1404,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: #605e5c; } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.5rem; + margin-right: 0.5rem; background: #edebe9; color: #323130; - border-radius: 2px; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1384,10 +1422,18 @@ border-bottom-right-radius: 2px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #605e5c; + right: 2.357rem; + } + .p-multiselect-panel { background: #ffffff; color: #323130; @@ -1450,15 +1496,17 @@ color: #323130; background: #edebe9; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #e1dfdd; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #323130; + background: #e1dfdd; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #323130; background: #f3f2f1; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #605e5c; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1475,10 +1523,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #a4252c; - } - .p-input-filled .p-multiselect { background: #faf9f8; } @@ -1489,12 +1533,8 @@ background-color: #faf9f8; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.5rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #605e5c; - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #a4252c; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1601,34 +1641,31 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #323130; - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #a4252c; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; + border-color: #0078d4; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #323130; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #0078d4; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #a4252c; } @@ -1900,12 +1937,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 2px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #106ebe; color: #ffffff; border-color: #106ebe; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #005a9e; color: #ffffff; border-color: #005a9e; @@ -1915,12 +1952,12 @@ color: #0078d4; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(0, 120, 212, 0.04); color: #0078d4; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(0, 120, 212, 0.16); color: #0078d4; border: 1px solid; @@ -1929,11 +1966,11 @@ color: #605e5c; border-color: #605e5c; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #f3f2f1; color: #605e5c; } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #edebe9; color: #605e5c; } @@ -1942,12 +1979,12 @@ color: #0078d4; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(0, 120, 212, 0.04); color: #0078d4; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(0, 120, 212, 0.16); color: #0078d4; border-color: transparent; @@ -1955,11 +1992,11 @@ .p-button.p-button-text.p-button-plain { color: #605e5c; } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #f3f2f1; color: #605e5c; } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #edebe9; color: #605e5c; } @@ -2043,295 +2080,415 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #d45c00; border: 1px solid #d45c00; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #bf5300; color: #ffffff; border-color: #bf5300; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ffbc88; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #aa4a00; color: #ffffff; border-color: #aa4a00; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #d45c00; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(212, 92, 0, 0.04); color: #d45c00; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(212, 92, 0, 0.16); color: #d45c00; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #d45c00; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(212, 92, 0, 0.04); border-color: transparent; color: #d45c00; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(212, 92, 0, 0.16); border-color: transparent; color: #d45c00; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #00b7c3; border: 1px solid #00b7c3; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #00a5b0; color: #ffffff; border-color: #00a5b0; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #81f7ff; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #00929c; color: #ffffff; border-color: #00929c; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #00b7c3; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(0, 183, 195, 0.04); color: #00b7c3; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(0, 183, 195, 0.16); color: #00b7c3; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #00b7c3; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(0, 183, 195, 0.04); border-color: transparent; color: #00b7c3; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(0, 183, 195, 0.16); border-color: transparent; color: #00b7c3; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #498205; border: 1px solid #498205; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #427505; color: #ffffff; border-color: #427505; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #baf96f; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #3a6804; color: #ffffff; border-color: #3a6804; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #498205; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(73, 130, 5, 0.04); color: #498205; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(73, 130, 5, 0.16); color: #498205; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #498205; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(73, 130, 5, 0.04); border-color: transparent; color: #498205; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(73, 130, 5, 0.16); border-color: transparent; color: #498205; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #323130; background: #ffaa44; border: 1px solid #ffaa44; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ff9b24; color: #323130; border-color: #ff9b24; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ffddb4; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ff8d03; color: #323130; border-color: #ff8d03; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffaa44; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 170, 68, 0.04); color: #ffaa44; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 170, 68, 0.16); color: #ffaa44; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffaa44; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 170, 68, 0.04); border-color: transparent; color: #ffaa44; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 170, 68, 0.16); border-color: transparent; color: #ffaa44; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #8378de; border: 1px solid #8378de; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #6a5dd7; color: #ffffff; border-color: #6a5dd7; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #cdc9f2; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #5141d1; color: #ffffff; border-color: #5141d1; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #8378de; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(131, 120, 222, 0.04); color: #8378de; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(131, 120, 222, 0.16); color: #8378de; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #8378de; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(131, 120, 222, 0.04); border-color: transparent; color: #8378de; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(131, 120, 222, 0.16); border-color: transparent; color: #8378de; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #d13438; border: 1px solid #d13438; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c02b2f; color: #ffffff; border-color: #c02b2f; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #edaeaf; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #aa272a; color: #ffffff; border-color: #aa272a; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #d13438; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(209, 52, 56, 0.04); color: #d13438; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(209, 52, 56, 0.16); color: #d13438; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #d13438; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(209, 52, 56, 0.04); border-color: transparent; color: #d13438; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(209, 52, 56, 0.16); border-color: transparent; color: #d13438; @@ -2342,20 +2499,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #005a9e; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 1px #605e5c; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #0078d4; border-color: transparent; @@ -2447,11 +2604,11 @@ color: #0078d4; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(0, 120, 212, 0.04); color: #0078d4; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(0, 120, 212, 0.16); color: #0078d4; } @@ -2459,11 +2616,11 @@ color: #605e5c; border-color: #605e5c; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #f3f2f1; color: #605e5c; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #edebe9; color: #605e5c; } @@ -2472,12 +2629,12 @@ color: #0078d4; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(0, 120, 212, 0.04); color: #0078d4; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(0, 120, 212, 0.16); color: #0078d4; border-color: transparent; @@ -2485,11 +2642,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #605e5c; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #f3f2f1; color: #605e5c; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #edebe9; color: #605e5c; } @@ -2522,11 +2679,11 @@ color: #d45c00; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(212, 92, 0, 0.04); color: #d45c00; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(212, 92, 0, 0.16); color: #d45c00; } @@ -2535,12 +2692,12 @@ color: #d45c00; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(212, 92, 0, 0.04); border-color: transparent; color: #d45c00; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(212, 92, 0, 0.16); border-color: transparent; color: #d45c00; @@ -2551,11 +2708,11 @@ color: #00b7c3; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(0, 183, 195, 0.04); color: #00b7c3; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(0, 183, 195, 0.16); color: #00b7c3; } @@ -2564,12 +2721,12 @@ color: #00b7c3; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(0, 183, 195, 0.04); border-color: transparent; color: #00b7c3; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(0, 183, 195, 0.16); border-color: transparent; color: #00b7c3; @@ -2580,11 +2737,11 @@ color: #498205; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(73, 130, 5, 0.04); color: #498205; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(73, 130, 5, 0.16); color: #498205; } @@ -2593,12 +2750,12 @@ color: #498205; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(73, 130, 5, 0.04); border-color: transparent; color: #498205; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(73, 130, 5, 0.16); border-color: transparent; color: #498205; @@ -2609,11 +2766,11 @@ color: #ffaa44; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 170, 68, 0.04); color: #ffaa44; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 170, 68, 0.16); color: #ffaa44; } @@ -2622,12 +2779,12 @@ color: #ffaa44; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 170, 68, 0.04); border-color: transparent; color: #ffaa44; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 170, 68, 0.16); border-color: transparent; color: #ffaa44; @@ -2638,11 +2795,11 @@ color: #8378de; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(131, 120, 222, 0.04); color: #8378de; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(131, 120, 222, 0.16); color: #8378de; } @@ -2651,12 +2808,12 @@ color: #8378de; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(131, 120, 222, 0.04); border-color: transparent; color: #8378de; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(131, 120, 222, 0.16); border-color: transparent; color: #8378de; @@ -2667,11 +2824,11 @@ color: #d13438; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(209, 52, 56, 0.04); color: #d13438; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(209, 52, 56, 0.16); color: #d13438; } @@ -2680,12 +2837,12 @@ color: #d13438; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(209, 52, 56, 0.04); border-color: transparent; color: #d13438; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(209, 52, 56, 0.16); border-color: transparent; color: #d13438; @@ -3012,10 +3169,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #f3f2f1; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #ffffff; color: #323130; @@ -3153,295 +3306,6 @@ padding: 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #faf9f8; - border: 1px solid #a19f9d; - color: #323130; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #a19f9d; - color: #323130; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #a19f9d; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #a19f9d; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #0078d4; - border: 1px solid #0078d4; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #faf9f8; - border: 1px solid #a19f9d; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #0078d4; - border: 1px solid #0078d4; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 2px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #106ebe; - color: #ffffff; - border-color: #106ebe; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #005a9e; - color: #ffffff; - border-color: #005a9e; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #605e5c; - color: #323130; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f3f2f1; - border-color: #605e5c; - color: #323130; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #edebe9; - border-color: #605e5c; - color: #323130; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #edebe9; - border-color: #605e5c; - color: #323130; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #a19f9d; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #faf9f8; - border-color: #a19f9d; - color: #323130; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #323130; - border-color: #a19f9d; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #a19f9d; - padding: 1rem; - background: #faf9f8; - color: #323130; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #605e5c; - border: 0 none; - background: transparent; - border-radius: 2px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #605e5c; - border-color: transparent; - background: #f3f2f1; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #a19f9d; - background: #ffffff; - color: #323130; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #0078d4; - border-color: #0078d4; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #0078d4; - border-color: #0078d4; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #f3f2f1; - color: #323130; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #faf9f8; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #0078d4; - border: 1px solid #0078d4; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 2px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #106ebe; - color: #ffffff; - border-color: #106ebe; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #005a9e; - color: #ffffff; - border-color: #005a9e; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #0078d4; - border: 1px solid #0078d4; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #605e5c; - color: #323130; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f3f2f1; - border-color: #605e5c; - color: #323130; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #edebe9; - border-color: #605e5c; - color: #323130; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #edebe9; - border-color: #605e5c; - color: #323130; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - } - .fc.fc-theme-standard a { - color: #323130; - } - .fc.fc-theme-standard .fc-highlight { - color: #323130; - background: #edebe9; - } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3480,6 +3344,7 @@ padding: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 0.5rem; @@ -3489,15 +3354,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #605e5c; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f3f2f1; + color: #323130; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #323130; + background: #e1dfdd; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #323130; background: #edebe9; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #e1dfdd; + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 0.5rem; color: #323130; @@ -3681,6 +3552,7 @@ padding: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 0.5rem; @@ -3690,15 +3562,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #605e5c; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f3f2f1; + color: #323130; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #323130; + background: #e1dfdd; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #323130; background: #edebe9; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #e1dfdd; + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 0.5rem; color: #323130; @@ -3757,6 +3635,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #605e5c; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 2px; @@ -3793,11 +3677,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #323130; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #605e5c; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #edebe9; color: #323130; @@ -4285,15 +4164,19 @@ border: 1px solid #a19f9d; background: #ffffff; color: #323130; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #a19f9d; background: #ffffff; color: #323130; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4765,7 +4648,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4778,7 +4662,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #323130; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4788,7 +4673,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-contextmenu .p-menuitem-separator { @@ -4909,7 +4795,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4922,7 +4809,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #323130; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4932,7 +4820,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-megamenu .p-megamenu-panel { @@ -4989,7 +4878,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } @@ -5028,7 +4918,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5041,7 +4932,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #323130; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5051,7 +4943,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-menu.p-menu-overlay { @@ -5123,7 +5016,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5153,7 +5047,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5166,7 +5061,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #323130; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5176,7 +5072,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-menubar .p-submenu-list { @@ -5367,7 +5264,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5380,7 +5278,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #323130; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5390,7 +5289,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5448,7 +5348,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5461,7 +5362,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #323130; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5471,7 +5373,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-slidemenu.p-slidemenu-overlay { @@ -5684,7 +5587,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5697,7 +5601,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #323130; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5707,7 +5612,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-tieredmenu .p-menuitem-separator { diff --git a/src/assets/components/themes/lara-dark-amber/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/lara-dark-amber/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/lara-dark-amber/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/lara-dark-amber/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/lara-dark-amber/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/lara-dark-amber/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/lara-dark-amber/theme.css b/src/assets/components/themes/lara-dark-amber/theme.css new file mode 100644 index 00000000000..1a9a2436445 --- /dev/null +++ b/src/assets/components/themes/lara-dark-amber/theme.css @@ -0,0 +1,6203 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family:"Inter var", sans-serif; + --font-feature-settings: "cv02","cv03","cv04","cv11"; + --surface-a:#1f2937; + --surface-b:#111827; + --surface-c:rgba(255, 255, 255, 0.03); + --surface-d:#424b57; + --surface-e:#1f2937; + --surface-f:#1f2937; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#fbbf24; + --primary-color-text:#030712; + --surface-0: #111827; + --surface-50: #1f2937; + --surface-100: #374151; + --surface-200: #4b5563; + --surface-300: #6b7280; + --surface-400: #9ca3af; + --surface-500: #d1d5db; + --surface-600: #e5e7eb; + --surface-700: #f3f4f6; + --surface-800: #f9fafb; + --surface-900: #ffffff; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding:1.25rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#111827; + --surface-section:#111827; + --surface-card:#1f2937; + --surface-overlay:#1f2937; + --surface-border:rgba(255,255,255,.1); + --surface-hover:rgba(255,255,255,.03); + --focus-ring: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(251, 191, 36, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + color-scheme: dark; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#fffcf4; + --primary-100:#fef0ca; + --primary-200:#fde3a1; + --primary-300:#fdd777; + --primary-400:#fccb4e; + --primary-500:#fbbf24; + --primary-600:#d5a21f; + --primary-700:#b08619; + --primary-800:#8a6914; + --primary-900:#644c0e; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2937; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-content .ql-editor { + background: #111827; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #fbbf24; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #fbbf24; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #fbbf24; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #fbbf24; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.4; + } + + .p-error { + color: #FCA5A5; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #fbbf24; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #FCA5A5; + } + + .p-autocomplete-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #FCA5A5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #FCA5A5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + + .p-datepicker { + padding: 0.5rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #1f2937; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + margin: 0; + border-bottom: 1px solid #424b57; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 700; + padding: 0.5rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #fbbf24; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; + } + .p-datepicker table th { + padding: 0.5rem; + } + .p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; + } + .p-datepicker table td { + padding: 0.5rem; + } + .p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #fbbf24; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #424b57; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #424b57; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1.25rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #424b57; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #111827; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #fbbf24; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #FCA5A5; + } + + .p-cascadeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #FCA5A5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #030712; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #fbbf24; + background: #fbbf24; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #fbbf24; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #fde68a; + background: #fde68a; + color: #030712; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #FCA5A5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #424b57; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #fbbf24; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #fde68a; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #fbbf24; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #FCA5A5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1f2937; + border: 1px solid #424b57; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + + .p-dropdown { + background: #111827; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #fbbf24; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #FCA5A5; + } + + .p-dropdown-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + .p-inputgroup-addon { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #424b57; + border-left: 1px solid #424b57; + border-bottom: 1px solid #424b57; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #424b57; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #FCA5A5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #FCA5A5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #6b7280; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #424b57; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #fbbf24; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #030712; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #fcd34d; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #FCA5A5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #111827; + padding: 0.75rem 0.75rem; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #fbbf24; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #FCA5A5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #FCA5A5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #424b57; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #FCA5A5; + } + + .p-multiselect { + background: #111827; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #fbbf24; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-multiselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #FCA5A5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #FCA5A5; + } + + .p-password-panel { + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #424b57; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #eb9a9c; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffcf91; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #93deac; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #fbbf24; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #030712; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #fbbf24; + background: #fbbf24; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #fde68a; + background: #fde68a; + color: #030712; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #FCA5A5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #fbbf24; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #fde68a; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1.143rem; + height: 1.143rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #F48FB1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #fbbf24; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #fbbf24; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #F48FB1; + } + + .p-selectbutton .p-button { + background: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #fbbf24; + border-color: #fbbf24; + color: #030712; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #fcd34d; + border-color: #fcd34d; + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #FCA5A5; + } + + .p-slider { + background: #424b57; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 0.286rem; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; + } + .p-slider.p-slider-vertical { + width: 0.286rem; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; + } + .p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #424b57; + border: 2px solid #fbbf24; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-slider .p-slider-range { + background: #fbbf24; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #fbbf24; + border-color: #fbbf24; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #fbbf24; + border-color: #fbbf24; + color: #030712; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #fcd34d; + border-color: #fcd34d; + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #FCA5A5; + } + + .p-treeselect { + background: #111827; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #fbbf24; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + border-color: #fbbf24; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #FCA5A5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-button { + color: #030712; + background: #fbbf24; + border: 1px solid #fbbf24; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-button:enabled:hover { + background: #fcd34d; + color: #030712; + border-color: #fcd34d; + } + .p-button:enabled:active { + background: #fde68a; + color: #030712; + border-color: #fde68a; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #fbbf24; + border: 1px solid; + } + .p-button.p-button-outlined:enabled:hover { + background: rgba(251, 191, 36, 0.04); + color: #fbbf24; + border: 1px solid; + } + .p-button.p-button-outlined:enabled:active { + background: rgba(251, 191, 36, 0.16); + color: #fbbf24; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #fbbf24; + border-color: transparent; + } + .p-button.p-button-text:enabled:hover { + background: rgba(251, 191, 36, 0.04); + color: #fbbf24; + border-color: transparent; + } + .p-button.p-button-text:enabled:active { + background: rgba(251, 191, 36, 0.16); + color: #fbbf24; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #fbbf24; + background-color: #030712; + } + .p-button.p-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 3rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #020617; + background: #94a3b8; + border: 1px solid #94a3b8; + } + .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #cbd5e1; + color: #020617; + border-color: #cbd5e1; + } + .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #b4bfcd; + } + .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #e2e8f0; + color: #020617; + border-color: #e2e8f0; + } + .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #94a3b8; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(148, 163, 184, 0.04); + color: #94a3b8; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(148, 163, 184, 0.16); + color: #94a3b8; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #94a3b8; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(148, 163, 184, 0.04); + border-color: transparent; + color: #94a3b8; + } + .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(148, 163, 184, 0.16); + border-color: transparent; + color: #94a3b8; + } + + .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #74d1fa; + } + .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #80e8a6; + } + .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fcb377; + } + .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #d3a9fd; + } + .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fa9c9c; + } + .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #fbbf24; + background: transparent; + border: transparent; + } + .p-button.p-button-link:enabled:hover { + background: transparent; + color: #fbbf24; + border-color: transparent; + } + .p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 1px rgba(251, 191, 36, 0.2); + border-color: transparent; + } + .p-button.p-button-link:enabled:active { + background: transparent; + color: #fbbf24; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1.3rem; + height: 1.3rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #111827; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #111827; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #fbbf24; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 191, 36, 0.04); + color: #fbbf24; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 191, 36, 0.16); + color: #fbbf24; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #fbbf24; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 191, 36, 0.04); + color: #fbbf24; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 191, 36, 0.16); + color: #fbbf24; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #94a3b8; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(148, 163, 184, 0.04); + color: #94a3b8; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(148, 163, 184, 0.16); + color: #94a3b8; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #94a3b8; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(148, 163, 184, 0.04); + border-color: transparent; + color: #94a3b8; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(148, 163, 184, 0.16); + border-color: transparent; + color: #94a3b8; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #424b57; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid rgba(251, 191, 36, 0.2); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(251, 191, 36, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(251, 191, 36, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #fbbf24; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2937; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #1f2937; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #1c2532; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #424b57; + border-width: 0 0 1px 0; + } + .p-dataview .p-dataview-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 1.25rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + + .p-column-filter-overlay { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #424b57; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + outline: 0 none; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1c2532; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(157, 114, 3, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #424b57; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + + .p-paginator { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: solid #424b57; + border-width: 1px; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(251, 191, 36, 0.16); + border-color: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + outline: 0 none; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1c2532; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #fbbf24; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #030712; + } + .p-timeline .p-timeline-event-connector { + background-color: #424b57; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: box-shadow 0.2s; + padding: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(225, 164, 4, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #424b57; + background-color: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-treetable .p-sortable-column { + outline-color: rgba(251, 191, 36, 0.2); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid rgba(251, 191, 36, 0.2); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #fbbf24; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2937; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 4px; + } + + .p-card { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.25rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #1f2937; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #424b57; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #424b57; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #424b57; + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 700; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0.75rem 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #424b57; + border: 0 none; + } + + .p-splitter { + border: 1px solid #424b57; + background: #1f2937; + border-radius: 6px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #424b57; + } + .p-splitter .p-splitter-gutter-resizing { + background: #424b57; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2937; + border-color: #fbbf24; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2937; + border-color: #fbbf24; + color: #fbbf24; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #1f2937; + color: #fbbf24; + width: 3rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-tabview .p-tabview-panels { + background: #1f2937; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #1f2937; + border: 1px solid #424b57; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #424b57; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2937; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #424b57; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #424b57; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #fbbf24; + color: #030712; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #fcd34d; + color: #030712; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #3f4753; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2937; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #424b57; + } + + .p-sidebar { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-sidebar .p-sidebar-header { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #424b57; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #424b57; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #424b57; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #424b57; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #424b57; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1f2937; + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-fileupload .p-fileupload-content { + background: #1f2937; + padding: 2rem 1rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #fbbf24; + border-style: dashed; + background-color: rgba(251, 191, 36, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #fcd34d; + color: #030712; + border-color: #fcd34d; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #fde68a; + color: #030712; + border-color: #fde68a; + } + + .p-breadcrumb { + background: #374151; + border: 1px solid #424b57; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); + } + .p-dock .p-dock-link { + width: 4rem; + height: 4rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #fbbf24; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 4px; + } + + .p-slidemenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-slidemenu .p-menuitem-badge { + background: #fbbf24; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 6px; + background: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #424b57; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #fbbf24; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2937; + border-color: #fbbf24; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2937; + border-color: #fbbf24; + color: #fbbf24; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #1f2937; + color: #fbbf24; + width: 3rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 1px; + color: #93c5fd; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #93c5fd; + } + .p-inline-message.p-inline-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 1px; + color: #6ee7b7; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #6ee7b7; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 1px; + color: #fde047; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #fde047; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 1px; + color: #fca5a5; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #fca5a5; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); + } + .p-message .p-message-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .p-message.p-message-info .p-message-icon { + color: #93c5fd; + } + .p-message.p-message-info .p-message-close { + color: #93c5fd; + } + .p-message.p-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .p-message.p-message-success .p-message-icon { + color: #6ee7b7; + } + .p-message.p-message-success .p-message-close { + color: #6ee7b7; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .p-message.p-message-warn .p-message-icon { + color: #fde047; + } + .p-message.p-message-warn .p-message-close { + color: #fde047; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .p-message.p-message-error .p-message-icon { + color: #fca5a5; + } + .p-message.p-message-error .p-message-close { + color: #fca5a5; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: none; + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 2rem; + height: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #93c5fd; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #6ee7b7; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #fde047; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #fca5a5; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #424b57; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(251, 191, 36, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #424b57; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #1f2937; + } + + .p-badge { + background: #fbbf24; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #94a3b8; + color: #020617; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #424b57; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #fbbf24; + } + .p-progressbar .p-progressbar-label { + color: #030712; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: rgba(251, 191, 36, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(251, 191, 36, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #fbbf24; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #fbbf24; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #fbbf24; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(251, 191, 36, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(148, 163, 184, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(74, 222, 128, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(56, 189, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(251, 146, 60, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(192, 132, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(248, 113, 113, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #fbbf24; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fbbf24; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #fbbf24; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fbbf24; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(251, 191, 36, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #fbbf24; + color: #030712; + } +} diff --git a/src/assets/components/themes/lara-dark-blue/theme.css b/src/assets/components/themes/lara-dark-blue/theme.css index ea544350f9e..b7461a44708 100644 --- a/src/assets/components/themes/lara-dark-blue/theme.css +++ b/src/assets/components/themes/lara-dark-blue/theme.css @@ -2,52 +2,52 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#071426; - --surface-b:#040d19; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#0b213f; - --surface-e:#071426; - --surface-f:#071426; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#93C5FD; - --primary-color-text:#1c2127; - --surface-0: #040d19; - --surface-50: #1d2530; - --surface-100: #363d47; - --surface-200: #4f565e; - --surface-300: #686e75; - --surface-400: #82868c; - --surface-500: #9b9ea3; - --surface-600: #b4b6ba; - --surface-700: #cdcfd1; - --surface-800: #e6e7e8; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #60a5fa; + --primary-color-text: #030712; + --surface-0: #111827; + --surface-50: #1f2937; + --surface-100: #374151; + --surface-200: #4b5563; + --surface-300: #6b7280; + --surface-400: #9ca3af; + --surface-500: #d1d5db; + --surface-600: #e5e7eb; + --surface-700: #f3f4f6; + --surface-800: #f9fafb; --surface-900: #ffffff; - --gray-50: #e6e7e8; - --gray-100: #cdcfd1; - --gray-200: #b4b6ba; - --gray-300: #9b9ea3; - --gray-400: #82868c; - --gray-500: #686e75; - --gray-600: #4f565e; - --gray-700: #363d47; - --gray-800: #1d2530; - --gray-900: #040d19; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#040d19; - --surface-section:#040d19; - --surface-card:#071426; - --surface-overlay:#071426; - --surface-border:#0b213f; - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - --highlight-bg: rgba(147, 197, 253, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(96, 165, 250, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); color-scheme: dark; } @@ -178,16 +178,115 @@ --red-700:#b32b23; --red-800:#8c221c; --red-900:#661814; - --primary-50:#fafcff; - --primary-100:#e5f1ff; - --primary-200:#d1e6fe; - --primary-300:#bcdbfe; - --primary-400:#a8d0fd; - --primary-500:#93c5fd; - --primary-600:#7da7d7; - --primary-700:#678ab1; - --primary-800:#516c8b; - --primary-900:#3b4f65; + --primary-50:#f7fbff; + --primary-100:#d9e9fe; + --primary-200:#bbd8fd; + --primary-300:#9cc7fc; + --primary-400:#7eb6fb; + --primary-500:#60a5fa; + --primary-600:#528cd5; + --primary-700:#4374af; + --primary-800:#355b8a; + --primary-900:#264264; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2937; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-content .ql-editor { + background: #111827; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #60a5fa; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #60a5fa; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #60a5fa; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #60a5fa; } @layer primeng { @@ -212,7 +311,7 @@ } .p-error { - color: #FCA5A5; + color: #fca5a5; } .p-text-secondary { @@ -237,7 +336,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-component-overlay-enter { @@ -271,48 +370,51 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.75rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #93C5FD; + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #60a5fa; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: rgba(147, 197, 253, 0.16); + background: #424b57; color: rgba(255, 255, 255, 0.87); - border-radius: 6px; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; } .p-autocomplete-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } @@ -328,27 +430,33 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); + background: rgba(96, 165, 250, 0.16); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: #424b57; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1.25rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -363,31 +471,38 @@ } p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-datepicker { padding: 0.5rem; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #071426; + background: #1f2937; } .p-datepicker .p-datepicker-header { padding: 0.5rem; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; font-weight: 700; margin: 0; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -411,7 +526,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; @@ -425,7 +540,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #93C5FD; + color: #60a5fa; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -453,31 +568,31 @@ } .p-datepicker table td > span.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #93C5FD; + color: #60a5fa; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; padding: 0.5rem; } .p-datepicker .p-timepicker button { @@ -497,7 +612,7 @@ .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -521,7 +636,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -533,10 +648,10 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #0b213f; + border-left: 1px solid #424b57; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -555,7 +670,7 @@ .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -563,7 +678,7 @@ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -571,7 +686,7 @@ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } p-calendar.p-calendar-clearable .p-inputtext { @@ -593,19 +708,19 @@ } } .p-cascadeselect { - background: #040d19; - border: 1px solid #0b213f; + background: #111827; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #93C5FD; + border-color: #60a5fa; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -626,11 +741,14 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } .p-cascadeselect-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } @@ -645,42 +763,40 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1.25rem; + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: #424b57; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } .p-input-filled .p-cascadeselect { - background: #0b213f; + background: #424b57; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: #424b57; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { @@ -705,8 +821,8 @@ height: 22px; } .p-checkbox .p-checkbox-box { - border: 2px solid #0b213f; - background: #040d19; + border: 2px solid #424b57; + background: #111827; width: 22px; height: 22px; color: rgba(255, 255, 255, 0.87); @@ -715,7 +831,7 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #1c2127; + color: #030712; font-size: 14px; } .p-checkbox .p-checkbox-box .p-icon { @@ -723,63 +839,68 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #93C5FD; - background: #93C5FD; + border-color: #60a5fa; + background: #60a5fa; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #93C5FD; + border-color: #60a5fa; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #6cb0fc; - background: #6cb0fc; - color: #1c2127; + border-color: #bfdbfe; + background: #bfdbfe; + color: #030712; } p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #93C5FD; + background: #60a5fa; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #6cb0fc; + background: #bfdbfe; } .p-checkbox-label { margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #93C5FD; + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #60a5fa; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; - background: rgba(147, 197, 253, 0.16); + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #6b7280; color: rgba(255, 255, 255, 0.87); - border-radius: 6px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -788,16 +909,16 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } p-chips.p-chips-clearable .p-inputtext { @@ -815,8 +936,8 @@ } .p-colorpicker-panel { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; } .p-colorpicker-panel .p-colorpicker-color-handle, .p-colorpicker-panel .p-colorpicker-hue-handle { @@ -828,19 +949,19 @@ } .p-dropdown { - background: #040d19; - border: 1px solid #0b213f; + background: #111827; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-dropdown:not(.p-disabled):hover { - border-color: #93C5FD; + border-color: #60a5fa; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -852,7 +973,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -867,19 +988,22 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } .p-dropdown-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -906,152 +1030,56 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); + background: #424b57; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.03); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { - background: #0b213f; + background: #424b57; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #071426; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #0b213f; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #071426; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 0.75rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #0b213f; - } - .p-editor-container .p-editor-content .ql-editor { - background: #040d19; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #93C5FD; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #93C5FD; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #93C5FD; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #93C5FD; - } - .p-inputgroup-addon { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #0b213f; - border-left: 1px solid #0b213f; - border-bottom: 1px solid #0b213f; + border-top: 1px solid #424b57; + border-left: 1px solid #424b57; + border-bottom: 1px solid #424b57; padding: 0.75rem 0.75rem; min-width: 3rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid #0b213f; + border-right: 1px solid #424b57; } .p-inputgroup > .p-component, @@ -1116,7 +1144,7 @@ } p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } p-inputmask.p-inputmask-clearable .p-inputtext { @@ -1128,7 +1156,7 @@ } p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { @@ -1151,7 +1179,7 @@ height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { - background: #233752; + background: #6b7280; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } @@ -1170,23 +1198,23 @@ .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #0b213f; + background: #424b57; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #93C5FD; + background: #60a5fa; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); + background: #030712; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #7fbafd; + background: #93c5fd; } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext { @@ -1194,24 +1222,24 @@ font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: rgba(255, 255, 255, 0.87); - background: #040d19; + background: #111827; padding: 0.75rem 0.75rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 6px; } .p-inputtext:enabled:hover { - border-color: #93C5FD; + border-color: #60a5fa; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-inputtext.ng-dirty.ng-invalid { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1229,7 +1257,7 @@ } .p-float-label > .ng-invalid.ng-dirty + label { - color: #FCA5A5; + color: #fca5a5; } .p-input-icon-left > .p-icon-wrapper.p-icon, @@ -1273,13 +1301,13 @@ } .p-input-filled .p-inputtext { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-inputtext:enabled:hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-inputtext:enabled:focus { - background-color: #0b213f; + background-color: #424b57; } .p-inputtext-sm .p-inputtext { @@ -1293,16 +1321,17 @@ } .p-listbox { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1319,6 +1348,7 @@ } .p-listbox .p-listbox-list { padding: 0.75rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1330,12 +1360,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); - } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); + background: rgba(96, 165, 250, 0.16); } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; @@ -1344,7 +1369,7 @@ margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; } .p-listbox .p-listbox-list .p-listbox-empty-message { @@ -1352,29 +1377,42 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-multiselect { - background: #040d19; - border: 1px solid #0b213f; + background: #111827; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { - border-color: #93C5FD; + border-color: #60a5fa; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; @@ -1383,14 +1421,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; - background: rgba(147, 197, 253, 0.16); + margin-right: 0.5rem; + background: #424b57; color: rgba(255, 255, 255, 0.87); - border-radius: 6px; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1403,22 +1439,30 @@ border-bottom-right-radius: 6px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + .p-multiselect-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1451,7 +1495,7 @@ .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1467,17 +1511,19 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1485,7 +1531,7 @@ margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { @@ -1494,43 +1540,35 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - .p-input-filled .p-multiselect { - background: #0b213f; + background: #424b57; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: #424b57; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-password-panel { padding: 1.25rem; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; - background: #0b213f; + background: #424b57; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #eb9a9c; @@ -1563,8 +1601,8 @@ height: 22px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid #0b213f; - background: #040d19; + border: 2px solid #424b57; + background: #111827; width: 22px; height: 22px; color: rgba(255, 255, 255, 0.87); @@ -1572,45 +1610,45 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #93C5FD; + border-color: #60a5fa; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; - background-color: #1c2127; + background-color: #030712; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #93C5FD; - background: #93C5FD; + border-color: #60a5fa; + background: #60a5fa; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #6cb0fc; - background: #6cb0fc; - color: #1c2127; + border-color: #bfdbfe; + background: #bfdbfe; + color: #030712; } p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #93C5FD; + background: #60a5fa; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #6cb0fc; + background: #bfdbfe; } .p-radiobutton-label { @@ -1620,40 +1658,37 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f48fb1; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - } - .p-rating .p-rating-icon:first-child { - margin-left: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } - .p-rating .p-rating-icon.p-rating-icon-active { - color: #93C5FD; + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #60a5fa; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #93C5FD; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #60a5fa; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; } .p-selectbutton .p-button { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1663,7 +1698,7 @@ } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, @@ -1671,30 +1706,30 @@ color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { - background: #93C5FD; - border-color: #93C5FD; - color: #1c2127; + background: #60a5fa; + border-color: #60a5fa; + color: #030712; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #1c2127; + color: #030712; } .p-selectbutton .p-button.p-highlight:hover { - background: #7fbafd; - border-color: #7fbafd; - color: #1c2127; + background: #93c5fd; + border-color: #93c5fd; + color: #030712; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; + color: #030712; } p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-slider { - background: #0b213f; + background: #424b57; border: 0 none; border-radius: 6px; } @@ -1715,22 +1750,22 @@ .p-slider .p-slider-handle { height: 1.143rem; width: 1.143rem; - background: #0b213f; - border: 2px solid #93C5FD; + background: #424b57; + border: 2px solid #60a5fa; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-slider .p-slider-range { - background: #93C5FD; + background: #60a5fa; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #93C5FD; - border-color: #93C5FD; + background: #60a5fa; + border-color: #60a5fa; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; @@ -1746,8 +1781,8 @@ } .p-togglebutton.p-button { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1757,7 +1792,7 @@ } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, @@ -1765,42 +1800,42 @@ color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { - background: #93C5FD; - border-color: #93C5FD; - color: #1c2127; + background: #60a5fa; + border-color: #60a5fa; + color: #030712; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #1c2127; + color: #030712; } .p-togglebutton.p-button.p-highlight:hover { - background: #7fbafd; - border-color: #7fbafd; - color: #1c2127; + background: #93c5fd; + border-color: #93c5fd; + color: #030712; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; + color: #030712; } p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-treeselect { - background: #040d19; - border: 1px solid #0b213f; + background: #111827; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { - border-color: #93C5FD; + border-color: #60a5fa; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; @@ -1812,7 +1847,7 @@ .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #0b213f; + background: #424b57; color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1825,7 +1860,7 @@ } p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { @@ -1833,17 +1868,17 @@ } .p-treeselect-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-treeselect-panel .p-treeselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1881,7 +1916,7 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; @@ -1893,13 +1928,13 @@ } .p-input-filled .p-treeselect { - background: #0b213f; + background: #424b57; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: #424b57; } p-treeselect.p-treeselect-clearable .p-treeselect-label-container { @@ -1911,81 +1946,81 @@ } .p-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; + color: #030712; + background: #60a5fa; + border: 1px solid #60a5fa; padding: 0.75rem 1.25rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } - .p-button:enabled:hover { - background: #7fbafd; - color: #1c2127; - border-color: #7fbafd; + .p-button:not(:disabled):hover { + background: #93c5fd; + color: #030712; + border-color: #93c5fd; } - .p-button:enabled:active { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; + .p-button:not(:disabled):active { + background: #bfdbfe; + color: #030712; + border-color: #bfdbfe; } .p-button.p-button-outlined { background-color: transparent; - color: #93C5FD; + color: #60a5fa; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } .p-button.p-button-text { background-color: transparent; - color: #93C5FD; + color: #60a5fa; border-color: transparent; } - .p-button.p-button-text:enabled:hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; + .p-button.p-button-text:not(:disabled):hover { + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; border-color: transparent; } - .p-button.p-button-text:enabled:active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; + .p-button.p-button-text:not(:disabled):active { + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; border-color: transparent; } .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-button .p-button-label { transition-duration: 0.2s; @@ -2007,8 +2042,8 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #93C5FD; - background-color: #1c2127; + color: #60a5fa; + background-color: #030712; } .p-button.p-button-raised { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); @@ -2062,321 +2097,441 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #1c2127; - background: #CBD5E1; - border: 1px solid #CBD5E1; - } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #95a9c2; - color: #1c2127; - border-color: #95a9c2; - } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #020617; + background: #94a3b8; + border: 1px solid #94a3b8; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #cbd5e1; + color: #020617; + border-color: #cbd5e1; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #b4bfcd; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #020617; + border-color: #e2e8f0; + } + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #CBD5E1; + color: #94a3b8; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(148, 163, 184, 0.04); + color: #94a3b8; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(203, 213, 225, 0.16); - color: #CBD5E1; + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(148, 163, 184, 0.16); + color: #94a3b8; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #CBD5E1; + color: #94a3b8; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(203, 213, 225, 0.04); + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(148, 163, 184, 0.04); border-color: transparent; - color: #CBD5E1; + color: #94a3b8; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(203, 213, 225, 0.16); + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(148, 163, 184, 0.16); border-color: transparent; - color: #CBD5E1; - } - - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; - } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #449bfc; - color: #1c2127; - border-color: #449bfc; - } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + color: #94a3b8; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #74d1fa; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #93C5FD; + color: #38bdf8; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #93C5FD; + color: #38bdf8; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(147, 197, 253, 0.04); + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); border-color: transparent; - color: #93C5FD; + color: #38bdf8; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(147, 197, 253, 0.16); + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); border-color: transparent; - color: #93C5FD; - } - - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #1c2127; - background: #86EFAC; - border: 1px solid #86EFAC; - } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #44e67f; - color: #1c2127; - border-color: #44e67f; - } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #80e8a6; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #86EFAC; + color: #4ade80; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(134, 239, 172, 0.16); - color: #86EFAC; + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #86EFAC; + color: #4ade80; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(134, 239, 172, 0.04); + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); border-color: transparent; - color: #86EFAC; + color: #4ade80; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(134, 239, 172, 0.16); + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); border-color: transparent; - color: #86EFAC; - } - - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #1c2127; - background: #FCD34D; - border: 1px solid #FCD34D; - } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #fbc30c; - color: #1c2127; - border-color: #fbc30c; - } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #fcb377; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FCD34D; + color: #fb923c; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(252, 211, 77, 0.16); - color: #FCD34D; + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FCD34D; + color: #fb923c; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(252, 211, 77, 0.04); + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); border-color: transparent; - color: #FCD34D; + color: #fb923c; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(252, 211, 77, 0.16); + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); border-color: transparent; - color: #FCD34D; - } - - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #1c2127; - background: #D8B4FE; - border: 1px solid #D8B4FE; - } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #ab5efd; - color: #1c2127; - border-color: #ab5efd; - } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #d3a9fd; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #D8B4FE; + color: #c084fc; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(216, 180, 254, 0.16); - color: #D8B4FE; + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #D8B4FE; + color: #c084fc; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(216, 180, 254, 0.04); + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); border-color: transparent; - color: #D8B4FE; + color: #c084fc; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(216, 180, 254, 0.16); + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); border-color: transparent; - color: #D8B4FE; - } - - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #1c2127; - background: #FCA5A5; - border: 1px solid #FCA5A5; - } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #f95454; - color: #1c2127; - border-color: #f95454; - } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #fa9c9c; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #FCA5A5; + color: #f87171; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(252, 165, 165, 0.16); - color: #FCA5A5; + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #FCA5A5; + color: #f87171; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(252, 165, 165, 0.04); + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); border-color: transparent; - color: #FCA5A5; + color: #f87171; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(252, 165, 165, 0.16); + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); border-color: transparent; - color: #FCA5A5; + color: #f87171; } .p-button.p-button-link { - color: #93C5FD; + color: #60a5fa; background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #93C5FD; + color: #60a5fa; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; - box-shadow: 0 0 0 1px rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.2); border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #93C5FD; + color: #60a5fa; border-color: transparent; } @@ -2399,18 +2554,18 @@ .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-speeddial-action { width: 3rem; height: 3rem; background: rgba(255, 255, 255, 0.87); - color: #040d19; + color: #111827; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); - color: #040d19; + color: #111827; } .p-speeddial-direction-up .p-speeddial-item { @@ -2463,52 +2618,52 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #93C5FD; + color: #60a5fa; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #93C5FD; + color: #60a5fa; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2538,176 +2693,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #CBD5E1; + color: #94a3b8; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(148, 163, 184, 0.04); + color: #94a3b8; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(203, 213, 225, 0.16); - color: #CBD5E1; + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(148, 163, 184, 0.16); + color: #94a3b8; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #CBD5E1; + color: #94a3b8; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(203, 213, 225, 0.04); + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(148, 163, 184, 0.04); border-color: transparent; - color: #CBD5E1; + color: #94a3b8; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(203, 213, 225, 0.16); + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(148, 163, 184, 0.16); border-color: transparent; - color: #CBD5E1; + color: #94a3b8; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #93C5FD; + color: #38bdf8; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #93C5FD; + color: #38bdf8; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); border-color: transparent; - color: #93C5FD; + color: #38bdf8; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); border-color: transparent; - color: #93C5FD; + color: #38bdf8; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #86EFAC; + color: #4ade80; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(134, 239, 172, 0.16); - color: #86EFAC; + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #86EFAC; + color: #4ade80; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(134, 239, 172, 0.04); + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); border-color: transparent; - color: #86EFAC; + color: #4ade80; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(134, 239, 172, 0.16); + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); border-color: transparent; - color: #86EFAC; + color: #4ade80; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FCD34D; + color: #fb923c; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 211, 77, 0.16); - color: #FCD34D; + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FCD34D; + color: #fb923c; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 211, 77, 0.04); + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); border-color: transparent; - color: #FCD34D; + color: #fb923c; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 211, 77, 0.16); + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); border-color: transparent; - color: #FCD34D; + color: #fb923c; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #D8B4FE; + color: #c084fc; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(216, 180, 254, 0.16); - color: #D8B4FE; + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #D8B4FE; + color: #c084fc; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(216, 180, 254, 0.04); + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); border-color: transparent; - color: #D8B4FE; + color: #c084fc; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(216, 180, 254, 0.16); + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); border-color: transparent; - color: #D8B4FE; + color: #c084fc; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #FCA5A5; + color: #f87171; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 165, 165, 0.16); - color: #FCA5A5; + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #FCA5A5; + color: #f87171; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 165, 165, 0.04); + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); border-color: transparent; - color: #FCA5A5; + color: #f87171; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 165, 165, 0.16); + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); border-color: transparent; - color: #FCA5A5; + color: #f87171; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -2731,7 +2886,7 @@ .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2741,7 +2896,7 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #0b213f; + background-color: #424b57; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -2751,7 +2906,7 @@ background: rgba(255, 255, 255, 0.03); } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } @@ -2764,17 +2919,17 @@ border-radius: 0; } .p-datatable .p-datatable-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-footer { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -2782,21 +2937,21 @@ .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; } .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); @@ -2808,7 +2963,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -2819,31 +2974,31 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight { - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); outline: 0 none; } .p-datatable .p-datatable-tbody > tr { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -2873,40 +3028,40 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(147, 197, 253, 0.5); + outline: 0.15rem solid rgba(96, 165, 250, 0.2); outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(147, 197, 253, 0.16); + box-shadow: inset 0 2px 0 0 rgba(96, 165, 250, 0.16); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(147, 197, 253, 0.16); + box-shadow: inset 0 -2px 0 0 rgba(96, 165, 250, 0.16); } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #93C5FD; + background: #60a5fa; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { - background: #071426; + background: #1f2937; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { - background-color: #071426; + background-color: #1f2937; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; @@ -2966,10 +3121,10 @@ border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: #0d1a2c; + background: #1c2532; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { @@ -3018,27 +3173,23 @@ border-radius: 0; } .p-dataview .p-dataview-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-dataview .p-dataview-content { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #0b213f; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3076,13 +3227,13 @@ color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-column-filter-clear-button { @@ -3102,13 +3253,13 @@ .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-column-filter-overlay { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); min-width: 12.5rem; @@ -3127,7 +3278,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -3136,25 +3287,25 @@ .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3172,295 +3323,6 @@ padding: 1.25rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #0b213f; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #0b213f; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #7fbafd; - border: 1px solid #7fbafd; - color: #1c2127; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #071426; - border: 1px solid #0b213f; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #7fbafd; - color: #1c2127; - border-color: #7fbafd; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #93C5FD; - border-color: #93C5FD; - color: #1c2127; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #7fbafd; - border-color: #7fbafd; - color: #1c2127; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #0b213f; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #071426; - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #0b213f; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #071426; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #0b213f; - padding: 1.25rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #1c2127; - background: #7fbafd; - border-color: #7fbafd; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #1c2127; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #7fbafd; - border-color: #7fbafd; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #071426; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #7fbafd; - color: #1c2127; - border-color: #7fbafd; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #93C5FD; - border-color: #93C5FD; - color: #1c2127; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #7fbafd; - border-color: #7fbafd; - color: #1c2127; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); - } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3468,9 +3330,9 @@ margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; @@ -3481,8 +3343,8 @@ } .p-orderlist .p-orderlist-filter-container { padding: 1.25rem; - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { @@ -3493,12 +3355,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3508,14 +3371,20 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 1.25rem; @@ -3526,7 +3395,7 @@ color: rgba(255, 255, 255, 0.87); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { - background: rgba(255, 255, 255, 0.01); + background: #1c2532; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); @@ -3537,7 +3406,7 @@ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border: 0 none; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; } @@ -3546,26 +3415,26 @@ color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(22, 130, 251, 0.16); + color: rgba(7, 99, 212, 0.16); } .p-organizationchart .p-organizationchart-line-down { - background: #0b213f; + background: #424b57; } .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #0b213f; - border-color: #0b213f; + border-right: 1px solid #424b57; + border-color: #424b57; } .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #0b213f; - border-color: #0b213f; + border-top: 1px solid #424b57; + border-color: #424b57; } .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 1.25rem; } @@ -3577,13 +3446,13 @@ .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-paginator { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: solid #0b213f; + border: solid #424b57; border-width: 1px; padding: 0.5rem 1rem; border-radius: 6px; @@ -3652,8 +3521,8 @@ border-radius: 6px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(147, 197, 253, 0.16); - border-color: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); + border-color: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3669,9 +3538,9 @@ margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; @@ -3682,8 +3551,8 @@ } .p-picklist .p-picklist-filter-container { padding: 1.25rem; - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { @@ -3694,12 +3563,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; @@ -3709,14 +3579,20 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 1.25rem; @@ -3727,7 +3603,7 @@ color: rgba(255, 255, 255, 0.87); } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { - background: rgba(255, 255, 255, 0.01); + background: #1c2532; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); @@ -3738,19 +3614,19 @@ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border: 0 none; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; } .p-timeline .p-timeline-event-marker { - border: 2px solid #93C5FD; + border: 2px solid #60a5fa; border-radius: 50%; width: 1rem; height: 1rem; - background-color: #1c2127; + background-color: #030712; } .p-timeline .p-timeline-event-connector { - background-color: #0b213f; + background-color: #424b57; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { @@ -3768,14 +3644,20 @@ } .p-tree { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 1.25rem; border-radius: 6px; } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3800,7 +3682,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; @@ -3812,13 +3694,8 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3859,18 +3736,18 @@ height: 2rem; } .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(68, 155, 252, 0.16); + background-color: rgba(29, 127, 248, 0.16); } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 6px; - border: 1px solid #0b213f; - background-color: #071426; + border: 1px solid #424b57; + background-color: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.5rem; transition: box-shadow 0.2s; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(147, 197, 253, 0.16); + background-color: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { @@ -3897,7 +3774,7 @@ .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-treetable .p-paginator-top { @@ -3909,17 +3786,17 @@ border-radius: 0; } .p-treetable .p-treetable-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-footer { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3927,24 +3804,24 @@ .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; } .p-treetable .p-sortable-column { - outline-color: rgba(147, 197, 253, 0.5); + outline-color: rgba(96, 165, 250, 0.2); } .p-treetable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); @@ -3956,7 +3833,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3967,20 +3844,20 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-sortable-column.p-highlight { - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -4002,7 +3879,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { width: 2rem; @@ -4015,11 +3892,11 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(147, 197, 253, 0.5); + outline: 0.15rem solid rgba(96, 165, 250, 0.2); outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -4036,11 +3913,11 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #93C5FD; + background: #60a5fa; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { - background: #071426; + background: #1f2937; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; @@ -4102,23 +3979,23 @@ } .p-virtualscroller .p-virtualscroller-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-virtualscroller .p-virtualscroller-content { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border: 0 none; padding: 0; } .p-virtualscroller .p-virtualscroller-footer { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -4128,9 +4005,9 @@ .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; @@ -4141,29 +4018,29 @@ .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #071426; - border-color: #0b213f; + background: #1f2937; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #0b213f; + border-color: #424b57; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } .p-accordion .p-accordion-content { padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border-top: 0; border-top-right-radius: 0; @@ -4176,7 +4053,7 @@ } .p-card { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; @@ -4202,14 +4079,14 @@ } .p-divider .p-divider-content { - background-color: #071426; + background-color: #1f2937; } .p-divider.p-divider-horizontal { margin: 1.25rem 0; padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px #0b213f; + border-top: 1px #424b57; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -4219,23 +4096,23 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px #0b213f; + border-left: 1px #424b57; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-fieldset { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.25rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; font-weight: 700; border-radius: 6px; } @@ -4255,11 +4132,11 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-fieldset .p-fieldset-content { @@ -4267,9 +4144,9 @@ } .p-panel .p-panel-header { - border: 1px solid #0b213f; + border: 1px solid #424b57; padding: 1.25rem; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4294,25 +4171,29 @@ .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; } .p-panel .p-panel-content { padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4330,13 +4211,13 @@ } .p-scrollpanel .p-scrollpanel-bar { - background: #0b213f; + background: #424b57; border: 0 none; } .p-splitter { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; border-radius: 6px; color: rgba(255, 255, 255, 0.87); } @@ -4345,10 +4226,10 @@ background: rgba(255, 255, 255, 0.03); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #0b213f; + background: #424b57; } .p-splitter .p-splitter-gutter-resizing { - background: #0b213f; + background: #424b57; } .p-tabview .p-tabview-nav-content { @@ -4356,17 +4237,17 @@ } .p-tabview .p-tabview-nav { background: transparent; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #0b213f; + border: solid #424b57; border-width: 0 0 2px 0; - border-color: transparent transparent #0b213f transparent; - background: #071426; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; color: rgba(255, 255, 255, 0.6); padding: 1.25rem; font-weight: 700; @@ -4378,17 +4259,17 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #071426; - border-color: #93C5FD; + background: #1f2937; + border-color: #60a5fa; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #071426; - border-color: #93C5FD; - color: #93C5FD; + background: #1f2937; + border-color: #60a5fa; + color: #60a5fa; } .p-tabview .p-tabview-left-icon { margin-right: 0.5rem; @@ -4400,8 +4281,8 @@ margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { - background: #071426; - color: #93C5FD; + background: #1f2937; + color: #60a5fa; width: 3rem; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; @@ -4409,10 +4290,10 @@ .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-tabview .p-tabview-panels { - background: #071426; + background: #1f2937; padding: 1.25rem; border: 0 none; color: rgba(255, 255, 255, 0.87); @@ -4421,8 +4302,8 @@ } .p-toolbar { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; padding: 1.25rem; border-radius: 6px; gap: 0.5rem; @@ -4432,9 +4313,9 @@ } .p-confirm-popup { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } @@ -4454,19 +4335,19 @@ } .p-confirm-popup:after { border: solid transparent; - border-color: rgba(7, 20, 38, 0); - border-bottom-color: #071426; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; } .p-confirm-popup:before { border: solid transparent; - border-color: rgba(11, 33, 63, 0); - border-bottom-color: #0b213f; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #424b57; } .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #071426; + border-top-color: #1f2937; } .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #0b213f; + border-top-color: #424b57; } .p-confirm-popup .p-confirm-popup-icon { font-size: 1.5rem; @@ -4482,11 +4363,11 @@ .p-dialog { border-radius: 6px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 1px solid #0b213f; + border: 1px solid #424b57; } .p-dialog .p-dialog-header { border-bottom: 0 none; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 1.5rem; border-top-right-radius: 6px; @@ -4514,13 +4395,13 @@ .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0 1.5rem 2rem 1.5rem; } @@ -4530,7 +4411,7 @@ } .p-dialog .p-dialog-footer { border-top: 0 none; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; @@ -4553,9 +4434,9 @@ } .p-overlaypanel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } @@ -4563,8 +4444,8 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #93C5FD; - color: #1c2127; + background: #60a5fa; + color: #030712; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -4574,30 +4455,30 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #7fbafd; - color: #1c2127; + background: #93c5fd; + color: #030712; } .p-overlaypanel:after { border: solid transparent; - border-color: rgba(7, 20, 38, 0); - border-bottom-color: #071426; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; } .p-overlaypanel:before { border: solid transparent; - border-color: rgba(11, 33, 63, 0); - border-bottom-color: #0a1f3c; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #3f4753; } .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #071426; + border-top-color: #1f2937; } .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #0b213f; + border-top-color: #424b57; } .p-sidebar { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .p-sidebar .p-sidebar-header { @@ -4623,7 +4504,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4636,29 +4517,29 @@ } .p-tooltip .p-tooltip-text { - background: #0b213f; + background: #424b57; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0.75rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #0b213f; + border-right-color: #424b57; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #0b213f; + border-left-color: #424b57; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #0b213f; + border-top-color: #424b57; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #0b213f; + border-bottom-color: #424b57; } .p-fileupload .p-fileupload-buttonbar { - background: #071426; + background: #1f2937; padding: 1.25rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); border-bottom: 0 none; border-top-right-radius: 6px; @@ -4670,20 +4551,20 @@ .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-fileupload .p-fileupload-content { - background: #071426; + background: #1f2937; padding: 2rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #93C5FD; + border-color: 1px dashed #60a5fa; border-style: dashed; - background-color: rgba(147, 197, 253, 0.16); + background-color: rgba(96, 165, 250, 0.16); } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4696,19 +4577,19 @@ } .p-fileupload-choose:not(.p-disabled):hover { - background: #7fbafd; - color: #1c2127; - border-color: #7fbafd; + background: #93c5fd; + color: #030712; + border-color: #93c5fd; } .p-fileupload-choose:not(.p-disabled):active { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; + background: #bfdbfe; + color: #030712; + border-color: #bfdbfe; } .p-breadcrumb { - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; border-radius: 6px; padding: 1rem; } @@ -4719,7 +4600,7 @@ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); @@ -4740,9 +4621,9 @@ .p-contextmenu { padding: 0.25rem 0; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; width: 12.5rem; @@ -4752,8 +4633,8 @@ } .p-contextmenu .p-submenu-list { padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } @@ -4779,25 +4660,27 @@ } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4807,11 +4690,12 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { @@ -4838,7 +4722,7 @@ .p-dock .p-dock-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); } .p-dock .p-dock-link { width: 4rem; @@ -4893,9 +4777,9 @@ } .p-megamenu { padding: 0.5rem; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; } .p-megamenu .p-megamenu-root-list { @@ -4923,25 +4807,27 @@ } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4951,20 +4837,21 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4974,7 +4861,7 @@ width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-megamenu.p-megamenu-vertical { @@ -5008,15 +4895,16 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu { padding: 0.25rem 0; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; width: 12.5rem; } @@ -5042,25 +4930,27 @@ } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5070,30 +4960,31 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menu .p-menuitem-badge { - background: #93C5FD; - color: #1c2127; + background: #60a5fa; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5107,9 +4998,9 @@ .p-menubar { padding: 0.5rem; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; } .p-menubar .p-menubar-root-list { @@ -5142,7 +5033,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5167,25 +5059,27 @@ } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5195,18 +5089,19 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { @@ -5232,19 +5127,19 @@ .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-menubar .p-menubar-root-list { position: absolute; display: none; padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -5305,9 +5200,9 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; border-radius: 6px; transition: box-shadow 0.2s; } @@ -5325,30 +5220,30 @@ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #071426; - border-color: #0b213f; + background: #1f2937; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #0b213f; + border-color: #424b57; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border-top: 0; border-top-right-radius: 0; @@ -5381,25 +5276,27 @@ } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5409,14 +5306,15 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -5428,9 +5326,9 @@ .p-slidemenu { padding: 0.25rem 0; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; width: 12.5rem; } @@ -5462,25 +5360,27 @@ } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5490,22 +5390,23 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-slidemenu-list { padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-slidemenu .p-slidemenu-icon { @@ -5522,11 +5423,11 @@ .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-slidemenu .p-menuitem-badge { - background: #93C5FD; - color: #1c2127; + background: #60a5fa; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5562,10 +5463,10 @@ .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5574,7 +5475,7 @@ } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; width: 100%; top: 50%; left: 0; @@ -5585,12 +5486,12 @@ .p-tabmenu .p-tabmenu-nav { background: transparent; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #93C5FD; - color: #1c2127; + background: #60a5fa; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5605,10 +5506,10 @@ margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #0b213f; + border: solid #424b57; border-width: 0 0 2px 0; - border-color: transparent transparent #0b213f transparent; - background: #071426; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; color: rgba(255, 255, 255, 0.6); padding: 1.25rem; font-weight: 700; @@ -5623,17 +5524,17 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #071426; - border-color: #93C5FD; + background: #1f2937; + border-color: #60a5fa; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #071426; - border-color: #93C5FD; - color: #93C5FD; + background: #1f2937; + border-color: #60a5fa; + color: #60a5fa; } .p-tabmenu .p-tabmenu-left-icon { margin-right: 0.5rem; @@ -5642,8 +5543,8 @@ margin-left: 0.5rem; } .p-tabmenu .p-tabmenu-nav-btn.p-link { - background: #071426; - color: #93C5FD; + background: #1f2937; + color: #60a5fa; width: 3rem; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; @@ -5651,20 +5552,20 @@ .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-tieredmenu { padding: 0.25rem 0; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; width: 12.5rem; } .p-tieredmenu.p-tieredmenu-overlay { - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-tieredmenu-root-list { @@ -5672,8 +5573,8 @@ } .p-tieredmenu .p-submenu-list { padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-menuitem > .p-menuitem-content { @@ -5698,25 +5599,27 @@ } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(147, 197, 253, 0.24); + background: rgba(96, 165, 250, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5726,11 +5629,12 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5747,40 +5651,40 @@ border-radius: 6px; } .p-inline-message.p-inline-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; border-width: 1px; - color: #696cff; + color: #93c5fd; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #696cff; + color: #93c5fd; } .p-inline-message.p-inline-message-success { - background: #e4f8f0; - border: solid #1ea97c; + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; border-width: 1px; - color: #1ea97c; + color: #6ee7b7; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1ea97c; + color: #6ee7b7; } .p-inline-message.p-inline-message-warn { - background: #fff2e2; - border: solid #cc8925; + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; border-width: 1px; - color: #cc8925; + color: #fde047; } .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #cc8925; + color: #fde047; } .p-inline-message.p-inline-message-error { - background: #ffe7e6; - border: solid #ff5757; + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; border-width: 1px; - color: #ff5757; + color: #fca5a5; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #ff5757; + color: #fca5a5; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5817,59 +5721,59 @@ .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-message.p-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; border-width: 0 0 0 6px; - color: #696cff; + color: #93c5fd; } .p-message.p-message-info .p-message-icon { - color: #696cff; + color: #93c5fd; } .p-message.p-message-info .p-message-close { - color: #696cff; + color: #93c5fd; } .p-message.p-message-success { - background: #e4f8f0; - border: solid #1ea97c; + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; border-width: 0 0 0 6px; - color: #1ea97c; + color: #6ee7b7; } .p-message.p-message-success .p-message-icon { - color: #1ea97c; + color: #6ee7b7; } .p-message.p-message-success .p-message-close { - color: #1ea97c; + color: #6ee7b7; } .p-message.p-message-warn { - background: #fff2e2; - border: solid #cc8925; + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; border-width: 0 0 0 6px; - color: #cc8925; + color: #fde047; } .p-message.p-message-warn .p-message-icon { - color: #cc8925; + color: #fde047; } .p-message.p-message-warn .p-message-close { - color: #cc8925; + color: #fde047; } .p-message.p-message-error { - background: #ffe7e6; - border: solid #ff5757; + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; border-width: 0 0 0 6px; - color: #ff5757; + color: #fca5a5; } .p-message.p-message-error .p-message-icon { - color: #ff5757; + color: #fca5a5; } .p-message.p-message-error .p-message-close { - color: #ff5757; + color: #fca5a5; } .p-message .p-message-text { font-size: 1rem; - font-weight: 400; + font-weight: 500; } .p-message .p-message-icon { font-size: 1.5rem; @@ -5887,7 +5791,7 @@ } .p-toast { - opacity: 0.9; + opacity: 1; } .p-toast .p-toast-message { margin: 0 0 1rem 0; @@ -5927,47 +5831,47 @@ .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-toast .p-toast-message.p-toast-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; border-width: 0 0 0 6px; - color: #696cff; + color: #93c5fd; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #696cff; + color: #93c5fd; } .p-toast .p-toast-message.p-toast-message-success { - background: #e4f8f0; - border: solid #1ea97c; + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; border-width: 0 0 0 6px; - color: #1ea97c; + color: #6ee7b7; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1ea97c; + color: #6ee7b7; } .p-toast .p-toast-message.p-toast-message-warn { - background: #fff2e2; - border: solid #cc8925; + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; border-width: 0 0 0 6px; - color: #cc8925; + color: #fde047; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #cc8925; + color: #fde047; } .p-toast .p-toast-message.p-toast-message-error { - background: #ffe7e6; - border: solid #ff5757; + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; border-width: 0 0 0 6px; - color: #ff5757; + color: #fca5a5; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #ff5757; + color: #fca5a5; } .p-galleria .p-galleria-close { @@ -6020,7 +5924,7 @@ padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #0b213f; + background-color: #424b57; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -6030,7 +5934,7 @@ background: rgba(255, 255, 255, 0.1); } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -6049,7 +5953,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-galleria .p-galleria-thumbnail-container { @@ -6074,7 +5978,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-galleria-mask { @@ -6124,7 +6028,7 @@ } .p-avatar { - background-color: #0b213f; + background-color: #424b57; border-radius: 6px; } .p-avatar.p-avatar-lg { @@ -6145,12 +6049,12 @@ } .p-avatar-group .p-avatar { - border: 2px solid #071426; + border: 2px solid #1f2937; } .p-badge { - background: #93C5FD; - color: #1c2127; + background: #60a5fa; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -6158,24 +6062,24 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #CBD5E1; - color: #1c2127; + background-color: #94a3b8; + color: #020617; } .p-badge.p-badge-success { - background-color: #86EFAC; - color: #1c2127; + background-color: #4ade80; + color: #052e16; } .p-badge.p-badge-info { - background-color: #93C5FD; - color: #1c2127; + background-color: #38bdf8; + color: #082f49; } .p-badge.p-badge-warning { - background-color: #FCD34D; - color: #1c2127; + background-color: #fb923c; + color: #431407; } .p-badge.p-badge-danger { - background-color: #FCA5A5; - color: #1c2127; + background-color: #f87171; + color: #450a0a; } .p-badge.p-badge-lg { font-size: 1.125rem; @@ -6191,7 +6095,7 @@ } .p-chip { - background-color: #0b213f; + background-color: #424b57; color: rgba(255, 255, 255, 0.87); border-radius: 16px; padding: 0 0.75rem; @@ -6220,7 +6124,7 @@ .p-chip .pi-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-chip .pi-chip-remove-icon:focus { outline: 0 none; @@ -6238,22 +6142,22 @@ .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .p-progressbar { border: 0 none; height: 1.5rem; - background: #0b213f; + background: #424b57; border-radius: 6px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #93C5FD; + background: #60a5fa; } .p-progressbar .p-progressbar-label { - color: #1c2127; + color: #030712; line-height: 1.5rem; } @@ -6265,10 +6169,10 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); } .p-scrolltop.p-link:hover { - background: rgba(147, 197, 253, 0.3616); + background: rgba(96, 165, 250, 0.3616); } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; @@ -6288,28 +6192,28 @@ } .p-tag { - background: #93C5FD; - color: #1c2127; + background: #60a5fa; + color: #030712; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; border-radius: 6px; } .p-tag.p-tag-success { - background-color: #86EFAC; - color: #1c2127; + background-color: #4ade80; + color: #052e16; } .p-tag.p-tag-info { - background-color: #93C5FD; - color: #1c2127; + background-color: #38bdf8; + color: #082f49; } .p-tag.p-tag-warning { - background-color: #FCD34D; - color: #1c2127; + background-color: #fb923c; + color: #431407; } .p-tag.p-tag-danger { - background-color: #FCA5A5; - color: #1c2127; + background-color: #f87171; + color: #450a0a; } .p-tag .p-tag-icon { margin-right: 0.25rem; @@ -6321,9 +6225,9 @@ } .p-terminal { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; padding: 1.25rem; } .p-terminal .p-terminal-input { @@ -6337,6 +6241,11 @@ font-weight: 700; } + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -6344,49 +6253,82 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #93C5FD; + background-color: #60a5fa; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #93C5FD; + background-color: #60a5fa; } .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(96, 165, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(148, 163, 184, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(134, 239, 172, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(74, 222, 128, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(56, 189, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 211, 77, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(251, 146, 60, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(216, 180, 254, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(192, 132, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 165, 165, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(248, 113, 113, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #60a5fa; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #60a5fa; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #93C5FD; + box-shadow: inset 0 2px 0 0 #60a5fa; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #93C5FD; + box-shadow: inset 0 -2px 0 0 #60a5fa; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(96, 165, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #60a5fa; + color: #030712; } } diff --git a/src/assets/components/themes/lara-dark-cyan/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/lara-dark-cyan/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/lara-dark-cyan/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/lara-dark-cyan/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/lara-dark-cyan/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/lara-dark-cyan/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/lara-dark-cyan/theme.css b/src/assets/components/themes/lara-dark-cyan/theme.css new file mode 100644 index 00000000000..aefeb0a333c --- /dev/null +++ b/src/assets/components/themes/lara-dark-cyan/theme.css @@ -0,0 +1,6203 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family:"Inter var", sans-serif; + --font-feature-settings: "cv02","cv03","cv04","cv11"; + --surface-a:#1f2937; + --surface-b:#111827; + --surface-c:rgba(255, 255, 255, 0.03); + --surface-d:#424b57; + --surface-e:#1f2937; + --surface-f:#1f2937; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#22d3ee; + --primary-color-text:#030712; + --surface-0: #111827; + --surface-50: #1f2937; + --surface-100: #374151; + --surface-200: #4b5563; + --surface-300: #6b7280; + --surface-400: #9ca3af; + --surface-500: #d1d5db; + --surface-600: #e5e7eb; + --surface-700: #f3f4f6; + --surface-800: #f9fafb; + --surface-900: #ffffff; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding:1.25rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#111827; + --surface-section:#111827; + --surface-card:#1f2937; + --surface-overlay:#1f2937; + --surface-border:rgba(255,255,255,.1); + --surface-hover:rgba(255,255,255,.03); + --focus-ring: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(34, 211, 238, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + color-scheme: dark; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f4fdfe; + --primary-100:#caf4fb; + --primary-200:#a0ecf8; + --primary-300:#76e4f4; + --primary-400:#4cdbf1; + --primary-500:#22d3ee; + --primary-600:#1db3ca; + --primary-700:#1894a7; + --primary-800:#137483; + --primary-900:#0e545f; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2937; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-content .ql-editor { + background: #111827; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #22d3ee; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #22d3ee; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #22d3ee; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #22d3ee; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.4; + } + + .p-error { + color: #FCA5A5; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #22d3ee; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #FCA5A5; + } + + .p-autocomplete-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #FCA5A5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #FCA5A5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + + .p-datepicker { + padding: 0.5rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #1f2937; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + margin: 0; + border-bottom: 1px solid #424b57; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 700; + padding: 0.5rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #22d3ee; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; + } + .p-datepicker table th { + padding: 0.5rem; + } + .p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; + } + .p-datepicker table td { + padding: 0.5rem; + } + .p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #22d3ee; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #424b57; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #424b57; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1.25rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #424b57; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #111827; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #22d3ee; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #FCA5A5; + } + + .p-cascadeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #FCA5A5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #030712; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #22d3ee; + background: #22d3ee; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #22d3ee; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #a5f3fc; + background: #a5f3fc; + color: #030712; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #FCA5A5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #424b57; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #22d3ee; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #a5f3fc; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #22d3ee; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #FCA5A5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1f2937; + border: 1px solid #424b57; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + + .p-dropdown { + background: #111827; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #22d3ee; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #FCA5A5; + } + + .p-dropdown-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + .p-inputgroup-addon { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #424b57; + border-left: 1px solid #424b57; + border-bottom: 1px solid #424b57; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #424b57; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #FCA5A5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #FCA5A5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #6b7280; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #424b57; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #22d3ee; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #030712; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #67e8f9; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #FCA5A5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #111827; + padding: 0.75rem 0.75rem; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #22d3ee; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #FCA5A5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #FCA5A5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #424b57; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #FCA5A5; + } + + .p-multiselect { + background: #111827; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #22d3ee; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-multiselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #FCA5A5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #FCA5A5; + } + + .p-password-panel { + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #424b57; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #eb9a9c; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffcf91; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #93deac; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #22d3ee; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #030712; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #22d3ee; + background: #22d3ee; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #a5f3fc; + background: #a5f3fc; + color: #030712; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #FCA5A5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #22d3ee; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #a5f3fc; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1.143rem; + height: 1.143rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #F48FB1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #22d3ee; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #22d3ee; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #F48FB1; + } + + .p-selectbutton .p-button { + background: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #22d3ee; + border-color: #22d3ee; + color: #030712; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #67e8f9; + border-color: #67e8f9; + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #FCA5A5; + } + + .p-slider { + background: #424b57; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 0.286rem; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; + } + .p-slider.p-slider-vertical { + width: 0.286rem; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; + } + .p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #424b57; + border: 2px solid #22d3ee; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-slider .p-slider-range { + background: #22d3ee; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #22d3ee; + border-color: #22d3ee; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #22d3ee; + border-color: #22d3ee; + color: #030712; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #67e8f9; + border-color: #67e8f9; + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #FCA5A5; + } + + .p-treeselect { + background: #111827; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #22d3ee; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + border-color: #22d3ee; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #FCA5A5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-button { + color: #030712; + background: #22d3ee; + border: 1px solid #22d3ee; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-button:enabled:hover { + background: #67e8f9; + color: #030712; + border-color: #67e8f9; + } + .p-button:enabled:active { + background: #a5f3fc; + color: #030712; + border-color: #a5f3fc; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #22d3ee; + border: 1px solid; + } + .p-button.p-button-outlined:enabled:hover { + background: rgba(34, 211, 238, 0.04); + color: #22d3ee; + border: 1px solid; + } + .p-button.p-button-outlined:enabled:active { + background: rgba(34, 211, 238, 0.16); + color: #22d3ee; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #22d3ee; + border-color: transparent; + } + .p-button.p-button-text:enabled:hover { + background: rgba(34, 211, 238, 0.04); + color: #22d3ee; + border-color: transparent; + } + .p-button.p-button-text:enabled:active { + background: rgba(34, 211, 238, 0.16); + color: #22d3ee; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #22d3ee; + background-color: #030712; + } + .p-button.p-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 3rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #020617; + background: #94a3b8; + border: 1px solid #94a3b8; + } + .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #cbd5e1; + color: #020617; + border-color: #cbd5e1; + } + .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #b4bfcd; + } + .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #e2e8f0; + color: #020617; + border-color: #e2e8f0; + } + .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #94a3b8; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(148, 163, 184, 0.04); + color: #94a3b8; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(148, 163, 184, 0.16); + color: #94a3b8; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #94a3b8; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(148, 163, 184, 0.04); + border-color: transparent; + color: #94a3b8; + } + .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(148, 163, 184, 0.16); + border-color: transparent; + color: #94a3b8; + } + + .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #74d1fa; + } + .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #80e8a6; + } + .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fcb377; + } + .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #d3a9fd; + } + .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fa9c9c; + } + .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #22d3ee; + background: transparent; + border: transparent; + } + .p-button.p-button-link:enabled:hover { + background: transparent; + color: #22d3ee; + border-color: transparent; + } + .p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.2); + border-color: transparent; + } + .p-button.p-button-link:enabled:active { + background: transparent; + color: #22d3ee; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1.3rem; + height: 1.3rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #111827; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #111827; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #22d3ee; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 211, 238, 0.04); + color: #22d3ee; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 211, 238, 0.16); + color: #22d3ee; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #22d3ee; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 211, 238, 0.04); + color: #22d3ee; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 211, 238, 0.16); + color: #22d3ee; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #94a3b8; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(148, 163, 184, 0.04); + color: #94a3b8; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(148, 163, 184, 0.16); + color: #94a3b8; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #94a3b8; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(148, 163, 184, 0.04); + border-color: transparent; + color: #94a3b8; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(148, 163, 184, 0.16); + border-color: transparent; + color: #94a3b8; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #424b57; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid rgba(34, 211, 238, 0.2); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(34, 211, 238, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(34, 211, 238, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #22d3ee; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2937; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #1f2937; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #1c2532; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #424b57; + border-width: 0 0 1px 0; + } + .p-dataview .p-dataview-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 1.25rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + + .p-column-filter-overlay { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #424b57; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + outline: 0 none; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1c2532; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(10, 118, 134, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #424b57; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + + .p-paginator { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: solid #424b57; + border-width: 1px; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(34, 211, 238, 0.16); + border-color: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + outline: 0 none; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1c2532; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #22d3ee; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #030712; + } + .p-timeline .p-timeline-event-connector { + background-color: #424b57; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: box-shadow 0.2s; + padding: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(16, 177, 202, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #424b57; + background-color: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-treetable .p-sortable-column { + outline-color: rgba(34, 211, 238, 0.2); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid rgba(34, 211, 238, 0.2); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #22d3ee; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2937; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 4px; + } + + .p-card { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.25rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #1f2937; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #424b57; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #424b57; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #424b57; + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 700; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0.75rem 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #424b57; + border: 0 none; + } + + .p-splitter { + border: 1px solid #424b57; + background: #1f2937; + border-radius: 6px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #424b57; + } + .p-splitter .p-splitter-gutter-resizing { + background: #424b57; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2937; + border-color: #22d3ee; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2937; + border-color: #22d3ee; + color: #22d3ee; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #1f2937; + color: #22d3ee; + width: 3rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-tabview .p-tabview-panels { + background: #1f2937; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #1f2937; + border: 1px solid #424b57; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #424b57; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2937; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #424b57; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #424b57; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #22d3ee; + color: #030712; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #67e8f9; + color: #030712; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #3f4753; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2937; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #424b57; + } + + .p-sidebar { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-sidebar .p-sidebar-header { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #424b57; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #424b57; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #424b57; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #424b57; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #424b57; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1f2937; + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-fileupload .p-fileupload-content { + background: #1f2937; + padding: 2rem 1rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #22d3ee; + border-style: dashed; + background-color: rgba(34, 211, 238, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #67e8f9; + color: #030712; + border-color: #67e8f9; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #a5f3fc; + color: #030712; + border-color: #a5f3fc; + } + + .p-breadcrumb { + background: #374151; + border: 1px solid #424b57; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); + } + .p-dock .p-dock-link { + width: 4rem; + height: 4rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #22d3ee; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 4px; + } + + .p-slidemenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-slidemenu .p-menuitem-badge { + background: #22d3ee; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 6px; + background: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #424b57; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #22d3ee; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2937; + border-color: #22d3ee; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2937; + border-color: #22d3ee; + color: #22d3ee; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #1f2937; + color: #22d3ee; + width: 3rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 1px; + color: #93c5fd; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #93c5fd; + } + .p-inline-message.p-inline-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 1px; + color: #6ee7b7; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #6ee7b7; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 1px; + color: #fde047; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #fde047; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 1px; + color: #fca5a5; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #fca5a5; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); + } + .p-message .p-message-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .p-message.p-message-info .p-message-icon { + color: #93c5fd; + } + .p-message.p-message-info .p-message-close { + color: #93c5fd; + } + .p-message.p-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .p-message.p-message-success .p-message-icon { + color: #6ee7b7; + } + .p-message.p-message-success .p-message-close { + color: #6ee7b7; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .p-message.p-message-warn .p-message-icon { + color: #fde047; + } + .p-message.p-message-warn .p-message-close { + color: #fde047; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .p-message.p-message-error .p-message-icon { + color: #fca5a5; + } + .p-message.p-message-error .p-message-close { + color: #fca5a5; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: none; + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 2rem; + height: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #93c5fd; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #6ee7b7; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #fde047; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #fca5a5; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #424b57; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(34, 211, 238, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #424b57; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #1f2937; + } + + .p-badge { + background: #22d3ee; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #94a3b8; + color: #020617; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #424b57; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #22d3ee; + } + .p-progressbar .p-progressbar-label { + color: #030712; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: rgba(34, 211, 238, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(34, 211, 238, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #22d3ee; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #22d3ee; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #22d3ee; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(34, 211, 238, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(148, 163, 184, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(74, 222, 128, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(56, 189, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(251, 146, 60, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(192, 132, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(248, 113, 113, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #22d3ee; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #22d3ee; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #22d3ee; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #22d3ee; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(34, 211, 238, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #22d3ee; + color: #030712; + } +} diff --git a/src/assets/components/themes/lara-dark-green/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/lara-dark-green/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/lara-dark-green/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/lara-dark-green/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/lara-dark-green/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/lara-dark-green/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/lara-dark-green/theme.css b/src/assets/components/themes/lara-dark-green/theme.css new file mode 100644 index 00000000000..e51d74a5178 --- /dev/null +++ b/src/assets/components/themes/lara-dark-green/theme.css @@ -0,0 +1,6203 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family:"Inter var", sans-serif; + --font-feature-settings: "cv02","cv03","cv04","cv11"; + --surface-a:#1f2937; + --surface-b:#111827; + --surface-c:rgba(255, 255, 255, 0.03); + --surface-d:#424b57; + --surface-e:#1f2937; + --surface-f:#1f2937; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#34d399; + --primary-color-text:#030712; + --surface-0: #111827; + --surface-50: #1f2937; + --surface-100: #374151; + --surface-200: #4b5563; + --surface-300: #6b7280; + --surface-400: #9ca3af; + --surface-500: #d1d5db; + --surface-600: #e5e7eb; + --surface-700: #f3f4f6; + --surface-800: #f9fafb; + --surface-900: #ffffff; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding:1.25rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#111827; + --surface-section:#111827; + --surface-card:#1f2937; + --surface-overlay:#1f2937; + --surface-border:rgba(255,255,255,.1); + --surface-hover:rgba(255,255,255,.03); + --focus-ring: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(52, 211, 153, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + color-scheme: dark; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f5fdfa; + --primary-100:#cef4e7; + --primary-200:#a8ecd3; + --primary-300:#81e4c0; + --primary-400:#5bdbac; + --primary-500:#34d399; + --primary-600:#2cb382; + --primary-700:#24946b; + --primary-800:#1d7454; + --primary-900:#15543d; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2937; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-content .ql-editor { + background: #111827; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #34d399; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #34d399; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #34d399; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #34d399; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.4; + } + + .p-error { + color: #FCA5A5; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #34d399; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #FCA5A5; + } + + .p-autocomplete-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #FCA5A5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #FCA5A5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + + .p-datepicker { + padding: 0.5rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #1f2937; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + margin: 0; + border-bottom: 1px solid #424b57; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 700; + padding: 0.5rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #34d399; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; + } + .p-datepicker table th { + padding: 0.5rem; + } + .p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; + } + .p-datepicker table td { + padding: 0.5rem; + } + .p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #34d399; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #424b57; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #424b57; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1.25rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #424b57; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #111827; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #34d399; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #FCA5A5; + } + + .p-cascadeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #FCA5A5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #030712; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #34d399; + background: #34d399; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #34d399; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #a7f3d0; + background: #a7f3d0; + color: #030712; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #FCA5A5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #424b57; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #34d399; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #a7f3d0; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #34d399; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #FCA5A5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1f2937; + border: 1px solid #424b57; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + + .p-dropdown { + background: #111827; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #34d399; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #FCA5A5; + } + + .p-dropdown-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + .p-inputgroup-addon { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #424b57; + border-left: 1px solid #424b57; + border-bottom: 1px solid #424b57; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #424b57; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #FCA5A5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #FCA5A5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #6b7280; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #424b57; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #34d399; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #030712; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #6ee7b7; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #FCA5A5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #111827; + padding: 0.75rem 0.75rem; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #34d399; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #FCA5A5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #FCA5A5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #424b57; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #FCA5A5; + } + + .p-multiselect { + background: #111827; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #34d399; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-multiselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #FCA5A5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #FCA5A5; + } + + .p-password-panel { + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #424b57; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #eb9a9c; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffcf91; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #93deac; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #34d399; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #030712; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #34d399; + background: #34d399; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #a7f3d0; + background: #a7f3d0; + color: #030712; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #FCA5A5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #34d399; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #a7f3d0; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1.143rem; + height: 1.143rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #F48FB1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #34d399; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #34d399; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #F48FB1; + } + + .p-selectbutton .p-button { + background: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #34d399; + border-color: #34d399; + color: #030712; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #6ee7b7; + border-color: #6ee7b7; + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #FCA5A5; + } + + .p-slider { + background: #424b57; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 0.286rem; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; + } + .p-slider.p-slider-vertical { + width: 0.286rem; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; + } + .p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #424b57; + border: 2px solid #34d399; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-slider .p-slider-range { + background: #34d399; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #34d399; + border-color: #34d399; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #34d399; + border-color: #34d399; + color: #030712; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #6ee7b7; + border-color: #6ee7b7; + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #FCA5A5; + } + + .p-treeselect { + background: #111827; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #34d399; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + border-color: #34d399; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #FCA5A5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-button { + color: #030712; + background: #34d399; + border: 1px solid #34d399; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-button:enabled:hover { + background: #6ee7b7; + color: #030712; + border-color: #6ee7b7; + } + .p-button:enabled:active { + background: #a7f3d0; + color: #030712; + border-color: #a7f3d0; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #34d399; + border: 1px solid; + } + .p-button.p-button-outlined:enabled:hover { + background: rgba(52, 211, 153, 0.04); + color: #34d399; + border: 1px solid; + } + .p-button.p-button-outlined:enabled:active { + background: rgba(52, 211, 153, 0.16); + color: #34d399; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #34d399; + border-color: transparent; + } + .p-button.p-button-text:enabled:hover { + background: rgba(52, 211, 153, 0.04); + color: #34d399; + border-color: transparent; + } + .p-button.p-button-text:enabled:active { + background: rgba(52, 211, 153, 0.16); + color: #34d399; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #34d399; + background-color: #030712; + } + .p-button.p-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 3rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #020617; + background: #94a3b8; + border: 1px solid #94a3b8; + } + .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #cbd5e1; + color: #020617; + border-color: #cbd5e1; + } + .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #b4bfcd; + } + .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #e2e8f0; + color: #020617; + border-color: #e2e8f0; + } + .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #94a3b8; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(148, 163, 184, 0.04); + color: #94a3b8; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(148, 163, 184, 0.16); + color: #94a3b8; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #94a3b8; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(148, 163, 184, 0.04); + border-color: transparent; + color: #94a3b8; + } + .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(148, 163, 184, 0.16); + border-color: transparent; + color: #94a3b8; + } + + .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #74d1fa; + } + .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #80e8a6; + } + .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fcb377; + } + .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #d3a9fd; + } + .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fa9c9c; + } + .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #34d399; + background: transparent; + border: transparent; + } + .p-button.p-button-link:enabled:hover { + background: transparent; + color: #34d399; + border-color: transparent; + } + .p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 1px rgba(52, 211, 153, 0.2); + border-color: transparent; + } + .p-button.p-button-link:enabled:active { + background: transparent; + color: #34d399; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1.3rem; + height: 1.3rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #111827; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #111827; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #34d399; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(52, 211, 153, 0.04); + color: #34d399; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(52, 211, 153, 0.16); + color: #34d399; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #34d399; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(52, 211, 153, 0.04); + color: #34d399; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(52, 211, 153, 0.16); + color: #34d399; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #94a3b8; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(148, 163, 184, 0.04); + color: #94a3b8; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(148, 163, 184, 0.16); + color: #94a3b8; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #94a3b8; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(148, 163, 184, 0.04); + border-color: transparent; + color: #94a3b8; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(148, 163, 184, 0.16); + border-color: transparent; + color: #94a3b8; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #424b57; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid rgba(52, 211, 153, 0.2); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(52, 211, 153, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(52, 211, 153, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #34d399; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2937; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #1f2937; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #1c2532; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #424b57; + border-width: 0 0 1px 0; + } + .p-dataview .p-dataview-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 1.25rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + + .p-column-filter-overlay { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #424b57; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + outline: 0 none; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1c2532; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(24, 111, 80, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #424b57; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + + .p-paginator { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: solid #424b57; + border-width: 1px; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(52, 211, 153, 0.16); + border-color: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + outline: 0 none; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1c2532; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #34d399; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #030712; + } + .p-timeline .p-timeline-event-connector { + background-color: #424b57; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: box-shadow 0.2s; + padding: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(37, 173, 124, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #424b57; + background-color: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-treetable .p-sortable-column { + outline-color: rgba(52, 211, 153, 0.2); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid rgba(52, 211, 153, 0.2); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #34d399; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2937; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 4px; + } + + .p-card { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.25rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #1f2937; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #424b57; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #424b57; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #424b57; + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 700; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0.75rem 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #424b57; + border: 0 none; + } + + .p-splitter { + border: 1px solid #424b57; + background: #1f2937; + border-radius: 6px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #424b57; + } + .p-splitter .p-splitter-gutter-resizing { + background: #424b57; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2937; + border-color: #34d399; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2937; + border-color: #34d399; + color: #34d399; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #1f2937; + color: #34d399; + width: 3rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-tabview .p-tabview-panels { + background: #1f2937; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #1f2937; + border: 1px solid #424b57; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #424b57; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2937; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #424b57; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #424b57; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #34d399; + color: #030712; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #6ee7b7; + color: #030712; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #3f4753; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2937; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #424b57; + } + + .p-sidebar { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-sidebar .p-sidebar-header { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #424b57; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #424b57; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #424b57; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #424b57; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #424b57; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1f2937; + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-fileupload .p-fileupload-content { + background: #1f2937; + padding: 2rem 1rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #34d399; + border-style: dashed; + background-color: rgba(52, 211, 153, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #6ee7b7; + color: #030712; + border-color: #6ee7b7; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #a7f3d0; + color: #030712; + border-color: #a7f3d0; + } + + .p-breadcrumb { + background: #374151; + border: 1px solid #424b57; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); + } + .p-dock .p-dock-link { + width: 4rem; + height: 4rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #34d399; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 4px; + } + + .p-slidemenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-slidemenu .p-menuitem-badge { + background: #34d399; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 6px; + background: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #424b57; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #34d399; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2937; + border-color: #34d399; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2937; + border-color: #34d399; + color: #34d399; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #1f2937; + color: #34d399; + width: 3rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 1px; + color: #93c5fd; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #93c5fd; + } + .p-inline-message.p-inline-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 1px; + color: #6ee7b7; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #6ee7b7; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 1px; + color: #fde047; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #fde047; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 1px; + color: #fca5a5; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #fca5a5; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); + } + .p-message .p-message-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .p-message.p-message-info .p-message-icon { + color: #93c5fd; + } + .p-message.p-message-info .p-message-close { + color: #93c5fd; + } + .p-message.p-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .p-message.p-message-success .p-message-icon { + color: #6ee7b7; + } + .p-message.p-message-success .p-message-close { + color: #6ee7b7; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .p-message.p-message-warn .p-message-icon { + color: #fde047; + } + .p-message.p-message-warn .p-message-close { + color: #fde047; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .p-message.p-message-error .p-message-icon { + color: #fca5a5; + } + .p-message.p-message-error .p-message-close { + color: #fca5a5; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: none; + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 2rem; + height: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #93c5fd; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #6ee7b7; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #fde047; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #fca5a5; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #424b57; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(52, 211, 153, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #424b57; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #1f2937; + } + + .p-badge { + background: #34d399; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #94a3b8; + color: #020617; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #424b57; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #34d399; + } + .p-progressbar .p-progressbar-label { + color: #030712; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: rgba(52, 211, 153, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(52, 211, 153, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #34d399; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #34d399; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #34d399; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(52, 211, 153, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(148, 163, 184, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(74, 222, 128, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(56, 189, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(251, 146, 60, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(192, 132, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(248, 113, 113, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #34d399; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #34d399; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #34d399; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #34d399; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(52, 211, 153, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #34d399; + color: #030712; + } +} diff --git a/src/assets/components/themes/lara-dark-indigo/theme.css b/src/assets/components/themes/lara-dark-indigo/theme.css index 27e42a85a0b..7568b63fa6d 100644 --- a/src/assets/components/themes/lara-dark-indigo/theme.css +++ b/src/assets/components/themes/lara-dark-indigo/theme.css @@ -2,52 +2,52 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#071426; - --surface-b:#040d19; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#0b213f; - --surface-e:#071426; - --surface-f:#071426; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#A5B4FC; - --primary-color-text:#1c2127; - --surface-0: #040d19; - --surface-50: #1d2530; - --surface-100: #363d47; - --surface-200: #4f565e; - --surface-300: #686e75; - --surface-400: #82868c; - --surface-500: #9b9ea3; - --surface-600: #b4b6ba; - --surface-700: #cdcfd1; - --surface-800: #e6e7e8; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #818cf8; + --primary-color-text: #030712; + --surface-0: #111827; + --surface-50: #1f2937; + --surface-100: #374151; + --surface-200: #4b5563; + --surface-300: #6b7280; + --surface-400: #9ca3af; + --surface-500: #d1d5db; + --surface-600: #e5e7eb; + --surface-700: #f3f4f6; + --surface-800: #f9fafb; --surface-900: #ffffff; - --gray-50: #e6e7e8; - --gray-100: #cdcfd1; - --gray-200: #b4b6ba; - --gray-300: #9b9ea3; - --gray-400: #82868c; - --gray-500: #686e75; - --gray-600: #4f565e; - --gray-700: #363d47; - --gray-800: #1d2530; - --gray-900: #040d19; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#040d19; - --surface-section:#040d19; - --surface-card:#071426; - --surface-overlay:#071426; - --surface-border:#0b213f; - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - --highlight-bg: rgba(165, 180, 252, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(129, 140, 248, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); color-scheme: dark; } @@ -178,16 +178,115 @@ --red-700:#b32b23; --red-800:#8c221c; --red-900:#661814; - --primary-50:#fbfbff; - --primary-100:#e9edfe; - --primary-200:#d8dffe; - --primary-300:#c7d1fd; - --primary-400:#b6c2fd; - --primary-500:#a5b4fc; - --primary-600:#8c99d6; - --primary-700:#747eb0; - --primary-800:#5b638b; - --primary-900:#424865; + --primary-50:#f9f9ff; + --primary-100:#e1e3fd; + --primary-200:#c9cefc; + --primary-300:#b1b8fb; + --primary-400:#99a2f9; + --primary-500:#818cf8; + --primary-600:#6e77d3; + --primary-700:#5a62ae; + --primary-800:#474d88; + --primary-900:#343863; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2937; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-content .ql-editor { + background: #111827; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #818cf8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #818cf8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #818cf8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #818cf8; } @layer primeng { @@ -212,7 +311,7 @@ } .p-error { - color: #FCA5A5; + color: #fca5a5; } .p-text-secondary { @@ -237,7 +336,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-component-overlay-enter { @@ -271,48 +370,51 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.75rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #A5B4FC; + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #818cf8; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: rgba(165, 180, 252, 0.16); + background: #424b57; color: rgba(255, 255, 255, 0.87); - border-radius: 6px; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; } .p-autocomplete-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } @@ -328,27 +430,33 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); + background: rgba(129, 140, 248, 0.16); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: #424b57; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1.25rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -363,31 +471,38 @@ } p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-datepicker { padding: 0.5rem; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #071426; + background: #1f2937; } .p-datepicker .p-datepicker-header { padding: 0.5rem; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; font-weight: 700; margin: 0; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -411,7 +526,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; @@ -425,7 +540,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #A5B4FC; + color: #818cf8; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -453,31 +568,31 @@ } .p-datepicker table td > span.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #A5B4FC; + color: #818cf8; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; padding: 0.5rem; } .p-datepicker .p-timepicker button { @@ -497,7 +612,7 @@ .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -521,7 +636,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -533,10 +648,10 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #0b213f; + border-left: 1px solid #424b57; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -555,7 +670,7 @@ .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -563,7 +678,7 @@ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -571,7 +686,7 @@ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } p-calendar.p-calendar-clearable .p-inputtext { @@ -593,19 +708,19 @@ } } .p-cascadeselect { - background: #040d19; - border: 1px solid #0b213f; + background: #111827; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #A5B4FC; + border-color: #818cf8; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -626,11 +741,14 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } .p-cascadeselect-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } @@ -645,42 +763,40 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1.25rem; + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: #424b57; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } .p-input-filled .p-cascadeselect { - background: #0b213f; + background: #424b57; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: #424b57; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { @@ -705,8 +821,8 @@ height: 22px; } .p-checkbox .p-checkbox-box { - border: 2px solid #0b213f; - background: #040d19; + border: 2px solid #424b57; + background: #111827; width: 22px; height: 22px; color: rgba(255, 255, 255, 0.87); @@ -715,7 +831,7 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #1c2127; + color: #030712; font-size: 14px; } .p-checkbox .p-checkbox-box .p-icon { @@ -723,63 +839,68 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #A5B4FC; - background: #A5B4FC; + border-color: #818cf8; + background: #818cf8; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #A5B4FC; + border-color: #818cf8; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #7d92fb; - background: #7d92fb; - color: #1c2127; + border-color: #c7d2fe; + background: #c7d2fe; + color: #030712; } p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #A5B4FC; + background: #818cf8; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #7d92fb; + background: #c7d2fe; } .p-checkbox-label { margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #A5B4FC; + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #818cf8; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; - background: rgba(165, 180, 252, 0.16); + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #6b7280; color: rgba(255, 255, 255, 0.87); - border-radius: 6px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -788,16 +909,16 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } p-chips.p-chips-clearable .p-inputtext { @@ -815,8 +936,8 @@ } .p-colorpicker-panel { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; } .p-colorpicker-panel .p-colorpicker-color-handle, .p-colorpicker-panel .p-colorpicker-hue-handle { @@ -828,19 +949,19 @@ } .p-dropdown { - background: #040d19; - border: 1px solid #0b213f; + background: #111827; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-dropdown:not(.p-disabled):hover { - border-color: #A5B4FC; + border-color: #818cf8; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -852,7 +973,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -867,19 +988,22 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } .p-dropdown-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -906,152 +1030,56 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); + background: #424b57; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.03); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { - background: #0b213f; + background: #424b57; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #071426; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #0b213f; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #071426; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 0.75rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #0b213f; - } - .p-editor-container .p-editor-content .ql-editor { - background: #040d19; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #A5B4FC; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #A5B4FC; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #A5B4FC; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #A5B4FC; - } - .p-inputgroup-addon { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #0b213f; - border-left: 1px solid #0b213f; - border-bottom: 1px solid #0b213f; + border-top: 1px solid #424b57; + border-left: 1px solid #424b57; + border-bottom: 1px solid #424b57; padding: 0.75rem 0.75rem; min-width: 3rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid #0b213f; + border-right: 1px solid #424b57; } .p-inputgroup > .p-component, @@ -1116,7 +1144,7 @@ } p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } p-inputmask.p-inputmask-clearable .p-inputtext { @@ -1128,7 +1156,7 @@ } p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { @@ -1151,7 +1179,7 @@ height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { - background: #233752; + background: #6b7280; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } @@ -1170,23 +1198,23 @@ .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #0b213f; + background: #424b57; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #A5B4FC; + background: #818cf8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); + background: #030712; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #91a3fb; + background: #a5b4fc; } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext { @@ -1194,24 +1222,24 @@ font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: rgba(255, 255, 255, 0.87); - background: #040d19; + background: #111827; padding: 0.75rem 0.75rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 6px; } .p-inputtext:enabled:hover { - border-color: #A5B4FC; + border-color: #818cf8; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-inputtext.ng-dirty.ng-invalid { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1229,7 +1257,7 @@ } .p-float-label > .ng-invalid.ng-dirty + label { - color: #FCA5A5; + color: #fca5a5; } .p-input-icon-left > .p-icon-wrapper.p-icon, @@ -1273,13 +1301,13 @@ } .p-input-filled .p-inputtext { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-inputtext:enabled:hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-inputtext:enabled:focus { - background-color: #0b213f; + background-color: #424b57; } .p-inputtext-sm .p-inputtext { @@ -1293,16 +1321,17 @@ } .p-listbox { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1319,6 +1348,7 @@ } .p-listbox .p-listbox-list { padding: 0.75rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1330,12 +1360,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); - } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); + background: rgba(129, 140, 248, 0.16); } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; @@ -1344,7 +1369,7 @@ margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; } .p-listbox .p-listbox-list .p-listbox-empty-message { @@ -1352,29 +1377,42 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-multiselect { - background: #040d19; - border: 1px solid #0b213f; + background: #111827; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { - border-color: #A5B4FC; + border-color: #818cf8; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; @@ -1383,14 +1421,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; - background: rgba(165, 180, 252, 0.16); + margin-right: 0.5rem; + background: #424b57; color: rgba(255, 255, 255, 0.87); - border-radius: 6px; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1403,22 +1439,30 @@ border-bottom-right-radius: 6px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + .p-multiselect-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1451,7 +1495,7 @@ .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1467,17 +1511,19 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1485,7 +1531,7 @@ margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { @@ -1494,43 +1540,35 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - .p-input-filled .p-multiselect { - background: #0b213f; + background: #424b57; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: #424b57; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-password-panel { padding: 1.25rem; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; - background: #0b213f; + background: #424b57; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #eb9a9c; @@ -1563,8 +1601,8 @@ height: 22px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid #0b213f; - background: #040d19; + border: 2px solid #424b57; + background: #111827; width: 22px; height: 22px; color: rgba(255, 255, 255, 0.87); @@ -1572,45 +1610,45 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #A5B4FC; + border-color: #818cf8; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; - background-color: #1c2127; + background-color: #030712; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #A5B4FC; - background: #A5B4FC; + border-color: #818cf8; + background: #818cf8; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #7d92fb; - background: #7d92fb; - color: #1c2127; + border-color: #c7d2fe; + background: #c7d2fe; + color: #030712; } p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #A5B4FC; + background: #818cf8; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #7d92fb; + background: #c7d2fe; } .p-radiobutton-label { @@ -1620,40 +1658,37 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f48fb1; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - } - .p-rating .p-rating-icon:first-child { - margin-left: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } - .p-rating .p-rating-icon.p-rating-icon-active { - color: #A5B4FC; + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #818cf8; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #A5B4FC; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #818cf8; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; } .p-selectbutton .p-button { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1663,7 +1698,7 @@ } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, @@ -1671,30 +1706,30 @@ color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { - background: #A5B4FC; - border-color: #A5B4FC; - color: #1c2127; + background: #818cf8; + border-color: #818cf8; + color: #030712; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #1c2127; + color: #030712; } .p-selectbutton .p-button.p-highlight:hover { - background: #91a3fb; - border-color: #91a3fb; - color: #1c2127; + background: #a5b4fc; + border-color: #a5b4fc; + color: #030712; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; + color: #030712; } p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-slider { - background: #0b213f; + background: #424b57; border: 0 none; border-radius: 6px; } @@ -1715,22 +1750,22 @@ .p-slider .p-slider-handle { height: 1.143rem; width: 1.143rem; - background: #0b213f; - border: 2px solid #A5B4FC; + background: #424b57; + border: 2px solid #818cf8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-slider .p-slider-range { - background: #A5B4FC; + background: #818cf8; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #A5B4FC; - border-color: #A5B4FC; + background: #818cf8; + border-color: #818cf8; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; @@ -1746,8 +1781,8 @@ } .p-togglebutton.p-button { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1757,7 +1792,7 @@ } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, @@ -1765,42 +1800,42 @@ color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { - background: #A5B4FC; - border-color: #A5B4FC; - color: #1c2127; + background: #818cf8; + border-color: #818cf8; + color: #030712; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #1c2127; + color: #030712; } .p-togglebutton.p-button.p-highlight:hover { - background: #91a3fb; - border-color: #91a3fb; - color: #1c2127; + background: #a5b4fc; + border-color: #a5b4fc; + color: #030712; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; + color: #030712; } p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-treeselect { - background: #040d19; - border: 1px solid #0b213f; + background: #111827; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { - border-color: #A5B4FC; + border-color: #818cf8; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - border-color: #A5B4FC; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + border-color: #818cf8; } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; @@ -1812,7 +1847,7 @@ .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #0b213f; + background: #424b57; color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1825,7 +1860,7 @@ } p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { @@ -1833,17 +1868,17 @@ } .p-treeselect-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-treeselect-panel .p-treeselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1881,7 +1916,7 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; @@ -1893,13 +1928,13 @@ } .p-input-filled .p-treeselect { - background: #0b213f; + background: #424b57; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: #424b57; } p-treeselect.p-treeselect-clearable .p-treeselect-label-container { @@ -1911,81 +1946,81 @@ } .p-button { - color: #1c2127; - background: #A5B4FC; - border: 1px solid #A5B4FC; + color: #030712; + background: #818cf8; + border: 1px solid #818cf8; padding: 0.75rem 1.25rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } - .p-button:enabled:hover { - background: #91a3fb; - color: #1c2127; - border-color: #91a3fb; + .p-button:not(:disabled):hover { + background: #a5b4fc; + color: #030712; + border-color: #a5b4fc; } - .p-button:enabled:active { - background: #7d92fb; - color: #1c2127; - border-color: #7d92fb; + .p-button:not(:disabled):active { + background: #c7d2fe; + color: #030712; + border-color: #c7d2fe; } .p-button.p-button-outlined { background-color: transparent; - color: #A5B4FC; + color: #818cf8; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { - background: rgba(165, 180, 252, 0.04); - color: #A5B4FC; + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(129, 140, 248, 0.04); + color: #818cf8; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { - background: rgba(165, 180, 252, 0.16); - color: #A5B4FC; + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(129, 140, 248, 0.16); + color: #818cf8; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } .p-button.p-button-text { background-color: transparent; - color: #A5B4FC; + color: #818cf8; border-color: transparent; } - .p-button.p-button-text:enabled:hover { - background: rgba(165, 180, 252, 0.04); - color: #A5B4FC; + .p-button.p-button-text:not(:disabled):hover { + background: rgba(129, 140, 248, 0.04); + color: #818cf8; border-color: transparent; } - .p-button.p-button-text:enabled:active { - background: rgba(165, 180, 252, 0.16); - color: #A5B4FC; + .p-button.p-button-text:not(:disabled):active { + background: rgba(129, 140, 248, 0.16); + color: #818cf8; border-color: transparent; } .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-button .p-button-label { transition-duration: 0.2s; @@ -2007,8 +2042,8 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #A5B4FC; - background-color: #1c2127; + color: #818cf8; + background-color: #030712; } .p-button.p-button-raised { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); @@ -2062,321 +2097,441 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #1c2127; - background: #CBD5E1; - border: 1px solid #CBD5E1; - } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #95a9c2; - color: #1c2127; - border-color: #95a9c2; - } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #020617; + background: #94a3b8; + border: 1px solid #94a3b8; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #cbd5e1; + color: #020617; + border-color: #cbd5e1; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #b4bfcd; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #020617; + border-color: #e2e8f0; + } + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #CBD5E1; + color: #94a3b8; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(148, 163, 184, 0.04); + color: #94a3b8; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(203, 213, 225, 0.16); - color: #CBD5E1; + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(148, 163, 184, 0.16); + color: #94a3b8; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #CBD5E1; + color: #94a3b8; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(203, 213, 225, 0.04); + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(148, 163, 184, 0.04); border-color: transparent; - color: #CBD5E1; + color: #94a3b8; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(203, 213, 225, 0.16); + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(148, 163, 184, 0.16); border-color: transparent; - color: #CBD5E1; - } - - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; - } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #449bfc; - color: #1c2127; - border-color: #449bfc; - } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + color: #94a3b8; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #74d1fa; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #93C5FD; + color: #38bdf8; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #93C5FD; + color: #38bdf8; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(147, 197, 253, 0.04); + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); border-color: transparent; - color: #93C5FD; + color: #38bdf8; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(147, 197, 253, 0.16); + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); border-color: transparent; - color: #93C5FD; - } - - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #1c2127; - background: #86EFAC; - border: 1px solid #86EFAC; - } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #44e67f; - color: #1c2127; - border-color: #44e67f; - } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #80e8a6; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #86EFAC; + color: #4ade80; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(134, 239, 172, 0.16); - color: #86EFAC; + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #86EFAC; + color: #4ade80; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(134, 239, 172, 0.04); + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); border-color: transparent; - color: #86EFAC; + color: #4ade80; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(134, 239, 172, 0.16); + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); border-color: transparent; - color: #86EFAC; - } - - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #1c2127; - background: #FCD34D; - border: 1px solid #FCD34D; - } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #fbc30c; - color: #1c2127; - border-color: #fbc30c; - } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #fcb377; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FCD34D; + color: #fb923c; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(252, 211, 77, 0.16); - color: #FCD34D; + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FCD34D; + color: #fb923c; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(252, 211, 77, 0.04); + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); border-color: transparent; - color: #FCD34D; + color: #fb923c; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(252, 211, 77, 0.16); + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); border-color: transparent; - color: #FCD34D; - } - - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #1c2127; - background: #D8B4FE; - border: 1px solid #D8B4FE; - } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #ab5efd; - color: #1c2127; - border-color: #ab5efd; - } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #d3a9fd; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #D8B4FE; + color: #c084fc; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(216, 180, 254, 0.16); - color: #D8B4FE; + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #D8B4FE; + color: #c084fc; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(216, 180, 254, 0.04); + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); border-color: transparent; - color: #D8B4FE; + color: #c084fc; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(216, 180, 254, 0.16); + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); border-color: transparent; - color: #D8B4FE; - } - - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #1c2127; - background: #FCA5A5; - border: 1px solid #FCA5A5; - } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #f95454; - color: #1c2127; - border-color: #f95454; - } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #fa9c9c; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #FCA5A5; + color: #f87171; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(252, 165, 165, 0.16); - color: #FCA5A5; + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #FCA5A5; + color: #f87171; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(252, 165, 165, 0.04); + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); border-color: transparent; - color: #FCA5A5; + color: #f87171; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(252, 165, 165, 0.16); + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); border-color: transparent; - color: #FCA5A5; + color: #f87171; } .p-button.p-button-link { - color: #A5B4FC; + color: #818cf8; background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #A5B4FC; + color: #818cf8; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; - box-shadow: 0 0 0 1px rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 1px rgba(129, 140, 248, 0.2); border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #A5B4FC; + color: #818cf8; border-color: transparent; } @@ -2399,18 +2554,18 @@ .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-speeddial-action { width: 3rem; height: 3rem; background: rgba(255, 255, 255, 0.87); - color: #040d19; + color: #111827; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); - color: #040d19; + color: #111827; } .p-speeddial-direction-up .p-speeddial-item { @@ -2463,52 +2618,52 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #A5B4FC; + color: #818cf8; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(165, 180, 252, 0.04); - color: #A5B4FC; + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(129, 140, 248, 0.04); + color: #818cf8; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(165, 180, 252, 0.16); - color: #A5B4FC; + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(129, 140, 248, 0.16); + color: #818cf8; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #A5B4FC; + color: #818cf8; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(165, 180, 252, 0.04); - color: #A5B4FC; + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(129, 140, 248, 0.04); + color: #818cf8; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(165, 180, 252, 0.16); - color: #A5B4FC; + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(129, 140, 248, 0.16); + color: #818cf8; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2538,176 +2693,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #CBD5E1; + color: #94a3b8; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(148, 163, 184, 0.04); + color: #94a3b8; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(203, 213, 225, 0.16); - color: #CBD5E1; + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(148, 163, 184, 0.16); + color: #94a3b8; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #CBD5E1; + color: #94a3b8; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(203, 213, 225, 0.04); + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(148, 163, 184, 0.04); border-color: transparent; - color: #CBD5E1; + color: #94a3b8; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(203, 213, 225, 0.16); + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(148, 163, 184, 0.16); border-color: transparent; - color: #CBD5E1; + color: #94a3b8; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #93C5FD; + color: #38bdf8; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #93C5FD; + color: #38bdf8; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); border-color: transparent; - color: #93C5FD; + color: #38bdf8; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); border-color: transparent; - color: #93C5FD; + color: #38bdf8; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #86EFAC; + color: #4ade80; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(134, 239, 172, 0.16); - color: #86EFAC; + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #86EFAC; + color: #4ade80; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(134, 239, 172, 0.04); + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); border-color: transparent; - color: #86EFAC; + color: #4ade80; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(134, 239, 172, 0.16); + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); border-color: transparent; - color: #86EFAC; + color: #4ade80; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FCD34D; + color: #fb923c; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 211, 77, 0.16); - color: #FCD34D; + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FCD34D; + color: #fb923c; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 211, 77, 0.04); + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); border-color: transparent; - color: #FCD34D; + color: #fb923c; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 211, 77, 0.16); + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); border-color: transparent; - color: #FCD34D; + color: #fb923c; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #D8B4FE; + color: #c084fc; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(216, 180, 254, 0.16); - color: #D8B4FE; + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #D8B4FE; + color: #c084fc; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(216, 180, 254, 0.04); + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); border-color: transparent; - color: #D8B4FE; + color: #c084fc; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(216, 180, 254, 0.16); + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); border-color: transparent; - color: #D8B4FE; + color: #c084fc; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #FCA5A5; + color: #f87171; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 165, 165, 0.16); - color: #FCA5A5; + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #FCA5A5; + color: #f87171; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 165, 165, 0.04); + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); border-color: transparent; - color: #FCA5A5; + color: #f87171; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 165, 165, 0.16); + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); border-color: transparent; - color: #FCA5A5; + color: #f87171; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -2731,7 +2886,7 @@ .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2741,7 +2896,7 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #0b213f; + background-color: #424b57; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -2751,7 +2906,7 @@ background: rgba(255, 255, 255, 0.03); } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); color: rgba(255, 255, 255, 0.87); } @@ -2764,17 +2919,17 @@ border-radius: 0; } .p-datatable .p-datatable-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-footer { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -2782,21 +2937,21 @@ .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; } .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); @@ -2808,7 +2963,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -2819,31 +2974,31 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight { - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); outline: 0 none; } .p-datatable .p-datatable-tbody > tr { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -2873,40 +3028,40 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(165, 180, 252, 0.5); + outline: 0.15rem solid rgba(129, 140, 248, 0.2); outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(165, 180, 252, 0.16); + box-shadow: inset 0 2px 0 0 rgba(129, 140, 248, 0.16); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(165, 180, 252, 0.16); + box-shadow: inset 0 -2px 0 0 rgba(129, 140, 248, 0.16); } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #A5B4FC; + background: #818cf8; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { - background: #071426; + background: #1f2937; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { - background-color: #071426; + background-color: #1f2937; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; @@ -2966,10 +3121,10 @@ border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: #0d1a2c; + background: #1c2532; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { @@ -3018,27 +3173,23 @@ border-radius: 0; } .p-dataview .p-dataview-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-dataview .p-dataview-content { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #0b213f; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3076,13 +3227,13 @@ color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-column-filter-clear-button { @@ -3102,13 +3253,13 @@ .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-column-filter-overlay { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); min-width: 12.5rem; @@ -3127,7 +3278,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -3136,25 +3287,25 @@ .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3172,295 +3323,6 @@ padding: 1.25rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #0b213f; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #0b213f; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #91a3fb; - border: 1px solid #91a3fb; - color: #1c2127; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #071426; - border: 1px solid #0b213f; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #1c2127; - background: #A5B4FC; - border: 1px solid #A5B4FC; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #91a3fb; - color: #1c2127; - border-color: #91a3fb; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #7d92fb; - color: #1c2127; - border-color: #7d92fb; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #A5B4FC; - border-color: #A5B4FC; - color: #1c2127; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #91a3fb; - border-color: #91a3fb; - color: #1c2127; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #0b213f; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #071426; - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #0b213f; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #071426; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #0b213f; - padding: 1.25rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #1c2127; - background: #91a3fb; - border-color: #91a3fb; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #1c2127; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #91a3fb; - border-color: #91a3fb; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #071426; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #1c2127; - background: #A5B4FC; - border: 1px solid #A5B4FC; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #91a3fb; - color: #1c2127; - border-color: #91a3fb; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #7d92fb; - color: #1c2127; - border-color: #7d92fb; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #1c2127; - background: #A5B4FC; - border: 1px solid #A5B4FC; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #A5B4FC; - border-color: #A5B4FC; - color: #1c2127; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #91a3fb; - border-color: #91a3fb; - color: #1c2127; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); - } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3468,9 +3330,9 @@ margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; @@ -3481,8 +3343,8 @@ } .p-orderlist .p-orderlist-filter-container { padding: 1.25rem; - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { @@ -3493,12 +3355,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3508,14 +3371,20 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 1.25rem; @@ -3526,7 +3395,7 @@ color: rgba(255, 255, 255, 0.87); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { - background: rgba(255, 255, 255, 0.01); + background: #1c2532; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); @@ -3537,7 +3406,7 @@ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border: 0 none; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; } @@ -3546,26 +3415,26 @@ color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(42, 77, 248, 0.16); + color: rgba(13, 34, 236, 0.16); } .p-organizationchart .p-organizationchart-line-down { - background: #0b213f; + background: #424b57; } .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #0b213f; - border-color: #0b213f; + border-right: 1px solid #424b57; + border-color: #424b57; } .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #0b213f; - border-color: #0b213f; + border-top: 1px solid #424b57; + border-color: #424b57; } .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 1.25rem; } @@ -3577,13 +3446,13 @@ .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-paginator { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: solid #0b213f; + border: solid #424b57; border-width: 1px; padding: 0.5rem 1rem; border-radius: 6px; @@ -3652,8 +3521,8 @@ border-radius: 6px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(165, 180, 252, 0.16); - border-color: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); + border-color: rgba(129, 140, 248, 0.16); color: rgba(255, 255, 255, 0.87); } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3669,9 +3538,9 @@ margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; @@ -3682,8 +3551,8 @@ } .p-picklist .p-picklist-filter-container { padding: 1.25rem; - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { @@ -3694,12 +3563,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; @@ -3709,14 +3579,20 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 1.25rem; @@ -3727,7 +3603,7 @@ color: rgba(255, 255, 255, 0.87); } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { - background: rgba(255, 255, 255, 0.01); + background: #1c2532; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); @@ -3738,19 +3614,19 @@ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border: 0 none; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; } .p-timeline .p-timeline-event-marker { - border: 2px solid #A5B4FC; + border: 2px solid #818cf8; border-radius: 50%; width: 1rem; height: 1rem; - background-color: #1c2127; + background-color: #030712; } .p-timeline .p-timeline-event-connector { - background-color: #0b213f; + background-color: #424b57; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { @@ -3768,14 +3644,20 @@ } .p-tree { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 1.25rem; border-radius: 6px; } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3800,7 +3682,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; @@ -3812,13 +3694,8 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3859,18 +3736,18 @@ height: 2rem; } .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(84, 113, 249, 0.16); + background-color: rgba(58, 75, 244, 0.16); } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 6px; - border: 1px solid #0b213f; - background-color: #071426; + border: 1px solid #424b57; + background-color: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.5rem; transition: box-shadow 0.2s; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(165, 180, 252, 0.16); + background-color: rgba(129, 140, 248, 0.16); color: rgba(255, 255, 255, 0.87); } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { @@ -3897,7 +3774,7 @@ .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-treetable .p-paginator-top { @@ -3909,17 +3786,17 @@ border-radius: 0; } .p-treetable .p-treetable-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-footer { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3927,24 +3804,24 @@ .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; } .p-treetable .p-sortable-column { - outline-color: rgba(165, 180, 252, 0.5); + outline-color: rgba(129, 140, 248, 0.2); } .p-treetable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); @@ -3956,7 +3833,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3967,20 +3844,20 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-sortable-column.p-highlight { - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); color: rgba(255, 255, 255, 0.87); } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -4002,7 +3879,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { width: 2rem; @@ -4015,11 +3892,11 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(165, 180, 252, 0.5); + outline: 0.15rem solid rgba(129, 140, 248, 0.2); outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -4036,11 +3913,11 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #A5B4FC; + background: #818cf8; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { - background: #071426; + background: #1f2937; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; @@ -4102,23 +3979,23 @@ } .p-virtualscroller .p-virtualscroller-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-virtualscroller .p-virtualscroller-content { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border: 0 none; padding: 0; } .p-virtualscroller .p-virtualscroller-footer { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -4128,9 +4005,9 @@ .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; @@ -4141,29 +4018,29 @@ .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #071426; - border-color: #0b213f; + background: #1f2937; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #0b213f; + border-color: #424b57; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } .p-accordion .p-accordion-content { padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border-top: 0; border-top-right-radius: 0; @@ -4176,7 +4053,7 @@ } .p-card { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; @@ -4202,14 +4079,14 @@ } .p-divider .p-divider-content { - background-color: #071426; + background-color: #1f2937; } .p-divider.p-divider-horizontal { margin: 1.25rem 0; padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px #0b213f; + border-top: 1px #424b57; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -4219,23 +4096,23 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px #0b213f; + border-left: 1px #424b57; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-fieldset { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.25rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; font-weight: 700; border-radius: 6px; } @@ -4255,11 +4132,11 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-fieldset .p-fieldset-content { @@ -4267,9 +4144,9 @@ } .p-panel .p-panel-header { - border: 1px solid #0b213f; + border: 1px solid #424b57; padding: 1.25rem; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4294,25 +4171,29 @@ .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; } .p-panel .p-panel-content { padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4330,13 +4211,13 @@ } .p-scrollpanel .p-scrollpanel-bar { - background: #0b213f; + background: #424b57; border: 0 none; } .p-splitter { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; border-radius: 6px; color: rgba(255, 255, 255, 0.87); } @@ -4345,10 +4226,10 @@ background: rgba(255, 255, 255, 0.03); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #0b213f; + background: #424b57; } .p-splitter .p-splitter-gutter-resizing { - background: #0b213f; + background: #424b57; } .p-tabview .p-tabview-nav-content { @@ -4356,17 +4237,17 @@ } .p-tabview .p-tabview-nav { background: transparent; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #0b213f; + border: solid #424b57; border-width: 0 0 2px 0; - border-color: transparent transparent #0b213f transparent; - background: #071426; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; color: rgba(255, 255, 255, 0.6); padding: 1.25rem; font-weight: 700; @@ -4378,17 +4259,17 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #071426; - border-color: #A5B4FC; + background: #1f2937; + border-color: #818cf8; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #071426; - border-color: #A5B4FC; - color: #A5B4FC; + background: #1f2937; + border-color: #818cf8; + color: #818cf8; } .p-tabview .p-tabview-left-icon { margin-right: 0.5rem; @@ -4400,8 +4281,8 @@ margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { - background: #071426; - color: #A5B4FC; + background: #1f2937; + color: #818cf8; width: 3rem; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; @@ -4409,10 +4290,10 @@ .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-tabview .p-tabview-panels { - background: #071426; + background: #1f2937; padding: 1.25rem; border: 0 none; color: rgba(255, 255, 255, 0.87); @@ -4421,8 +4302,8 @@ } .p-toolbar { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; padding: 1.25rem; border-radius: 6px; gap: 0.5rem; @@ -4432,9 +4313,9 @@ } .p-confirm-popup { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } @@ -4454,19 +4335,19 @@ } .p-confirm-popup:after { border: solid transparent; - border-color: rgba(7, 20, 38, 0); - border-bottom-color: #071426; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; } .p-confirm-popup:before { border: solid transparent; - border-color: rgba(11, 33, 63, 0); - border-bottom-color: #0b213f; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #424b57; } .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #071426; + border-top-color: #1f2937; } .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #0b213f; + border-top-color: #424b57; } .p-confirm-popup .p-confirm-popup-icon { font-size: 1.5rem; @@ -4482,11 +4363,11 @@ .p-dialog { border-radius: 6px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 1px solid #0b213f; + border: 1px solid #424b57; } .p-dialog .p-dialog-header { border-bottom: 0 none; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 1.5rem; border-top-right-radius: 6px; @@ -4514,13 +4395,13 @@ .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0 1.5rem 2rem 1.5rem; } @@ -4530,7 +4411,7 @@ } .p-dialog .p-dialog-footer { border-top: 0 none; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; @@ -4553,9 +4434,9 @@ } .p-overlaypanel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } @@ -4563,8 +4444,8 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #A5B4FC; - color: #1c2127; + background: #818cf8; + color: #030712; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -4574,30 +4455,30 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #91a3fb; - color: #1c2127; + background: #a5b4fc; + color: #030712; } .p-overlaypanel:after { border: solid transparent; - border-color: rgba(7, 20, 38, 0); - border-bottom-color: #071426; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; } .p-overlaypanel:before { border: solid transparent; - border-color: rgba(11, 33, 63, 0); - border-bottom-color: #0a1f3c; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #3f4753; } .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #071426; + border-top-color: #1f2937; } .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #0b213f; + border-top-color: #424b57; } .p-sidebar { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .p-sidebar .p-sidebar-header { @@ -4623,7 +4504,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4636,29 +4517,29 @@ } .p-tooltip .p-tooltip-text { - background: #0b213f; + background: #424b57; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0.75rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #0b213f; + border-right-color: #424b57; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #0b213f; + border-left-color: #424b57; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #0b213f; + border-top-color: #424b57; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #0b213f; + border-bottom-color: #424b57; } .p-fileupload .p-fileupload-buttonbar { - background: #071426; + background: #1f2937; padding: 1.25rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); border-bottom: 0 none; border-top-right-radius: 6px; @@ -4670,20 +4551,20 @@ .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-fileupload .p-fileupload-content { - background: #071426; + background: #1f2937; padding: 2rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #A5B4FC; + border-color: 1px dashed #818cf8; border-style: dashed; - background-color: rgba(165, 180, 252, 0.16); + background-color: rgba(129, 140, 248, 0.16); } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4696,19 +4577,19 @@ } .p-fileupload-choose:not(.p-disabled):hover { - background: #91a3fb; - color: #1c2127; - border-color: #91a3fb; + background: #a5b4fc; + color: #030712; + border-color: #a5b4fc; } .p-fileupload-choose:not(.p-disabled):active { - background: #7d92fb; - color: #1c2127; - border-color: #7d92fb; + background: #c7d2fe; + color: #030712; + border-color: #c7d2fe; } .p-breadcrumb { - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; border-radius: 6px; padding: 1rem; } @@ -4719,7 +4600,7 @@ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); @@ -4740,9 +4621,9 @@ .p-contextmenu { padding: 0.25rem 0; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; width: 12.5rem; @@ -4752,8 +4633,8 @@ } .p-contextmenu .p-submenu-list { padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } @@ -4779,25 +4660,27 @@ } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4807,11 +4690,12 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { @@ -4838,7 +4722,7 @@ .p-dock .p-dock-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); } .p-dock .p-dock-link { width: 4rem; @@ -4893,9 +4777,9 @@ } .p-megamenu { padding: 0.5rem; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; } .p-megamenu .p-megamenu-root-list { @@ -4923,25 +4807,27 @@ } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4951,20 +4837,21 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4974,7 +4861,7 @@ width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-megamenu.p-megamenu-vertical { @@ -5008,15 +4895,16 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu { padding: 0.25rem 0; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; width: 12.5rem; } @@ -5042,25 +4930,27 @@ } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5070,30 +4960,31 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menu .p-menuitem-badge { - background: #A5B4FC; - color: #1c2127; + background: #818cf8; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5107,9 +4998,9 @@ .p-menubar { padding: 0.5rem; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; } .p-menubar .p-menubar-root-list { @@ -5142,7 +5033,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5167,25 +5059,27 @@ } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5195,18 +5089,19 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { @@ -5232,19 +5127,19 @@ .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-menubar .p-menubar-root-list { position: absolute; display: none; padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -5305,9 +5200,9 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; border-radius: 6px; transition: box-shadow 0.2s; } @@ -5325,30 +5220,30 @@ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #071426; - border-color: #0b213f; + background: #1f2937; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #0b213f; + border-color: #424b57; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border-top: 0; border-top-right-radius: 0; @@ -5381,25 +5276,27 @@ } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5409,14 +5306,15 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -5428,9 +5326,9 @@ .p-slidemenu { padding: 0.25rem 0; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; width: 12.5rem; } @@ -5462,25 +5360,27 @@ } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5490,22 +5390,23 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-slidemenu-list { padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-slidemenu .p-slidemenu-icon { @@ -5522,11 +5423,11 @@ .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-slidemenu .p-menuitem-badge { - background: #A5B4FC; - color: #1c2127; + background: #818cf8; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5562,10 +5463,10 @@ .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); color: rgba(255, 255, 255, 0.87); } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5574,7 +5475,7 @@ } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; width: 100%; top: 50%; left: 0; @@ -5585,12 +5486,12 @@ .p-tabmenu .p-tabmenu-nav { background: transparent; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #A5B4FC; - color: #1c2127; + background: #818cf8; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5605,10 +5506,10 @@ margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #0b213f; + border: solid #424b57; border-width: 0 0 2px 0; - border-color: transparent transparent #0b213f transparent; - background: #071426; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; color: rgba(255, 255, 255, 0.6); padding: 1.25rem; font-weight: 700; @@ -5623,17 +5524,17 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #071426; - border-color: #A5B4FC; + background: #1f2937; + border-color: #818cf8; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #071426; - border-color: #A5B4FC; - color: #A5B4FC; + background: #1f2937; + border-color: #818cf8; + color: #818cf8; } .p-tabmenu .p-tabmenu-left-icon { margin-right: 0.5rem; @@ -5642,8 +5543,8 @@ margin-left: 0.5rem; } .p-tabmenu .p-tabmenu-nav-btn.p-link { - background: #071426; - color: #A5B4FC; + background: #1f2937; + color: #818cf8; width: 3rem; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; @@ -5651,20 +5552,20 @@ .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-tieredmenu { padding: 0.25rem 0; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; width: 12.5rem; } .p-tieredmenu.p-tieredmenu-overlay { - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-tieredmenu-root-list { @@ -5672,8 +5573,8 @@ } .p-tieredmenu .p-submenu-list { padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-menuitem > .p-menuitem-content { @@ -5698,25 +5599,27 @@ } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(165, 180, 252, 0.24); + background: rgba(129, 140, 248, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5726,11 +5629,12 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5747,40 +5651,40 @@ border-radius: 6px; } .p-inline-message.p-inline-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; border-width: 1px; - color: #696cff; + color: #93c5fd; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #696cff; + color: #93c5fd; } .p-inline-message.p-inline-message-success { - background: #e4f8f0; - border: solid #1ea97c; + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; border-width: 1px; - color: #1ea97c; + color: #6ee7b7; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1ea97c; + color: #6ee7b7; } .p-inline-message.p-inline-message-warn { - background: #fff2e2; - border: solid #cc8925; + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; border-width: 1px; - color: #cc8925; + color: #fde047; } .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #cc8925; + color: #fde047; } .p-inline-message.p-inline-message-error { - background: #ffe7e6; - border: solid #ff5757; + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; border-width: 1px; - color: #ff5757; + color: #fca5a5; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #ff5757; + color: #fca5a5; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5817,59 +5721,59 @@ .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-message.p-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; border-width: 0 0 0 6px; - color: #696cff; + color: #93c5fd; } .p-message.p-message-info .p-message-icon { - color: #696cff; + color: #93c5fd; } .p-message.p-message-info .p-message-close { - color: #696cff; + color: #93c5fd; } .p-message.p-message-success { - background: #e4f8f0; - border: solid #1ea97c; + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; border-width: 0 0 0 6px; - color: #1ea97c; + color: #6ee7b7; } .p-message.p-message-success .p-message-icon { - color: #1ea97c; + color: #6ee7b7; } .p-message.p-message-success .p-message-close { - color: #1ea97c; + color: #6ee7b7; } .p-message.p-message-warn { - background: #fff2e2; - border: solid #cc8925; + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; border-width: 0 0 0 6px; - color: #cc8925; + color: #fde047; } .p-message.p-message-warn .p-message-icon { - color: #cc8925; + color: #fde047; } .p-message.p-message-warn .p-message-close { - color: #cc8925; + color: #fde047; } .p-message.p-message-error { - background: #ffe7e6; - border: solid #ff5757; + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; border-width: 0 0 0 6px; - color: #ff5757; + color: #fca5a5; } .p-message.p-message-error .p-message-icon { - color: #ff5757; + color: #fca5a5; } .p-message.p-message-error .p-message-close { - color: #ff5757; + color: #fca5a5; } .p-message .p-message-text { font-size: 1rem; - font-weight: 400; + font-weight: 500; } .p-message .p-message-icon { font-size: 1.5rem; @@ -5887,7 +5791,7 @@ } .p-toast { - opacity: 0.9; + opacity: 1; } .p-toast .p-toast-message { margin: 0 0 1rem 0; @@ -5927,47 +5831,47 @@ .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-toast .p-toast-message.p-toast-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; border-width: 0 0 0 6px; - color: #696cff; + color: #93c5fd; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #696cff; + color: #93c5fd; } .p-toast .p-toast-message.p-toast-message-success { - background: #e4f8f0; - border: solid #1ea97c; + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; border-width: 0 0 0 6px; - color: #1ea97c; + color: #6ee7b7; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1ea97c; + color: #6ee7b7; } .p-toast .p-toast-message.p-toast-message-warn { - background: #fff2e2; - border: solid #cc8925; + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; border-width: 0 0 0 6px; - color: #cc8925; + color: #fde047; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #cc8925; + color: #fde047; } .p-toast .p-toast-message.p-toast-message-error { - background: #ffe7e6; - border: solid #ff5757; + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; border-width: 0 0 0 6px; - color: #ff5757; + color: #fca5a5; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #ff5757; + color: #fca5a5; } .p-galleria .p-galleria-close { @@ -6020,7 +5924,7 @@ padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #0b213f; + background-color: #424b57; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -6030,7 +5934,7 @@ background: rgba(255, 255, 255, 0.1); } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); color: rgba(255, 255, 255, 0.87); } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -6049,7 +5953,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); color: rgba(255, 255, 255, 0.87); } .p-galleria .p-galleria-thumbnail-container { @@ -6074,7 +5978,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-galleria-mask { @@ -6124,7 +6028,7 @@ } .p-avatar { - background-color: #0b213f; + background-color: #424b57; border-radius: 6px; } .p-avatar.p-avatar-lg { @@ -6145,12 +6049,12 @@ } .p-avatar-group .p-avatar { - border: 2px solid #071426; + border: 2px solid #1f2937; } .p-badge { - background: #A5B4FC; - color: #1c2127; + background: #818cf8; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -6158,24 +6062,24 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #CBD5E1; - color: #1c2127; + background-color: #94a3b8; + color: #020617; } .p-badge.p-badge-success { - background-color: #86EFAC; - color: #1c2127; + background-color: #4ade80; + color: #052e16; } .p-badge.p-badge-info { - background-color: #93C5FD; - color: #1c2127; + background-color: #38bdf8; + color: #082f49; } .p-badge.p-badge-warning { - background-color: #FCD34D; - color: #1c2127; + background-color: #fb923c; + color: #431407; } .p-badge.p-badge-danger { - background-color: #FCA5A5; - color: #1c2127; + background-color: #f87171; + color: #450a0a; } .p-badge.p-badge-lg { font-size: 1.125rem; @@ -6191,7 +6095,7 @@ } .p-chip { - background-color: #0b213f; + background-color: #424b57; color: rgba(255, 255, 255, 0.87); border-radius: 16px; padding: 0 0.75rem; @@ -6220,7 +6124,7 @@ .p-chip .pi-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-chip .pi-chip-remove-icon:focus { outline: 0 none; @@ -6238,22 +6142,22 @@ .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } .p-progressbar { border: 0 none; height: 1.5rem; - background: #0b213f; + background: #424b57; border-radius: 6px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #A5B4FC; + background: #818cf8; } .p-progressbar .p-progressbar-label { - color: #1c2127; + color: #030712; line-height: 1.5rem; } @@ -6265,10 +6169,10 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { - background: rgba(165, 180, 252, 0.16); + background: rgba(129, 140, 248, 0.16); } .p-scrolltop.p-link:hover { - background: rgba(165, 180, 252, 0.3616); + background: rgba(129, 140, 248, 0.3616); } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; @@ -6288,28 +6192,28 @@ } .p-tag { - background: #A5B4FC; - color: #1c2127; + background: #818cf8; + color: #030712; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; border-radius: 6px; } .p-tag.p-tag-success { - background-color: #86EFAC; - color: #1c2127; + background-color: #4ade80; + color: #052e16; } .p-tag.p-tag-info { - background-color: #93C5FD; - color: #1c2127; + background-color: #38bdf8; + color: #082f49; } .p-tag.p-tag-warning { - background-color: #FCD34D; - color: #1c2127; + background-color: #fb923c; + color: #431407; } .p-tag.p-tag-danger { - background-color: #FCA5A5; - color: #1c2127; + background-color: #f87171; + color: #450a0a; } .p-tag .p-tag-icon { margin-right: 0.25rem; @@ -6321,9 +6225,9 @@ } .p-terminal { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; padding: 1.25rem; } .p-terminal .p-terminal-input { @@ -6337,6 +6241,11 @@ font-weight: 700; } + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -6344,49 +6253,82 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #A5B4FC; + background-color: #818cf8; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #A5B4FC; + background-color: #818cf8; } .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(165, 180, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(129, 140, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(148, 163, 184, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(134, 239, 172, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(74, 222, 128, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(56, 189, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 211, 77, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(251, 146, 60, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(216, 180, 254, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(192, 132, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 165, 165, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(248, 113, 113, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #818cf8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #818cf8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #A5B4FC; + box-shadow: inset 0 2px 0 0 #818cf8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #A5B4FC; + box-shadow: inset 0 -2px 0 0 #818cf8; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(129, 140, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #818cf8; + color: #030712; } } diff --git a/src/assets/components/themes/lara-dark-pink/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/lara-dark-pink/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/lara-dark-pink/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/lara-dark-pink/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/lara-dark-pink/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/lara-dark-pink/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/lara-dark-pink/theme.css b/src/assets/components/themes/lara-dark-pink/theme.css new file mode 100644 index 00000000000..3bb4e01dc36 --- /dev/null +++ b/src/assets/components/themes/lara-dark-pink/theme.css @@ -0,0 +1,6203 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family:"Inter var", sans-serif; + --font-feature-settings: "cv02","cv03","cv04","cv11"; + --surface-a:#1f2937; + --surface-b:#111827; + --surface-c:rgba(255, 255, 255, 0.03); + --surface-d:#424b57; + --surface-e:#1f2937; + --surface-f:#1f2937; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#f472b6; + --primary-color-text:#030712; + --surface-0: #111827; + --surface-50: #1f2937; + --surface-100: #374151; + --surface-200: #4b5563; + --surface-300: #6b7280; + --surface-400: #9ca3af; + --surface-500: #d1d5db; + --surface-600: #e5e7eb; + --surface-700: #f3f4f6; + --surface-800: #f9fafb; + --surface-900: #ffffff; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding:1.25rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#111827; + --surface-section:#111827; + --surface-card:#1f2937; + --surface-overlay:#1f2937; + --surface-border:rgba(255,255,255,.1); + --surface-hover:rgba(255,255,255,.03); + --focus-ring: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(244, 114, 182, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); + color-scheme: dark; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#fef8fb; + --primary-100:#fcdded; + --primary-200:#fac2e0; + --primary-300:#f8a8d2; + --primary-400:#f68dc4; + --primary-500:#f472b6; + --primary-600:#cf619b; + --primary-700:#ab507f; + --primary-800:#863f64; + --primary-900:#622e49; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2937; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-content .ql-editor { + background: #111827; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #f472b6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #f472b6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #f472b6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #f472b6; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.4; + } + + .p-error { + color: #FCA5A5; + } + + .p-text-secondary { + color: rgba(255, 255, 255, 0.6); + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #f472b6; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #FCA5A5; + } + + .p-autocomplete-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #FCA5A5; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #FCA5A5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + + .p-datepicker { + padding: 0.5rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #1f2937; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + margin: 0; + border-bottom: 1px solid #424b57; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 700; + padding: 0.5rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #f472b6; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; + } + .p-datepicker table th { + padding: 0.5rem; + } + .p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; + } + .p-datepicker table td { + padding: 0.5rem; + } + .p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: #f472b6; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #424b57; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #424b57; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1.25rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #424b57; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #111827; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #f472b6; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #FCA5A5; + } + + .p-cascadeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #FCA5A5; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #030712; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #f472b6; + background: #f472b6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #f472b6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #fbcfe8; + background: #fbcfe8; + color: #030712; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #FCA5A5; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #424b57; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #f472b6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #424b57; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #fbcfe8; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #f472b6; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #FCA5A5; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #1f2937; + border: 1px solid #424b57; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: rgba(255, 255, 255, 0.87); + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + + .p-dropdown { + background: #111827; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #f472b6; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #FCA5A5; + } + + .p-dropdown-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #424b57; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + .p-inputgroup-addon { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid #424b57; + border-left: 1px solid #424b57; + border-bottom: 1px solid #424b57; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #424b57; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #FCA5A5; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #FCA5A5; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #6b7280; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: rgba(255, 255, 255, 0.6); + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #424b57; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #f472b6; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #030712; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #f9a8d4; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #FCA5A5; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #111827; + padding: 0.75rem 0.75rem; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #f472b6; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #FCA5A5; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #FCA5A5; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); + } + + .p-input-filled .p-inputtext { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #424b57; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #424b57; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #FCA5A5; + } + + .p-multiselect { + background: #111827; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #f472b6; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-multiselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #FCA5A5; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #FCA5A5; + } + + .p-password-panel { + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #424b57; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #eb9a9c; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ffcf91; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #93deac; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #424b57; + background: #111827; + width: 22px; + height: 22px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #f472b6; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #030712; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #f472b6; + background: #f472b6; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #fbcfe8; + background: #fbcfe8; + color: #030712; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #FCA5A5; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #f472b6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #fbcfe8; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1.143rem; + height: 1.143rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #F48FB1; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #f472b6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #f472b6; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #F48FB1; + } + + .p-selectbutton .p-button { + background: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-selectbutton .p-button.p-highlight { + background: #f472b6; + border-color: #f472b6; + color: #030712; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #f9a8d4; + border-color: #f9a8d4; + color: #030712; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #FCA5A5; + } + + .p-slider { + background: #424b57; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 0.286rem; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; + } + .p-slider.p-slider-vertical { + width: 0.286rem; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; + } + .p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #424b57; + border: 2px solid #f472b6; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-slider .p-slider-range { + background: #f472b6; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #f472b6; + border-color: #f472b6; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #1f2937; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); + } + .p-togglebutton.p-button.p-highlight { + background: #f472b6; + border-color: #f472b6; + color: #030712; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #f9a8d4; + border-color: #f9a8d4; + color: #030712; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #030712; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #FCA5A5; + } + + .p-treeselect { + background: #111827; + border: 1px solid #424b57; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #f472b6; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + border-color: #f472b6; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #FCA5A5; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #424b57; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #424b57; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + + .p-button { + color: #030712; + background: #f472b6; + border: 1px solid #f472b6; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-button:enabled:hover { + background: #f9a8d4; + color: #030712; + border-color: #f9a8d4; + } + .p-button:enabled:active { + background: #fbcfe8; + color: #030712; + border-color: #fbcfe8; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #f472b6; + border: 1px solid; + } + .p-button.p-button-outlined:enabled:hover { + background: rgba(244, 114, 182, 0.04); + color: #f472b6; + border: 1px solid; + } + .p-button.p-button-outlined:enabled:active { + background: rgba(244, 114, 182, 0.16); + color: #f472b6; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text { + background-color: transparent; + color: #f472b6; + border-color: transparent; + } + .p-button.p-button-text:enabled:hover { + background: rgba(244, 114, 182, 0.04); + color: #f472b6; + border-color: transparent; + } + .p-button.p-button-text:enabled:active { + background: rgba(244, 114, 182, 0.16); + color: #f472b6; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #f472b6; + background-color: #030712; + } + .p-button.p-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 3rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #020617; + background: #94a3b8; + border: 1px solid #94a3b8; + } + .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #cbd5e1; + color: #020617; + border-color: #cbd5e1; + } + .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #b4bfcd; + } + .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #e2e8f0; + color: #020617; + border-color: #e2e8f0; + } + .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #94a3b8; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(148, 163, 184, 0.04); + color: #94a3b8; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(148, 163, 184, 0.16); + color: #94a3b8; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #94a3b8; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(148, 163, 184, 0.04); + border-color: transparent; + color: #94a3b8; + } + .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(148, 163, 184, 0.16); + border-color: transparent; + color: #94a3b8; + } + + .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #74d1fa; + } + .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + border: 1px solid; + } + .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #80e8a6; + } + .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + border: 1px solid; + } + .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fcb377; + } + .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + border: 1px solid; + } + .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #d3a9fd; + } + .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + border: 1px solid; + } + .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fa9c9c; + } + .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + border: 1px solid; + } + .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-button.p-button-link { + color: #f472b6; + background: transparent; + border: transparent; + } + .p-button.p-button-link:enabled:hover { + background: transparent; + color: #f472b6; + border-color: transparent; + } + .p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 1px rgba(244, 114, 182, 0.2); + border-color: transparent; + } + .p-button.p-button-link:enabled:active { + background: transparent; + color: #f472b6; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1.3rem; + height: 1.3rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: rgba(255, 255, 255, 0.87); + color: #111827; + } + .p-speeddial-action:hover { + background: rgba(255, 255, 255, 0.6); + color: #111827; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #f472b6; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 114, 182, 0.04); + color: #f472b6; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 114, 182, 0.16); + color: #f472b6; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #f472b6; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(244, 114, 182, 0.04); + color: #f472b6; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(244, 114, 182, 0.16); + color: #f472b6; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); + } + .p-splitbutton.p-button-raised { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #94a3b8; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(148, 163, 184, 0.04); + color: #94a3b8; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(148, 163, 184, 0.16); + color: #94a3b8; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #94a3b8; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(148, 163, 184, 0.04); + border-color: transparent; + color: #94a3b8; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(148, 163, 184, 0.16); + border-color: transparent; + color: #94a3b8; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #38bdf8; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #38bdf8; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(56, 189, 248, 0.04); + border-color: transparent; + color: #38bdf8; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(56, 189, 248, 0.16); + border-color: transparent; + color: #38bdf8; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4ade80; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4ade80; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(74, 222, 128, 0.04); + border-color: transparent; + color: #4ade80; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(74, 222, 128, 0.16); + border-color: transparent; + color: #4ade80; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #fb923c; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #fb923c; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(251, 146, 60, 0.04); + border-color: transparent; + color: #fb923c; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(251, 146, 60, 0.16); + border-color: transparent; + color: #fb923c; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #c084fc; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #c084fc; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(192, 132, 252, 0.04); + border-color: transparent; + color: #c084fc; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(192, 132, 252, 0.16); + border-color: transparent; + color: #c084fc; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f87171; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f87171; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(248, 113, 113, 0.04); + border-color: transparent; + color: #f87171; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(248, 113, 113, 0.16); + border-color: transparent; + color: #f87171; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #424b57; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.03); + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + + .p-datatable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid rgba(244, 114, 182, 0.2); + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(244, 114, 182, 0.16); + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(244, 114, 182, 0.16); + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable .p-column-resizer-helper { + background: #f472b6; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1f2937; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #1f2937; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #1c2532; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #424b57; + border-width: 0 0 1px 0; + } + .p-dataview .p-dataview-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 1.25rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + + .p-column-filter-overlay { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #424b57; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-orderlist .p-orderlist-list { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + outline: 0 none; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #1c2532; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(214, 17, 120, 0.16); + } + .p-organizationchart .p-organizationchart-line-down { + background: #424b57; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #424b57; + border-color: #424b57; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + + .p-paginator { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: solid #424b57; + border-width: 1px; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-first { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(244, 114, 182, 0.16); + border-color: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #1f2937; + border: 1px solid #424b57; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-picklist .p-picklist-list { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + outline: 0 none; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: box-shadow 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #1c2532; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: rgba(255, 255, 255, 0.03); + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #f472b6; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #030712; + } + .p-timeline .p-timeline-event-connector { + background-color: #424b57; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: box-shadow 0.2s; + padding: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(239, 48, 148, 0.16); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #424b57; + background-color: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + + .p-treetable .p-paginator-top { + border-width: 1px 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + } + .p-treetable .p-sortable-column { + outline-color: rgba(244, 114, 182, 0.2); + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid rgba(244, 114, 182, 0.2); + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); + } + .p-treetable .p-column-resizer-helper { + background: #f472b6; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1f2937; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 4px; + } + + .p-card { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.25rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #1f2937; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #424b57; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #424b57; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + font-weight: 700; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.25rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #424b57; + padding: 1.25rem; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 700; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0.75rem 1.25rem; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #424b57; + border: 0 none; + } + + .p-splitter { + border: 1px solid #424b57; + background: #1f2937; + border-radius: 6px; + color: rgba(255, 255, 255, 0.87); + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.03); + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #424b57; + } + .p-splitter .p-splitter-gutter-resizing { + background: #424b57; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #1f2937; + border-color: #f472b6; + color: rgba(255, 255, 255, 0.87); + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #1f2937; + border-color: #f472b6; + color: #f472b6; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #1f2937; + color: #f472b6; + width: 3rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-tabview .p-tabview-panels { + background: #1f2937; + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #1f2937; + border: 1px solid #424b57; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #424b57; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #1f2937; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #424b57; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid #424b57; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 2rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #f472b6; + color: #030712; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #f9a8d4; + color: #030712; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #3f4753; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #1f2937; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #424b57; + } + + .p-sidebar { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + } + .p-sidebar .p-sidebar-header { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.87); + border-color: transparent; + background: rgba(255, 255, 255, 0.03); + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #424b57; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #424b57; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #424b57; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #424b57; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #424b57; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #1f2937; + padding: 1.25rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-fileupload .p-fileupload-content { + background: #1f2937; + padding: 2rem 1rem; + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #f472b6; + border-style: dashed; + background-color: rgba(244, 114, 182, 0.16); + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #f9a8d4; + color: #030712; + border-color: #f9a8d4; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #fbcfe8; + color: #030712; + border-color: #fbcfe8; + } + + .p-breadcrumb { + background: #374151; + border: 1px solid #424b57; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + + .p-contextmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); + } + .p-dock .p-dock-link { + width: 4rem; + height: 4rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu .p-megamenu-panel { + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + + .p-menu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu.p-menu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: #374151; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #f472b6; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 1px solid #424b57; + color: rgba(255, 255, 255, 0.87); + background: #1f2937; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: rgba(255, 255, 255, 0.03); + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #1f2937; + border-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #424b57; + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #424b57; + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 4px; + } + + .p-slidemenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu.p-slidemenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-slidemenu .p-menuitem-badge { + background: #f472b6; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 6px; + background: transparent; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 0 none; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.6); + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: rgba(255, 255, 255, 0.87); + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #424b57; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: transparent; + border: 1px solid #424b57; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #f472b6; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #424b57; + border-width: 0 0 2px 0; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; + color: rgba(255, 255, 255, 0.6); + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #1f2937; + border-color: #f472b6; + color: rgba(255, 255, 255, 0.87); + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #1f2937; + border-color: #f472b6; + color: #f472b6; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #1f2937; + color: #f472b6; + width: 3rem; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + + .p-tieredmenu { + padding: 0.25rem 0; + background: #374151; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 1px; + color: #93c5fd; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #93c5fd; + } + .p-inline-message.p-inline-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 1px; + color: #6ee7b7; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #6ee7b7; + } + .p-inline-message.p-inline-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 1px; + color: #fde047; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #fde047; + } + .p-inline-message.p-inline-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 1px; + color: #fca5a5; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #fca5a5; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); + } + .p-message .p-message-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-message.p-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .p-message.p-message-info .p-message-icon { + color: #93c5fd; + } + .p-message.p-message-info .p-message-close { + color: #93c5fd; + } + .p-message.p-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .p-message.p-message-success .p-message-icon { + color: #6ee7b7; + } + .p-message.p-message-success .p-message-close { + color: #6ee7b7; + } + .p-message.p-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .p-message.p-message-warn .p-message-icon { + color: #fde047; + } + .p-message.p-message-warn .p-message-close { + color: #fde047; + } + .p-message.p-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .p-message.p-message-error .p-message-icon { + color: #fca5a5; + } + .p-message.p-message-error .p-message-close { + color: #fca5a5; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: none; + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 2rem; + height: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #93c5fd; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #93c5fd; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; + border-width: 0 0 0 6px; + color: #6ee7b7; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #6ee7b7; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; + border-width: 0 0 0 6px; + color: #fde047; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #fde047; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; + border-width: 0 0 0 6px; + color: #fca5a5; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #fca5a5; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f8f9fa; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f8f9fa; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #424b57; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.1); + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(244, 114, 182, 0.16); + color: rgba(255, 255, 255, 0.87); + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f8f9fa; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f8f9fa; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #424b57; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #1f2937; + } + + .p-badge { + background: #f472b6; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #94a3b8; + color: #020617; + } + .p-badge.p-badge-success { + background-color: #4ade80; + color: #052e16; + } + .p-badge.p-badge-info { + background-color: #38bdf8; + color: #082f49; + } + .p-badge.p-badge-warning { + background-color: #fb923c; + color: #431407; + } + .p-badge.p-badge-danger { + background-color: #f87171; + color: #450a0a; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #424b57; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #f472b6; + } + .p-progressbar .p-progressbar-label { + color: #030712; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: rgba(244, 114, 182, 0.16); + } + .p-scrolltop.p-link:hover { + background: rgba(244, 114, 182, 0.3616); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: rgba(255, 255, 255, 0.87); + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #f472b6; + color: #030712; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; + } + .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; + } + .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; + } + .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #1f2937; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #424b57; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #f472b6; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #f472b6; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(244, 114, 182, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(148, 163, 184, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(74, 222, 128, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(56, 189, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(251, 146, 60, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(192, 132, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + .p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(248, 113, 113, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #f472b6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #f472b6; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #f472b6; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #f472b6; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(244, 114, 182, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #f472b6; + color: #030712; + } +} diff --git a/src/assets/components/themes/lara-dark-purple/theme.css b/src/assets/components/themes/lara-dark-purple/theme.css index 6c1416ae62d..c6c40643d98 100644 --- a/src/assets/components/themes/lara-dark-purple/theme.css +++ b/src/assets/components/themes/lara-dark-purple/theme.css @@ -2,52 +2,52 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#071426; - --surface-b:#040d19; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#0b213f; - --surface-e:#071426; - --surface-f:#071426; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#C4B5FD; - --primary-color-text:#1c2127; - --surface-0: #040d19; - --surface-50: #1d2530; - --surface-100: #363d47; - --surface-200: #4f565e; - --surface-300: #686e75; - --surface-400: #82868c; - --surface-500: #9b9ea3; - --surface-600: #b4b6ba; - --surface-700: #cdcfd1; - --surface-800: #e6e7e8; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #a78bfa; + --primary-color-text: #030712; + --surface-0: #111827; + --surface-50: #1f2937; + --surface-100: #374151; + --surface-200: #4b5563; + --surface-300: #6b7280; + --surface-400: #9ca3af; + --surface-500: #d1d5db; + --surface-600: #e5e7eb; + --surface-700: #f3f4f6; + --surface-800: #f9fafb; --surface-900: #ffffff; - --gray-50: #e6e7e8; - --gray-100: #cdcfd1; - --gray-200: #b4b6ba; - --gray-300: #9b9ea3; - --gray-400: #82868c; - --gray-500: #686e75; - --gray-600: #4f565e; - --gray-700: #363d47; - --gray-800: #1d2530; - --gray-900: #040d19; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#040d19; - --surface-section:#040d19; - --surface-card:#071426; - --surface-overlay:#071426; - --surface-border:#0b213f; - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - --highlight-bg: rgba(196, 181, 253, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(167, 139, 250, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); color-scheme: dark; } @@ -178,16 +178,115 @@ --red-700:#b32b23; --red-800:#8c221c; --red-900:#661814; - --primary-50:#fcfbff; - --primary-100:#f1edff; - --primary-200:#e6dffe; - --primary-300:#dad1fe; - --primary-400:#cfc3fd; - --primary-500:#c4b5fd; - --primary-600:#a79ad7; - --primary-700:#897fb1; - --primary-800:#6c648b; - --primary-900:#4e4865; + --primary-50:#fbf9ff; + --primary-100:#eae3fe; + --primary-200:#d9cdfd; + --primary-300:#c8b7fc; + --primary-400:#b8a1fb; + --primary-500:#a78bfa; + --primary-600:#8e76d5; + --primary-700:#7561af; + --primary-800:#5c4c8a; + --primary-900:#433864; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2937; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-content .ql-editor { + background: #111827; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #a78bfa; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #a78bfa; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #a78bfa; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #a78bfa; } @layer primeng { @@ -212,7 +311,7 @@ } .p-error { - color: #FCA5A5; + color: #fca5a5; } .p-text-secondary { @@ -237,7 +336,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-component-overlay-enter { @@ -271,48 +370,51 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.75rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #C4B5FD; + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #a78bfa; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: rgba(196, 181, 253, 0.16); + background: #424b57; color: rgba(255, 255, 255, 0.87); - border-radius: 6px; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; } .p-autocomplete-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } @@ -328,27 +430,33 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); + background: rgba(167, 139, 250, 0.16); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: #424b57; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1.25rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -363,31 +471,38 @@ } p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; } .p-datepicker { padding: 0.5rem; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #071426; + background: #1f2937; } .p-datepicker .p-datepicker-header { padding: 0.5rem; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; font-weight: 700; margin: 0; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -411,7 +526,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; @@ -425,7 +540,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #C4B5FD; + color: #a78bfa; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -453,31 +568,31 @@ } .p-datepicker table td > span.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #C4B5FD; + color: #a78bfa; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; padding: 0.5rem; } .p-datepicker .p-timepicker button { @@ -497,7 +612,7 @@ .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -521,7 +636,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -533,10 +648,10 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #0b213f; + border-left: 1px solid #424b57; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -555,7 +670,7 @@ .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -563,7 +678,7 @@ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -571,7 +686,7 @@ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } p-calendar.p-calendar-clearable .p-inputtext { @@ -593,19 +708,19 @@ } } .p-cascadeselect { - background: #040d19; - border: 1px solid #0b213f; + background: #111827; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #C4B5FD; + border-color: #a78bfa; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -626,11 +741,14 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } .p-cascadeselect-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } @@ -645,42 +763,40 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1.25rem; + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: #424b57; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } .p-input-filled .p-cascadeselect { - background: #0b213f; + background: #424b57; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: #424b57; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { @@ -705,8 +821,8 @@ height: 22px; } .p-checkbox .p-checkbox-box { - border: 2px solid #0b213f; - background: #040d19; + border: 2px solid #424b57; + background: #111827; width: 22px; height: 22px; color: rgba(255, 255, 255, 0.87); @@ -715,7 +831,7 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #1c2127; + color: #030712; font-size: 14px; } .p-checkbox .p-checkbox-box .p-icon { @@ -723,63 +839,68 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #C4B5FD; - background: #C4B5FD; + border-color: #a78bfa; + background: #a78bfa; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #C4B5FD; + border-color: #a78bfa; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #a28bfc; - background: #a28bfc; - color: #1c2127; + border-color: #ddd6fe; + background: #ddd6fe; + color: #030712; } p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #C4B5FD; + background: #a78bfa; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #a28bfc; + background: #ddd6fe; } .p-checkbox-label { margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #C4B5FD; + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #a78bfa; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; - background: rgba(196, 181, 253, 0.16); + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #6b7280; color: rgba(255, 255, 255, 0.87); - border-radius: 6px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -788,16 +909,16 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } p-chips.p-chips-clearable .p-inputtext { @@ -815,8 +936,8 @@ } .p-colorpicker-panel { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; } .p-colorpicker-panel .p-colorpicker-color-handle, .p-colorpicker-panel .p-colorpicker-hue-handle { @@ -828,19 +949,19 @@ } .p-dropdown { - background: #040d19; - border: 1px solid #0b213f; + background: #111827; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-dropdown:not(.p-disabled):hover { - border-color: #C4B5FD; + border-color: #a78bfa; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -852,7 +973,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -867,19 +988,22 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } .p-dropdown-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -906,152 +1030,56 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); + background: #424b57; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.03); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { - background: #0b213f; + background: #424b57; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #071426; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #0b213f; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #071426; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 0.75rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #0b213f; - } - .p-editor-container .p-editor-content .ql-editor { - background: #040d19; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #C4B5FD; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #C4B5FD; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #C4B5FD; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #C4B5FD; - } - .p-inputgroup-addon { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #0b213f; - border-left: 1px solid #0b213f; - border-bottom: 1px solid #0b213f; + border-top: 1px solid #424b57; + border-left: 1px solid #424b57; + border-bottom: 1px solid #424b57; padding: 0.75rem 0.75rem; min-width: 3rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid #0b213f; + border-right: 1px solid #424b57; } .p-inputgroup > .p-component, @@ -1116,7 +1144,7 @@ } p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } p-inputmask.p-inputmask-clearable .p-inputtext { @@ -1128,7 +1156,7 @@ } p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { @@ -1151,7 +1179,7 @@ height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { - background: #233752; + background: #6b7280; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } @@ -1170,23 +1198,23 @@ .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #0b213f; + background: #424b57; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #C4B5FD; + background: #a78bfa; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); + background: #030712; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #b3a0fc; + background: #c4b5fd; } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext { @@ -1194,24 +1222,24 @@ font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: rgba(255, 255, 255, 0.87); - background: #040d19; + background: #111827; padding: 0.75rem 0.75rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 6px; } .p-inputtext:enabled:hover { - border-color: #C4B5FD; + border-color: #a78bfa; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; } .p-inputtext.ng-dirty.ng-invalid { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1229,7 +1257,7 @@ } .p-float-label > .ng-invalid.ng-dirty + label { - color: #FCA5A5; + color: #fca5a5; } .p-input-icon-left > .p-icon-wrapper.p-icon, @@ -1273,13 +1301,13 @@ } .p-input-filled .p-inputtext { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-inputtext:enabled:hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-inputtext:enabled:focus { - background-color: #0b213f; + background-color: #424b57; } .p-inputtext-sm .p-inputtext { @@ -1293,16 +1321,17 @@ } .p-listbox { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1319,6 +1348,7 @@ } .p-listbox .p-listbox-list { padding: 0.75rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1330,12 +1360,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); - } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); + background: rgba(167, 139, 250, 0.16); } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; @@ -1344,7 +1369,7 @@ margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; } .p-listbox .p-listbox-list .p-listbox-empty-message { @@ -1352,29 +1377,42 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-multiselect { - background: #040d19; - border: 1px solid #0b213f; + background: #111827; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { - border-color: #C4B5FD; + border-color: #a78bfa; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; @@ -1383,14 +1421,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; - background: rgba(196, 181, 253, 0.16); + margin-right: 0.5rem; + background: #424b57; color: rgba(255, 255, 255, 0.87); - border-radius: 6px; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1403,22 +1439,30 @@ border-bottom-right-radius: 6px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + .p-multiselect-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1451,7 +1495,7 @@ .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1467,17 +1511,19 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1485,7 +1531,7 @@ margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { @@ -1494,43 +1540,35 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - .p-input-filled .p-multiselect { - background: #0b213f; + background: #424b57; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: #424b57; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-password-panel { padding: 1.25rem; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; - background: #0b213f; + background: #424b57; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #eb9a9c; @@ -1563,8 +1601,8 @@ height: 22px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid #0b213f; - background: #040d19; + border: 2px solid #424b57; + background: #111827; width: 22px; height: 22px; color: rgba(255, 255, 255, 0.87); @@ -1572,45 +1610,45 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #C4B5FD; + border-color: #a78bfa; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; - background-color: #1c2127; + background-color: #030712; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #C4B5FD; - background: #C4B5FD; + border-color: #a78bfa; + background: #a78bfa; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #a28bfc; - background: #a28bfc; - color: #1c2127; + border-color: #ddd6fe; + background: #ddd6fe; + color: #030712; } p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #C4B5FD; + background: #a78bfa; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #a28bfc; + background: #ddd6fe; } .p-radiobutton-label { @@ -1620,40 +1658,37 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f48fb1; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - } - .p-rating .p-rating-icon:first-child { - margin-left: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; } - .p-rating .p-rating-icon.p-rating-icon-active { - color: #C4B5FD; + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #a78bfa; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #C4B5FD; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #a78bfa; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; } .p-selectbutton .p-button { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1663,7 +1698,7 @@ } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, @@ -1671,30 +1706,30 @@ color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { - background: #C4B5FD; - border-color: #C4B5FD; - color: #1c2127; + background: #a78bfa; + border-color: #a78bfa; + color: #030712; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #1c2127; + color: #030712; } .p-selectbutton .p-button.p-highlight:hover { - background: #b3a0fc; - border-color: #b3a0fc; - color: #1c2127; + background: #c4b5fd; + border-color: #c4b5fd; + color: #030712; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; + color: #030712; } p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-slider { - background: #0b213f; + background: #424b57; border: 0 none; border-radius: 6px; } @@ -1715,22 +1750,22 @@ .p-slider .p-slider-handle { height: 1.143rem; width: 1.143rem; - background: #0b213f; - border: 2px solid #C4B5FD; + background: #424b57; + border: 2px solid #a78bfa; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-slider .p-slider-range { - background: #C4B5FD; + background: #a78bfa; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #C4B5FD; - border-color: #C4B5FD; + background: #a78bfa; + border-color: #a78bfa; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; @@ -1746,8 +1781,8 @@ } .p-togglebutton.p-button { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1757,7 +1792,7 @@ } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, @@ -1765,42 +1800,42 @@ color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { - background: #C4B5FD; - border-color: #C4B5FD; - color: #1c2127; + background: #a78bfa; + border-color: #a78bfa; + color: #030712; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #1c2127; + color: #030712; } .p-togglebutton.p-button.p-highlight:hover { - background: #b3a0fc; - border-color: #b3a0fc; - color: #1c2127; + background: #c4b5fd; + border-color: #c4b5fd; + color: #030712; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; + color: #030712; } p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-treeselect { - background: #040d19; - border: 1px solid #0b213f; + background: #111827; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { - border-color: #C4B5FD; + border-color: #a78bfa; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - border-color: #C4B5FD; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + border-color: #a78bfa; } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; @@ -1812,7 +1847,7 @@ .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #0b213f; + background: #424b57; color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1825,7 +1860,7 @@ } p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { @@ -1833,17 +1868,17 @@ } .p-treeselect-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-treeselect-panel .p-treeselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1881,7 +1916,7 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; @@ -1893,13 +1928,13 @@ } .p-input-filled .p-treeselect { - background: #0b213f; + background: #424b57; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: #424b57; } p-treeselect.p-treeselect-clearable .p-treeselect-label-container { @@ -1911,81 +1946,81 @@ } .p-button { - color: #1c2127; - background: #C4B5FD; - border: 1px solid #C4B5FD; + color: #030712; + background: #a78bfa; + border: 1px solid #a78bfa; padding: 0.75rem 1.25rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } - .p-button:enabled:hover { - background: #b3a0fc; - color: #1c2127; - border-color: #b3a0fc; + .p-button:not(:disabled):hover { + background: #c4b5fd; + color: #030712; + border-color: #c4b5fd; } - .p-button:enabled:active { - background: #a28bfc; - color: #1c2127; - border-color: #a28bfc; + .p-button:not(:disabled):active { + background: #ddd6fe; + color: #030712; + border-color: #ddd6fe; } .p-button.p-button-outlined { background-color: transparent; - color: #C4B5FD; + color: #a78bfa; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { - background: rgba(196, 181, 253, 0.04); - color: #C4B5FD; + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { - background: rgba(196, 181, 253, 0.16); - color: #C4B5FD; + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } .p-button.p-button-text { background-color: transparent; - color: #C4B5FD; + color: #a78bfa; border-color: transparent; } - .p-button.p-button-text:enabled:hover { - background: rgba(196, 181, 253, 0.04); - color: #C4B5FD; + .p-button.p-button-text:not(:disabled):hover { + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; border-color: transparent; } - .p-button.p-button-text:enabled:active { - background: rgba(196, 181, 253, 0.16); - color: #C4B5FD; + .p-button.p-button-text:not(:disabled):active { + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; border-color: transparent; } .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-button .p-button-label { transition-duration: 0.2s; @@ -2007,8 +2042,8 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #C4B5FD; - background-color: #1c2127; + color: #a78bfa; + background-color: #030712; } .p-button.p-button-raised { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); @@ -2062,321 +2097,441 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #1c2127; - background: #CBD5E1; - border: 1px solid #CBD5E1; - } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #95a9c2; - color: #1c2127; - border-color: #95a9c2; - } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #020617; + background: #94a3b8; + border: 1px solid #94a3b8; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #cbd5e1; + color: #020617; + border-color: #cbd5e1; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #b4bfcd; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #020617; + border-color: #e2e8f0; + } + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #CBD5E1; + color: #94a3b8; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(148, 163, 184, 0.04); + color: #94a3b8; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(203, 213, 225, 0.16); - color: #CBD5E1; + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(148, 163, 184, 0.16); + color: #94a3b8; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #CBD5E1; + color: #94a3b8; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(203, 213, 225, 0.04); + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(148, 163, 184, 0.04); border-color: transparent; - color: #CBD5E1; + color: #94a3b8; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(203, 213, 225, 0.16); + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(148, 163, 184, 0.16); border-color: transparent; - color: #CBD5E1; - } - - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; - } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #449bfc; - color: #1c2127; - border-color: #449bfc; - } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + color: #94a3b8; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #74d1fa; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #93C5FD; + color: #38bdf8; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #93C5FD; + color: #38bdf8; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(147, 197, 253, 0.04); + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); border-color: transparent; - color: #93C5FD; + color: #38bdf8; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(147, 197, 253, 0.16); + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); border-color: transparent; - color: #93C5FD; - } - - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #1c2127; - background: #86EFAC; - border: 1px solid #86EFAC; - } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #44e67f; - color: #1c2127; - border-color: #44e67f; - } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #80e8a6; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #86EFAC; + color: #4ade80; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(134, 239, 172, 0.16); - color: #86EFAC; + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #86EFAC; + color: #4ade80; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(134, 239, 172, 0.04); + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); border-color: transparent; - color: #86EFAC; + color: #4ade80; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(134, 239, 172, 0.16); + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); border-color: transparent; - color: #86EFAC; - } - - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #1c2127; - background: #FCD34D; - border: 1px solid #FCD34D; - } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #fbc30c; - color: #1c2127; - border-color: #fbc30c; - } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #fcb377; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FCD34D; + color: #fb923c; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(252, 211, 77, 0.16); - color: #FCD34D; + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FCD34D; + color: #fb923c; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(252, 211, 77, 0.04); + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); border-color: transparent; - color: #FCD34D; + color: #fb923c; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(252, 211, 77, 0.16); + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); border-color: transparent; - color: #FCD34D; - } - - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #1c2127; - background: #D8B4FE; - border: 1px solid #D8B4FE; - } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #ab5efd; - color: #1c2127; - border-color: #ab5efd; - } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #d3a9fd; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #D8B4FE; + color: #c084fc; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(216, 180, 254, 0.16); - color: #D8B4FE; + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #D8B4FE; + color: #c084fc; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(216, 180, 254, 0.04); + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); border-color: transparent; - color: #D8B4FE; + color: #c084fc; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(216, 180, 254, 0.16); + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); border-color: transparent; - color: #D8B4FE; - } - - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #1c2127; - background: #FCA5A5; - border: 1px solid #FCA5A5; - } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #f95454; - color: #1c2127; - border-color: #f95454; - } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #fa9c9c; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #FCA5A5; + color: #f87171; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(252, 165, 165, 0.16); - color: #FCA5A5; + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #FCA5A5; + color: #f87171; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(252, 165, 165, 0.04); + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); border-color: transparent; - color: #FCA5A5; + color: #f87171; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(252, 165, 165, 0.16); + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); border-color: transparent; - color: #FCA5A5; + color: #f87171; } .p-button.p-button-link { - color: #C4B5FD; + color: #a78bfa; background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #C4B5FD; + color: #a78bfa; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; - box-shadow: 0 0 0 1px rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 1px rgba(167, 139, 250, 0.2); border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #C4B5FD; + color: #a78bfa; border-color: transparent; } @@ -2399,18 +2554,18 @@ .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-speeddial-action { width: 3rem; height: 3rem; background: rgba(255, 255, 255, 0.87); - color: #040d19; + color: #111827; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); - color: #040d19; + color: #111827; } .p-speeddial-direction-up .p-speeddial-item { @@ -2463,52 +2618,52 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #C4B5FD; + color: #a78bfa; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(196, 181, 253, 0.04); - color: #C4B5FD; + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(196, 181, 253, 0.16); - color: #C4B5FD; + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #C4B5FD; + color: #a78bfa; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(196, 181, 253, 0.04); - color: #C4B5FD; + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(167, 139, 250, 0.04); + color: #a78bfa; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(196, 181, 253, 0.16); - color: #C4B5FD; + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(167, 139, 250, 0.16); + color: #a78bfa; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2538,176 +2693,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #CBD5E1; + color: #94a3b8; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(148, 163, 184, 0.04); + color: #94a3b8; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(203, 213, 225, 0.16); - color: #CBD5E1; + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(148, 163, 184, 0.16); + color: #94a3b8; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #CBD5E1; + color: #94a3b8; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(203, 213, 225, 0.04); + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(148, 163, 184, 0.04); border-color: transparent; - color: #CBD5E1; + color: #94a3b8; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(203, 213, 225, 0.16); + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(148, 163, 184, 0.16); border-color: transparent; - color: #CBD5E1; + color: #94a3b8; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #93C5FD; + color: #38bdf8; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #93C5FD; + color: #38bdf8; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); border-color: transparent; - color: #93C5FD; + color: #38bdf8; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); border-color: transparent; - color: #93C5FD; + color: #38bdf8; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #86EFAC; + color: #4ade80; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(134, 239, 172, 0.16); - color: #86EFAC; + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #86EFAC; + color: #4ade80; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(134, 239, 172, 0.04); + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); border-color: transparent; - color: #86EFAC; + color: #4ade80; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(134, 239, 172, 0.16); + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); border-color: transparent; - color: #86EFAC; + color: #4ade80; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FCD34D; + color: #fb923c; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 211, 77, 0.16); - color: #FCD34D; + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FCD34D; + color: #fb923c; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 211, 77, 0.04); + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); border-color: transparent; - color: #FCD34D; + color: #fb923c; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 211, 77, 0.16); + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); border-color: transparent; - color: #FCD34D; + color: #fb923c; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #D8B4FE; + color: #c084fc; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(216, 180, 254, 0.16); - color: #D8B4FE; + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #D8B4FE; + color: #c084fc; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(216, 180, 254, 0.04); + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); border-color: transparent; - color: #D8B4FE; + color: #c084fc; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(216, 180, 254, 0.16); + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); border-color: transparent; - color: #D8B4FE; + color: #c084fc; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #FCA5A5; + color: #f87171; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 165, 165, 0.16); - color: #FCA5A5; + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #FCA5A5; + color: #f87171; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 165, 165, 0.04); + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); border-color: transparent; - color: #FCA5A5; + color: #f87171; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 165, 165, 0.16); + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); border-color: transparent; - color: #FCA5A5; + color: #f87171; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -2731,7 +2886,7 @@ .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2741,7 +2896,7 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #0b213f; + background-color: #424b57; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -2751,7 +2906,7 @@ background: rgba(255, 255, 255, 0.03); } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); color: rgba(255, 255, 255, 0.87); } @@ -2764,17 +2919,17 @@ border-radius: 0; } .p-datatable .p-datatable-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-footer { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -2782,21 +2937,21 @@ .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; } .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); @@ -2808,7 +2963,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -2819,31 +2974,31 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight { - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); outline: 0 none; } .p-datatable .p-datatable-tbody > tr { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -2873,40 +3028,40 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(196, 181, 253, 0.5); + outline: 0.15rem solid rgba(167, 139, 250, 0.2); outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(196, 181, 253, 0.16); + box-shadow: inset 0 2px 0 0 rgba(167, 139, 250, 0.16); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(196, 181, 253, 0.16); + box-shadow: inset 0 -2px 0 0 rgba(167, 139, 250, 0.16); } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #C4B5FD; + background: #a78bfa; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { - background: #071426; + background: #1f2937; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { - background-color: #071426; + background-color: #1f2937; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; @@ -2966,10 +3121,10 @@ border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: #0d1a2c; + background: #1c2532; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { @@ -3018,27 +3173,23 @@ border-radius: 0; } .p-dataview .p-dataview-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-dataview .p-dataview-content { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #0b213f; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3076,13 +3227,13 @@ color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-column-filter-clear-button { @@ -3102,13 +3253,13 @@ .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-column-filter-overlay { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); min-width: 12.5rem; @@ -3127,7 +3278,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -3136,25 +3287,25 @@ .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3172,295 +3323,6 @@ padding: 1.25rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #0b213f; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #0b213f; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #b3a0fc; - border: 1px solid #b3a0fc; - color: #1c2127; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #071426; - border: 1px solid #0b213f; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #1c2127; - background: #C4B5FD; - border: 1px solid #C4B5FD; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #b3a0fc; - color: #1c2127; - border-color: #b3a0fc; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #a28bfc; - color: #1c2127; - border-color: #a28bfc; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #C4B5FD; - border-color: #C4B5FD; - color: #1c2127; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #b3a0fc; - border-color: #b3a0fc; - color: #1c2127; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #0b213f; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #071426; - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #0b213f; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #071426; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #0b213f; - padding: 1.25rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #1c2127; - background: #b3a0fc; - border-color: #b3a0fc; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #1c2127; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #b3a0fc; - border-color: #b3a0fc; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #071426; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #1c2127; - background: #C4B5FD; - border: 1px solid #C4B5FD; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #b3a0fc; - color: #1c2127; - border-color: #b3a0fc; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #a28bfc; - color: #1c2127; - border-color: #a28bfc; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #1c2127; - background: #C4B5FD; - border: 1px solid #C4B5FD; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #C4B5FD; - border-color: #C4B5FD; - color: #1c2127; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #b3a0fc; - border-color: #b3a0fc; - color: #1c2127; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); - } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3468,9 +3330,9 @@ margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; @@ -3481,8 +3343,8 @@ } .p-orderlist .p-orderlist-filter-container { padding: 1.25rem; - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { @@ -3493,12 +3355,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3508,14 +3371,20 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 1.25rem; @@ -3526,7 +3395,7 @@ color: rgba(255, 255, 255, 0.87); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { - background: rgba(255, 255, 255, 0.01); + background: #1c2532; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); @@ -3537,7 +3406,7 @@ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border: 0 none; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; } @@ -3546,26 +3415,26 @@ color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(97, 57, 250, 0.16); + color: rgba(74, 17, 245, 0.16); } .p-organizationchart .p-organizationchart-line-down { - background: #0b213f; + background: #424b57; } .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #0b213f; - border-color: #0b213f; + border-right: 1px solid #424b57; + border-color: #424b57; } .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #0b213f; - border-color: #0b213f; + border-top: 1px solid #424b57; + border-color: #424b57; } .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 1.25rem; } @@ -3577,13 +3446,13 @@ .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-paginator { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: solid #0b213f; + border: solid #424b57; border-width: 1px; padding: 0.5rem 1rem; border-radius: 6px; @@ -3652,8 +3521,8 @@ border-radius: 6px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(196, 181, 253, 0.16); - border-color: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); + border-color: rgba(167, 139, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3669,9 +3538,9 @@ margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; @@ -3682,8 +3551,8 @@ } .p-picklist .p-picklist-filter-container { padding: 1.25rem; - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { @@ -3694,12 +3563,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; @@ -3709,14 +3579,20 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 1.25rem; @@ -3727,7 +3603,7 @@ color: rgba(255, 255, 255, 0.87); } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { - background: rgba(255, 255, 255, 0.01); + background: #1c2532; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); @@ -3738,19 +3614,19 @@ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border: 0 none; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; } .p-timeline .p-timeline-event-marker { - border: 2px solid #C4B5FD; + border: 2px solid #a78bfa; border-radius: 50%; width: 1rem; height: 1rem; - background-color: #1c2127; + background-color: #030712; } .p-timeline .p-timeline-event-connector { - background-color: #0b213f; + background-color: #424b57; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { @@ -3768,14 +3644,20 @@ } .p-tree { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 1.25rem; border-radius: 6px; } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3800,7 +3682,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; @@ -3812,13 +3694,8 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3859,18 +3736,18 @@ height: 2rem; } .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(129, 96, 251, 0.16); + background-color: rgba(110, 64, 247, 0.16); } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 6px; - border: 1px solid #0b213f; - background-color: #071426; + border: 1px solid #424b57; + background-color: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.5rem; transition: box-shadow 0.2s; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(196, 181, 253, 0.16); + background-color: rgba(167, 139, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { @@ -3897,7 +3774,7 @@ .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-treetable .p-paginator-top { @@ -3909,17 +3786,17 @@ border-radius: 0; } .p-treetable .p-treetable-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-footer { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3927,24 +3804,24 @@ .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; } .p-treetable .p-sortable-column { - outline-color: rgba(196, 181, 253, 0.5); + outline-color: rgba(167, 139, 250, 0.2); } .p-treetable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); @@ -3956,7 +3833,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3967,20 +3844,20 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-sortable-column.p-highlight { - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -4002,7 +3879,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { width: 2rem; @@ -4015,11 +3892,11 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(196, 181, 253, 0.5); + outline: 0.15rem solid rgba(167, 139, 250, 0.2); outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -4036,11 +3913,11 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #C4B5FD; + background: #a78bfa; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { - background: #071426; + background: #1f2937; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; @@ -4102,23 +3979,23 @@ } .p-virtualscroller .p-virtualscroller-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-virtualscroller .p-virtualscroller-content { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border: 0 none; padding: 0; } .p-virtualscroller .p-virtualscroller-footer { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -4128,9 +4005,9 @@ .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; @@ -4141,29 +4018,29 @@ .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #071426; - border-color: #0b213f; + background: #1f2937; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #0b213f; + border-color: #424b57; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } .p-accordion .p-accordion-content { padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border-top: 0; border-top-right-radius: 0; @@ -4176,7 +4053,7 @@ } .p-card { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; @@ -4202,14 +4079,14 @@ } .p-divider .p-divider-content { - background-color: #071426; + background-color: #1f2937; } .p-divider.p-divider-horizontal { margin: 1.25rem 0; padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px #0b213f; + border-top: 1px #424b57; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -4219,23 +4096,23 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px #0b213f; + border-left: 1px #424b57; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-fieldset { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.25rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; font-weight: 700; border-radius: 6px; } @@ -4255,11 +4132,11 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-fieldset .p-fieldset-content { @@ -4267,9 +4144,9 @@ } .p-panel .p-panel-header { - border: 1px solid #0b213f; + border: 1px solid #424b57; padding: 1.25rem; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4294,25 +4171,29 @@ .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; } .p-panel .p-panel-content { padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4330,13 +4211,13 @@ } .p-scrollpanel .p-scrollpanel-bar { - background: #0b213f; + background: #424b57; border: 0 none; } .p-splitter { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; border-radius: 6px; color: rgba(255, 255, 255, 0.87); } @@ -4345,10 +4226,10 @@ background: rgba(255, 255, 255, 0.03); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #0b213f; + background: #424b57; } .p-splitter .p-splitter-gutter-resizing { - background: #0b213f; + background: #424b57; } .p-tabview .p-tabview-nav-content { @@ -4356,17 +4237,17 @@ } .p-tabview .p-tabview-nav { background: transparent; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #0b213f; + border: solid #424b57; border-width: 0 0 2px 0; - border-color: transparent transparent #0b213f transparent; - background: #071426; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; color: rgba(255, 255, 255, 0.6); padding: 1.25rem; font-weight: 700; @@ -4378,17 +4259,17 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #071426; - border-color: #C4B5FD; + background: #1f2937; + border-color: #a78bfa; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #071426; - border-color: #C4B5FD; - color: #C4B5FD; + background: #1f2937; + border-color: #a78bfa; + color: #a78bfa; } .p-tabview .p-tabview-left-icon { margin-right: 0.5rem; @@ -4400,8 +4281,8 @@ margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { - background: #071426; - color: #C4B5FD; + background: #1f2937; + color: #a78bfa; width: 3rem; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; @@ -4409,10 +4290,10 @@ .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-tabview .p-tabview-panels { - background: #071426; + background: #1f2937; padding: 1.25rem; border: 0 none; color: rgba(255, 255, 255, 0.87); @@ -4421,8 +4302,8 @@ } .p-toolbar { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; padding: 1.25rem; border-radius: 6px; gap: 0.5rem; @@ -4432,9 +4313,9 @@ } .p-confirm-popup { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } @@ -4454,19 +4335,19 @@ } .p-confirm-popup:after { border: solid transparent; - border-color: rgba(7, 20, 38, 0); - border-bottom-color: #071426; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; } .p-confirm-popup:before { border: solid transparent; - border-color: rgba(11, 33, 63, 0); - border-bottom-color: #0b213f; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #424b57; } .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #071426; + border-top-color: #1f2937; } .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #0b213f; + border-top-color: #424b57; } .p-confirm-popup .p-confirm-popup-icon { font-size: 1.5rem; @@ -4482,11 +4363,11 @@ .p-dialog { border-radius: 6px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 1px solid #0b213f; + border: 1px solid #424b57; } .p-dialog .p-dialog-header { border-bottom: 0 none; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 1.5rem; border-top-right-radius: 6px; @@ -4514,13 +4395,13 @@ .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0 1.5rem 2rem 1.5rem; } @@ -4530,7 +4411,7 @@ } .p-dialog .p-dialog-footer { border-top: 0 none; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; @@ -4553,9 +4434,9 @@ } .p-overlaypanel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } @@ -4563,8 +4444,8 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #C4B5FD; - color: #1c2127; + background: #a78bfa; + color: #030712; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -4574,30 +4455,30 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #b3a0fc; - color: #1c2127; + background: #c4b5fd; + color: #030712; } .p-overlaypanel:after { border: solid transparent; - border-color: rgba(7, 20, 38, 0); - border-bottom-color: #071426; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; } .p-overlaypanel:before { border: solid transparent; - border-color: rgba(11, 33, 63, 0); - border-bottom-color: #0a1f3c; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #3f4753; } .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #071426; + border-top-color: #1f2937; } .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #0b213f; + border-top-color: #424b57; } .p-sidebar { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .p-sidebar .p-sidebar-header { @@ -4623,7 +4504,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4636,29 +4517,29 @@ } .p-tooltip .p-tooltip-text { - background: #0b213f; + background: #424b57; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0.75rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #0b213f; + border-right-color: #424b57; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #0b213f; + border-left-color: #424b57; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #0b213f; + border-top-color: #424b57; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #0b213f; + border-bottom-color: #424b57; } .p-fileupload .p-fileupload-buttonbar { - background: #071426; + background: #1f2937; padding: 1.25rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); border-bottom: 0 none; border-top-right-radius: 6px; @@ -4670,20 +4551,20 @@ .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-fileupload .p-fileupload-content { - background: #071426; + background: #1f2937; padding: 2rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #C4B5FD; + border-color: 1px dashed #a78bfa; border-style: dashed; - background-color: rgba(196, 181, 253, 0.16); + background-color: rgba(167, 139, 250, 0.16); } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4696,19 +4577,19 @@ } .p-fileupload-choose:not(.p-disabled):hover { - background: #b3a0fc; - color: #1c2127; - border-color: #b3a0fc; + background: #c4b5fd; + color: #030712; + border-color: #c4b5fd; } .p-fileupload-choose:not(.p-disabled):active { - background: #a28bfc; - color: #1c2127; - border-color: #a28bfc; + background: #ddd6fe; + color: #030712; + border-color: #ddd6fe; } .p-breadcrumb { - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; border-radius: 6px; padding: 1rem; } @@ -4719,7 +4600,7 @@ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); @@ -4740,9 +4621,9 @@ .p-contextmenu { padding: 0.25rem 0; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; width: 12.5rem; @@ -4752,8 +4633,8 @@ } .p-contextmenu .p-submenu-list { padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } @@ -4779,25 +4660,27 @@ } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4807,11 +4690,12 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { @@ -4838,7 +4722,7 @@ .p-dock .p-dock-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); } .p-dock .p-dock-link { width: 4rem; @@ -4893,9 +4777,9 @@ } .p-megamenu { padding: 0.5rem; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; } .p-megamenu .p-megamenu-root-list { @@ -4923,25 +4807,27 @@ } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4951,20 +4837,21 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4974,7 +4861,7 @@ width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-megamenu.p-megamenu-vertical { @@ -5008,15 +4895,16 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu { padding: 0.25rem 0; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; width: 12.5rem; } @@ -5042,25 +4930,27 @@ } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5070,30 +4960,31 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menu .p-menuitem-badge { - background: #C4B5FD; - color: #1c2127; + background: #a78bfa; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5107,9 +4998,9 @@ .p-menubar { padding: 0.5rem; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; } .p-menubar .p-menubar-root-list { @@ -5142,7 +5033,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5167,25 +5059,27 @@ } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5195,18 +5089,19 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { @@ -5232,19 +5127,19 @@ .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-menubar .p-menubar-root-list { position: absolute; display: none; padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -5305,9 +5200,9 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; border-radius: 6px; transition: box-shadow 0.2s; } @@ -5325,30 +5220,30 @@ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #071426; - border-color: #0b213f; + background: #1f2937; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #0b213f; + border-color: #424b57; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border-top: 0; border-top-right-radius: 0; @@ -5381,25 +5276,27 @@ } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5409,14 +5306,15 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -5428,9 +5326,9 @@ .p-slidemenu { padding: 0.25rem 0; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; width: 12.5rem; } @@ -5462,25 +5360,27 @@ } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5490,22 +5390,23 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-slidemenu-list { padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-slidemenu .p-slidemenu-icon { @@ -5522,11 +5423,11 @@ .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-slidemenu .p-menuitem-badge { - background: #C4B5FD; - color: #1c2127; + background: #a78bfa; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5562,10 +5463,10 @@ .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5574,7 +5475,7 @@ } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; width: 100%; top: 50%; left: 0; @@ -5585,12 +5486,12 @@ .p-tabmenu .p-tabmenu-nav { background: transparent; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #C4B5FD; - color: #1c2127; + background: #a78bfa; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5605,10 +5506,10 @@ margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #0b213f; + border: solid #424b57; border-width: 0 0 2px 0; - border-color: transparent transparent #0b213f transparent; - background: #071426; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; color: rgba(255, 255, 255, 0.6); padding: 1.25rem; font-weight: 700; @@ -5623,17 +5524,17 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #071426; - border-color: #C4B5FD; + background: #1f2937; + border-color: #a78bfa; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #071426; - border-color: #C4B5FD; - color: #C4B5FD; + background: #1f2937; + border-color: #a78bfa; + color: #a78bfa; } .p-tabmenu .p-tabmenu-left-icon { margin-right: 0.5rem; @@ -5642,8 +5543,8 @@ margin-left: 0.5rem; } .p-tabmenu .p-tabmenu-nav-btn.p-link { - background: #071426; - color: #C4B5FD; + background: #1f2937; + color: #a78bfa; width: 3rem; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; @@ -5651,20 +5552,20 @@ .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-tieredmenu { padding: 0.25rem 0; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; width: 12.5rem; } .p-tieredmenu.p-tieredmenu-overlay { - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-tieredmenu-root-list { @@ -5672,8 +5573,8 @@ } .p-tieredmenu .p-submenu-list { padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-menuitem > .p-menuitem-content { @@ -5698,25 +5599,27 @@ } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(196, 181, 253, 0.24); + background: rgba(167, 139, 250, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5726,11 +5629,12 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5747,40 +5651,40 @@ border-radius: 6px; } .p-inline-message.p-inline-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; border-width: 1px; - color: #696cff; + color: #93c5fd; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #696cff; + color: #93c5fd; } .p-inline-message.p-inline-message-success { - background: #e4f8f0; - border: solid #1ea97c; + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; border-width: 1px; - color: #1ea97c; + color: #6ee7b7; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1ea97c; + color: #6ee7b7; } .p-inline-message.p-inline-message-warn { - background: #fff2e2; - border: solid #cc8925; + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; border-width: 1px; - color: #cc8925; + color: #fde047; } .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #cc8925; + color: #fde047; } .p-inline-message.p-inline-message-error { - background: #ffe7e6; - border: solid #ff5757; + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; border-width: 1px; - color: #ff5757; + color: #fca5a5; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #ff5757; + color: #fca5a5; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5817,59 +5721,59 @@ .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-message.p-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; border-width: 0 0 0 6px; - color: #696cff; + color: #93c5fd; } .p-message.p-message-info .p-message-icon { - color: #696cff; + color: #93c5fd; } .p-message.p-message-info .p-message-close { - color: #696cff; + color: #93c5fd; } .p-message.p-message-success { - background: #e4f8f0; - border: solid #1ea97c; + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; border-width: 0 0 0 6px; - color: #1ea97c; + color: #6ee7b7; } .p-message.p-message-success .p-message-icon { - color: #1ea97c; + color: #6ee7b7; } .p-message.p-message-success .p-message-close { - color: #1ea97c; + color: #6ee7b7; } .p-message.p-message-warn { - background: #fff2e2; - border: solid #cc8925; + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; border-width: 0 0 0 6px; - color: #cc8925; + color: #fde047; } .p-message.p-message-warn .p-message-icon { - color: #cc8925; + color: #fde047; } .p-message.p-message-warn .p-message-close { - color: #cc8925; + color: #fde047; } .p-message.p-message-error { - background: #ffe7e6; - border: solid #ff5757; + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; border-width: 0 0 0 6px; - color: #ff5757; + color: #fca5a5; } .p-message.p-message-error .p-message-icon { - color: #ff5757; + color: #fca5a5; } .p-message.p-message-error .p-message-close { - color: #ff5757; + color: #fca5a5; } .p-message .p-message-text { font-size: 1rem; - font-weight: 400; + font-weight: 500; } .p-message .p-message-icon { font-size: 1.5rem; @@ -5887,7 +5791,7 @@ } .p-toast { - opacity: 0.9; + opacity: 1; } .p-toast .p-toast-message { margin: 0 0 1rem 0; @@ -5927,47 +5831,47 @@ .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-toast .p-toast-message.p-toast-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; border-width: 0 0 0 6px; - color: #696cff; + color: #93c5fd; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #696cff; + color: #93c5fd; } .p-toast .p-toast-message.p-toast-message-success { - background: #e4f8f0; - border: solid #1ea97c; + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; border-width: 0 0 0 6px; - color: #1ea97c; + color: #6ee7b7; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1ea97c; + color: #6ee7b7; } .p-toast .p-toast-message.p-toast-message-warn { - background: #fff2e2; - border: solid #cc8925; + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; border-width: 0 0 0 6px; - color: #cc8925; + color: #fde047; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #cc8925; + color: #fde047; } .p-toast .p-toast-message.p-toast-message-error { - background: #ffe7e6; - border: solid #ff5757; + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; border-width: 0 0 0 6px; - color: #ff5757; + color: #fca5a5; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #ff5757; + color: #fca5a5; } .p-galleria .p-galleria-close { @@ -6020,7 +5924,7 @@ padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #0b213f; + background-color: #424b57; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -6030,7 +5934,7 @@ background: rgba(255, 255, 255, 0.1); } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -6049,7 +5953,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .p-galleria .p-galleria-thumbnail-container { @@ -6074,7 +5978,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-galleria-mask { @@ -6124,7 +6028,7 @@ } .p-avatar { - background-color: #0b213f; + background-color: #424b57; border-radius: 6px; } .p-avatar.p-avatar-lg { @@ -6145,12 +6049,12 @@ } .p-avatar-group .p-avatar { - border: 2px solid #071426; + border: 2px solid #1f2937; } .p-badge { - background: #C4B5FD; - color: #1c2127; + background: #a78bfa; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -6158,24 +6062,24 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #CBD5E1; - color: #1c2127; + background-color: #94a3b8; + color: #020617; } .p-badge.p-badge-success { - background-color: #86EFAC; - color: #1c2127; + background-color: #4ade80; + color: #052e16; } .p-badge.p-badge-info { - background-color: #93C5FD; - color: #1c2127; + background-color: #38bdf8; + color: #082f49; } .p-badge.p-badge-warning { - background-color: #FCD34D; - color: #1c2127; + background-color: #fb923c; + color: #431407; } .p-badge.p-badge-danger { - background-color: #FCA5A5; - color: #1c2127; + background-color: #f87171; + color: #450a0a; } .p-badge.p-badge-lg { font-size: 1.125rem; @@ -6191,7 +6095,7 @@ } .p-chip { - background-color: #0b213f; + background-color: #424b57; color: rgba(255, 255, 255, 0.87); border-radius: 16px; padding: 0 0.75rem; @@ -6220,7 +6124,7 @@ .p-chip .pi-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-chip .pi-chip-remove-icon:focus { outline: 0 none; @@ -6238,22 +6142,22 @@ .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } .p-progressbar { border: 0 none; height: 1.5rem; - background: #0b213f; + background: #424b57; border-radius: 6px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #C4B5FD; + background: #a78bfa; } .p-progressbar .p-progressbar-label { - color: #1c2127; + color: #030712; line-height: 1.5rem; } @@ -6265,10 +6169,10 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { - background: rgba(196, 181, 253, 0.16); + background: rgba(167, 139, 250, 0.16); } .p-scrolltop.p-link:hover { - background: rgba(196, 181, 253, 0.3616); + background: rgba(167, 139, 250, 0.3616); } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; @@ -6288,28 +6192,28 @@ } .p-tag { - background: #C4B5FD; - color: #1c2127; + background: #a78bfa; + color: #030712; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; border-radius: 6px; } .p-tag.p-tag-success { - background-color: #86EFAC; - color: #1c2127; + background-color: #4ade80; + color: #052e16; } .p-tag.p-tag-info { - background-color: #93C5FD; - color: #1c2127; + background-color: #38bdf8; + color: #082f49; } .p-tag.p-tag-warning { - background-color: #FCD34D; - color: #1c2127; + background-color: #fb923c; + color: #431407; } .p-tag.p-tag-danger { - background-color: #FCA5A5; - color: #1c2127; + background-color: #f87171; + color: #450a0a; } .p-tag .p-tag-icon { margin-right: 0.25rem; @@ -6321,9 +6225,9 @@ } .p-terminal { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; padding: 1.25rem; } .p-terminal .p-terminal-input { @@ -6337,6 +6241,11 @@ font-weight: 700; } + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -6344,49 +6253,82 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #C4B5FD; + background-color: #a78bfa; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #C4B5FD; + background-color: #a78bfa; } .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(196, 181, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(167, 139, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(148, 163, 184, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(134, 239, 172, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(74, 222, 128, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(56, 189, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 211, 77, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(251, 146, 60, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(216, 180, 254, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(192, 132, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 165, 165, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(248, 113, 113, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #a78bfa; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #a78bfa; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #C4B5FD; + box-shadow: inset 0 2px 0 0 #a78bfa; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #C4B5FD; + box-shadow: inset 0 -2px 0 0 #a78bfa; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(167, 139, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #a78bfa; + color: #030712; } } diff --git a/src/assets/components/themes/lara-dark-teal/theme.css b/src/assets/components/themes/lara-dark-teal/theme.css index 624b58b9a34..0002606017c 100644 --- a/src/assets/components/themes/lara-dark-teal/theme.css +++ b/src/assets/components/themes/lara-dark-teal/theme.css @@ -2,52 +2,52 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#071426; - --surface-b:#040d19; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#0b213f; - --surface-e:#071426; - --surface-f:#071426; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#5EEAD4; - --primary-color-text:#1c2127; - --surface-0: #040d19; - --surface-50: #1d2530; - --surface-100: #363d47; - --surface-200: #4f565e; - --surface-300: #686e75; - --surface-400: #82868c; - --surface-500: #9b9ea3; - --surface-600: #b4b6ba; - --surface-700: #cdcfd1; - --surface-800: #e6e7e8; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #2dd4bf; + --primary-color-text: #030712; + --surface-0: #111827; + --surface-50: #1f2937; + --surface-100: #374151; + --surface-200: #4b5563; + --surface-300: #6b7280; + --surface-400: #9ca3af; + --surface-500: #d1d5db; + --surface-600: #e5e7eb; + --surface-700: #f3f4f6; + --surface-800: #f9fafb; --surface-900: #ffffff; - --gray-50: #e6e7e8; - --gray-100: #cdcfd1; - --gray-200: #b4b6ba; - --gray-300: #9b9ea3; - --gray-400: #82868c; - --gray-500: #686e75; - --gray-600: #4f565e; - --gray-700: #363d47; - --gray-800: #1d2530; - --gray-900: #040d19; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#040d19; - --surface-section:#040d19; - --surface-card:#071426; - --surface-overlay:#071426; - --surface-border:#0b213f; - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - --highlight-bg: rgba(94, 234, 212, 0.16); - --highlight-text-color: rgba(255, 255, 255, 0.87); + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: rgba(45, 212, 191, 0.16); + --highlight-text-color: rgba(255, 255, 255, 0.87); color-scheme: dark; } @@ -178,16 +178,115 @@ --red-700:#b32b23; --red-800:#8c221c; --red-900:#661814; - --primary-50:#f7fefd; - --primary-100:#d8faf5; - --primary-200:#baf6ed; - --primary-300:#9bf2e4; - --primary-400:#7deedc; - --primary-500:#5eead4; - --primary-600:#50c7b4; - --primary-700:#42a494; - --primary-800:#348175; - --primary-900:#265e55; + --primary-50:#f5fdfc; + --primary-100:#cdf5f0; + --primary-200:#a5ede3; + --primary-300:#7de4d7; + --primary-400:#55dccb; + --primary-500:#2dd4bf; + --primary-600:#26b4a2; + --primary-700:#209486; + --primary-800:#197569; + --primary-900:#12554c; +} + +.p-editor-container .p-editor-toolbar { + background: #1f2937; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2937; + border: 1px solid #424b57; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #424b57; +} +.p-editor-container .p-editor-content .ql-editor { + background: #111827; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #2dd4bf; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #2dd4bf; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #2dd4bf; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #2dd4bf; } @layer primeng { @@ -212,7 +311,7 @@ } .p-error { - color: #FCA5A5; + color: #fca5a5; } .p-text-secondary { @@ -237,7 +336,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-component-overlay-enter { @@ -271,48 +370,51 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.75rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #5EEAD4; + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #2dd4bf; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: rgba(94, 234, 212, 0.16); + background: #424b57; color: rgba(255, 255, 255, 0.87); - border-radius: 6px; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #FCA5A5; + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #6b7280; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #fca5a5; } .p-autocomplete-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } @@ -328,27 +430,33 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); + background: rgba(45, 212, 191, 0.16); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: #424b57; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1.25rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #fca5a5; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -363,31 +471,38 @@ } p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; } .p-datepicker { padding: 0.5rem; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #071426; + background: #1f2937; } .p-datepicker .p-datepicker-header { padding: 0.5rem; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; font-weight: 700; margin: 0; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -411,7 +526,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; @@ -425,7 +540,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #5EEAD4; + color: #2dd4bf; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -453,31 +568,31 @@ } .p-datepicker table td > span.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #5EEAD4; + color: #2dd4bf; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; padding: 0.5rem; } .p-datepicker .p-timepicker button { @@ -497,7 +612,7 @@ .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -521,7 +636,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -533,10 +648,10 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #0b213f; + border-left: 1px solid #424b57; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -555,7 +670,7 @@ .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -563,7 +678,7 @@ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -571,7 +686,7 @@ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } p-calendar.p-calendar-clearable .p-inputtext { @@ -593,19 +708,19 @@ } } .p-cascadeselect { - background: #040d19; - border: 1px solid #0b213f; + background: #111827; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #5EEAD4; + border-color: #2dd4bf; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -626,11 +741,14 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #fca5a5; + } .p-cascadeselect-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } @@ -645,42 +763,40 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1.25rem; + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: #424b57; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #FCA5A5; - } .p-input-filled .p-cascadeselect { - background: #0b213f; + background: #424b57; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: #424b57; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #fca5a5; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { @@ -705,8 +821,8 @@ height: 22px; } .p-checkbox .p-checkbox-box { - border: 2px solid #0b213f; - background: #040d19; + border: 2px solid #424b57; + background: #111827; width: 22px; height: 22px; color: rgba(255, 255, 255, 0.87); @@ -715,7 +831,7 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #1c2127; + color: #030712; font-size: 14px; } .p-checkbox .p-checkbox-box .p-icon { @@ -723,63 +839,68 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #5EEAD4; - background: #5EEAD4; + border-color: #2dd4bf; + background: #2dd4bf; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #5EEAD4; + border-color: #2dd4bf; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #41e6cc; - background: #41e6cc; - color: #1c2127; + border-color: #99f6e4; + background: #99f6e4; + color: #030712; } p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #5EEAD4; + background: #2dd4bf; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #41e6cc; + background: #99f6e4; } .p-checkbox-label { margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #5EEAD4; + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #2dd4bf; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; - background: rgba(94, 234, 212, 0.16); + margin-right: 0.5rem; + background: #424b57; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #6b7280; color: rgba(255, 255, 255, 0.87); - border-radius: 6px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -788,16 +909,16 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } p-chips.p-chips-clearable .p-inputtext { @@ -815,8 +936,8 @@ } .p-colorpicker-panel { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; } .p-colorpicker-panel .p-colorpicker-color-handle, .p-colorpicker-panel .p-colorpicker-hue-handle { @@ -828,19 +949,19 @@ } .p-dropdown { - background: #040d19; - border: 1px solid #0b213f; + background: #111827; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-dropdown:not(.p-disabled):hover { - border-color: #5EEAD4; + border-color: #2dd4bf; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -852,7 +973,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -867,19 +988,22 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-dropdown.p-invalid.p-component { + border-color: #fca5a5; + } .p-dropdown-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -906,152 +1030,56 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); + background: #424b57; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.03); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #FCA5A5; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { - background: #0b213f; + background: #424b57; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #071426; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #0b213f; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #071426; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 0.75rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #0b213f; - } - .p-editor-container .p-editor-content .ql-editor { - background: #040d19; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #5EEAD4; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #5EEAD4; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #5EEAD4; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #5EEAD4; - } - .p-inputgroup-addon { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #0b213f; - border-left: 1px solid #0b213f; - border-bottom: 1px solid #0b213f; + border-top: 1px solid #424b57; + border-left: 1px solid #424b57; + border-bottom: 1px solid #424b57; padding: 0.75rem 0.75rem; min-width: 3rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid #0b213f; + border-right: 1px solid #424b57; } .p-inputgroup > .p-component, @@ -1116,7 +1144,7 @@ } p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } p-inputmask.p-inputmask-clearable .p-inputtext { @@ -1128,7 +1156,7 @@ } p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { @@ -1151,7 +1179,7 @@ height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { - background: #233752; + background: #6b7280; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } @@ -1170,23 +1198,23 @@ .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #0b213f; + background: #424b57; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #5EEAD4; + background: #2dd4bf; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { - background: rgba(255, 255, 255, 0.87); + background: #030712; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #4fe8d0; + background: #5eead4; } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext { @@ -1194,24 +1222,24 @@ font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: rgba(255, 255, 255, 0.87); - background: #040d19; + background: #111827; padding: 0.75rem 0.75rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 6px; } .p-inputtext:enabled:hover { - border-color: #5EEAD4; + border-color: #2dd4bf; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; } .p-inputtext.ng-dirty.ng-invalid { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1229,7 +1257,7 @@ } .p-float-label > .ng-invalid.ng-dirty + label { - color: #FCA5A5; + color: #fca5a5; } .p-input-icon-left > .p-icon-wrapper.p-icon, @@ -1273,13 +1301,13 @@ } .p-input-filled .p-inputtext { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-inputtext:enabled:hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-inputtext:enabled:focus { - background-color: #0b213f; + background-color: #424b57; } .p-inputtext-sm .p-inputtext { @@ -1293,16 +1321,17 @@ } .p-listbox { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1319,6 +1348,7 @@ } .p-listbox .p-listbox-list { padding: 0.75rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1330,12 +1360,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); - } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); + background: rgba(45, 212, 191, 0.16); } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; @@ -1344,7 +1369,7 @@ margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; } .p-listbox .p-listbox-list .p-listbox-empty-message { @@ -1352,29 +1377,42 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-multiselect { - background: #040d19; - border: 1px solid #0b213f; + background: #111827; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { - border-color: #5EEAD4; + border-color: #2dd4bf; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; @@ -1383,14 +1421,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; - background: rgba(94, 234, 212, 0.16); + margin-right: 0.5rem; + background: #424b57; color: rgba(255, 255, 255, 0.87); - border-radius: 6px; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1403,22 +1439,30 @@ border-bottom-right-radius: 6px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + .p-multiselect-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1451,7 +1495,7 @@ .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1467,17 +1511,19 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1485,7 +1531,7 @@ margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { @@ -1494,43 +1540,35 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #FCA5A5; - } - .p-input-filled .p-multiselect { - background: #0b213f; + background: #424b57; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: #424b57; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #fca5a5; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-password-panel { padding: 1.25rem; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; - background: #0b213f; + background: #424b57; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #eb9a9c; @@ -1563,8 +1601,8 @@ height: 22px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid #0b213f; - background: #040d19; + border: 2px solid #424b57; + background: #111827; width: 22px; height: 22px; color: rgba(255, 255, 255, 0.87); @@ -1572,45 +1610,45 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #5EEAD4; + border-color: #2dd4bf; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; - background-color: #1c2127; + background-color: #030712; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #5EEAD4; - background: #5EEAD4; + border-color: #2dd4bf; + background: #2dd4bf; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #41e6cc; - background: #41e6cc; - color: #1c2127; + border-color: #99f6e4; + background: #99f6e4; + color: #030712; } p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #5EEAD4; + background: #2dd4bf; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #41e6cc; + background: #99f6e4; } .p-radiobutton-label { @@ -1620,40 +1658,37 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f48fb1; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - } - .p-rating .p-rating-icon:first-child { - margin-left: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; } - .p-rating .p-rating-icon.p-rating-icon-active { - color: #5EEAD4; + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #2dd4bf; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #5EEAD4; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #2dd4bf; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; } .p-selectbutton .p-button { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1663,7 +1698,7 @@ } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, @@ -1671,30 +1706,30 @@ color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { - background: #5EEAD4; - border-color: #5EEAD4; - color: #1c2127; + background: #2dd4bf; + border-color: #2dd4bf; + color: #030712; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #1c2127; + color: #030712; } .p-selectbutton .p-button.p-highlight:hover { - background: #4fe8d0; - border-color: #4fe8d0; - color: #1c2127; + background: #5eead4; + border-color: #5eead4; + color: #030712; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; + color: #030712; } p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-slider { - background: #0b213f; + background: #424b57; border: 0 none; border-radius: 6px; } @@ -1715,22 +1750,22 @@ .p-slider .p-slider-handle { height: 1.143rem; width: 1.143rem; - background: #0b213f; - border: 2px solid #5EEAD4; + background: #424b57; + border: 2px solid #2dd4bf; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-slider .p-slider-range { - background: #5EEAD4; + background: #2dd4bf; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #5EEAD4; - border-color: #5EEAD4; + background: #2dd4bf; + border-color: #2dd4bf; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; @@ -1746,8 +1781,8 @@ } .p-togglebutton.p-button { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1757,7 +1792,7 @@ } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, @@ -1765,42 +1800,42 @@ color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { - background: #5EEAD4; - border-color: #5EEAD4; - color: #1c2127; + background: #2dd4bf; + border-color: #2dd4bf; + color: #030712; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #1c2127; + color: #030712; } .p-togglebutton.p-button.p-highlight:hover { - background: #4fe8d0; - border-color: #4fe8d0; - color: #1c2127; + background: #5eead4; + border-color: #5eead4; + color: #030712; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; + color: #030712; } p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-treeselect { - background: #040d19; - border: 1px solid #0b213f; + background: #111827; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { - border-color: #5EEAD4; + border-color: #2dd4bf; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - border-color: #5EEAD4; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + border-color: #2dd4bf; } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; @@ -1812,7 +1847,7 @@ .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #0b213f; + background: #424b57; color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1825,7 +1860,7 @@ } p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { @@ -1833,17 +1868,17 @@ } .p-treeselect-panel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-treeselect-panel .p-treeselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1881,7 +1916,7 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; @@ -1893,13 +1928,13 @@ } .p-input-filled .p-treeselect { - background: #0b213f; + background: #424b57; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #0b213f; + background-color: #424b57; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: #424b57; } p-treeselect.p-treeselect-clearable .p-treeselect-label-container { @@ -1911,81 +1946,81 @@ } .p-button { - color: #1c2127; - background: #5EEAD4; - border: 1px solid #5EEAD4; + color: #030712; + background: #2dd4bf; + border: 1px solid #2dd4bf; padding: 0.75rem 1.25rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } - .p-button:enabled:hover { - background: #4fe8d0; - color: #1c2127; - border-color: #4fe8d0; + .p-button:not(:disabled):hover { + background: #5eead4; + color: #030712; + border-color: #5eead4; } - .p-button:enabled:active { - background: #41e6cc; - color: #1c2127; - border-color: #41e6cc; + .p-button:not(:disabled):active { + background: #99f6e4; + color: #030712; + border-color: #99f6e4; } .p-button.p-button-outlined { background-color: transparent; - color: #5EEAD4; + color: #2dd4bf; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { - background: rgba(94, 234, 212, 0.04); - color: #5EEAD4; + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(45, 212, 191, 0.04); + color: #2dd4bf; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { - background: rgba(94, 234, 212, 0.16); - color: #5EEAD4; + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(45, 212, 191, 0.16); + color: #2dd4bf; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } .p-button.p-button-text { background-color: transparent; - color: #5EEAD4; + color: #2dd4bf; border-color: transparent; } - .p-button.p-button-text:enabled:hover { - background: rgba(94, 234, 212, 0.04); - color: #5EEAD4; + .p-button.p-button-text:not(:disabled):hover { + background: rgba(45, 212, 191, 0.04); + color: #2dd4bf; border-color: transparent; } - .p-button.p-button-text:enabled:active { - background: rgba(94, 234, 212, 0.16); - color: #5EEAD4; + .p-button.p-button-text:not(:disabled):active { + background: rgba(45, 212, 191, 0.16); + color: #2dd4bf; border-color: transparent; } .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-button .p-button-label { transition-duration: 0.2s; @@ -2007,8 +2042,8 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #5EEAD4; - background-color: #1c2127; + color: #2dd4bf; + background-color: #030712; } .p-button.p-button-raised { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); @@ -2062,321 +2097,441 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #1c2127; - background: #CBD5E1; - border: 1px solid #CBD5E1; - } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; - } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #dbe2ea; - } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #95a9c2; - color: #1c2127; - border-color: #95a9c2; - } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: #020617; + background: #94a3b8; + border: 1px solid #94a3b8; + } + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #cbd5e1; + color: #020617; + border-color: #cbd5e1; + } + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #b4bfcd; + } + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #e2e8f0; + color: #020617; + border-color: #e2e8f0; + } + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #CBD5E1; + color: #94a3b8; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(148, 163, 184, 0.04); + color: #94a3b8; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { - background: rgba(203, 213, 225, 0.16); - color: #CBD5E1; + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(148, 163, 184, 0.16); + color: #94a3b8; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #CBD5E1; + color: #94a3b8; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { - background: rgba(203, 213, 225, 0.04); + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(148, 163, 184, 0.04); border-color: transparent; - color: #CBD5E1; + color: #94a3b8; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { - background: rgba(203, 213, 225, 0.16); + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(148, 163, 184, 0.16); border-color: transparent; - color: #CBD5E1; - } - - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; - } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; - } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #b3d6fe; - } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #449bfc; - color: #1c2127; - border-color: #449bfc; - } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + color: #94a3b8; + } + + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; + } + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; + } + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #74d1fa; + } + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; + } + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #93C5FD; + color: #38bdf8; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #93C5FD; + color: #38bdf8; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(147, 197, 253, 0.04); + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); border-color: transparent; - color: #93C5FD; + color: #38bdf8; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(147, 197, 253, 0.16); + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); border-color: transparent; - color: #93C5FD; - } - - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #1c2127; - background: #86EFAC; - border: 1px solid #86EFAC; - } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; - } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #aaf4c5; - } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #44e67f; - color: #1c2127; - border-color: #44e67f; - } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + color: #38bdf8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #86efac; + color: #052e16; + border-color: #86efac; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #80e8a6; + } + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; + } + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #86EFAC; + color: #4ade80; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { - background: rgba(134, 239, 172, 0.16); - color: #86EFAC; + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #86EFAC; + color: #4ade80; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { - background: rgba(134, 239, 172, 0.04); + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); border-color: transparent; - color: #86EFAC; + color: #4ade80; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { - background: rgba(134, 239, 172, 0.16); + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); border-color: transparent; - color: #86EFAC; - } - - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #1c2127; - background: #FCD34D; - border: 1px solid #FCD34D; - } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; - } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #fde082; - } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #fbc30c; - color: #1c2127; - border-color: #fbc30c; - } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + color: #4ade80; + } + + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; + } + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; + } + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #fcb377; + } + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; + } + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FCD34D; + color: #fb923c; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(252, 211, 77, 0.16); - color: #FCD34D; + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FCD34D; + color: #fb923c; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(252, 211, 77, 0.04); + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); border-color: transparent; - color: #FCD34D; + color: #fb923c; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(252, 211, 77, 0.16); + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); border-color: transparent; - color: #FCD34D; - } - - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #1c2127; - background: #D8B4FE; - border: 1px solid #D8B4FE; - } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; - } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #e4cbfe; - } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #ab5efd; - color: #1c2127; - border-color: #ab5efd; - } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + color: #fb923c; + } + + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; + } + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; + } + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #d3a9fd; + } + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; + } + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #D8B4FE; + color: #c084fc; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { - background: rgba(216, 180, 254, 0.16); - color: #D8B4FE; + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #D8B4FE; + color: #c084fc; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { - background: rgba(216, 180, 254, 0.04); + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); border-color: transparent; - color: #D8B4FE; + color: #c084fc; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { - background: rgba(216, 180, 254, 0.16); + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); border-color: transparent; - color: #D8B4FE; - } - - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #1c2127; - background: #FCA5A5; - border: 1px solid #FCA5A5; - } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; - } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #fdc0c0; - } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #f95454; - color: #1c2127; - border-color: #f95454; - } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + color: #c084fc; + } + + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; + } + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; + } + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #fa9c9c; + } + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; + } + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #FCA5A5; + color: #f87171; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { - background: rgba(252, 165, 165, 0.16); - color: #FCA5A5; + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #FCA5A5; + color: #f87171; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { - background: rgba(252, 165, 165, 0.04); + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); border-color: transparent; - color: #FCA5A5; + color: #f87171; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { - background: rgba(252, 165, 165, 0.16); + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); border-color: transparent; - color: #FCA5A5; + color: #f87171; } .p-button.p-button-link { - color: #5EEAD4; + color: #2dd4bf; background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #5EEAD4; + color: #2dd4bf; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; - box-shadow: 0 0 0 1px rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 1px rgba(45, 212, 191, 0.2); border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #5EEAD4; + color: #2dd4bf; border-color: transparent; } @@ -2399,18 +2554,18 @@ .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-speeddial-action { width: 3rem; height: 3rem; background: rgba(255, 255, 255, 0.87); - color: #040d19; + color: #111827; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); - color: #040d19; + color: #111827; } .p-speeddial-direction-up .p-speeddial-item { @@ -2463,52 +2618,52 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #5EEAD4; + color: #2dd4bf; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(94, 234, 212, 0.04); - color: #5EEAD4; + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(45, 212, 191, 0.04); + color: #2dd4bf; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(94, 234, 212, 0.16); - color: #5EEAD4; + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(45, 212, 191, 0.16); + color: #2dd4bf; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #5EEAD4; + color: #2dd4bf; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(94, 234, 212, 0.04); - color: #5EEAD4; + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(45, 212, 191, 0.04); + color: #2dd4bf; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(94, 234, 212, 0.16); - color: #5EEAD4; + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(45, 212, 191, 0.16); + color: #2dd4bf; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2538,176 +2693,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #CBD5E1; + color: #94a3b8; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(148, 163, 184, 0.04); + color: #94a3b8; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(203, 213, 225, 0.16); - color: #CBD5E1; + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(148, 163, 184, 0.16); + color: #94a3b8; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #CBD5E1; + color: #94a3b8; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(203, 213, 225, 0.04); + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(148, 163, 184, 0.04); border-color: transparent; - color: #CBD5E1; + color: #94a3b8; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(203, 213, 225, 0.16); + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(148, 163, 184, 0.16); border-color: transparent; - color: #CBD5E1; + color: #94a3b8; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #93C5FD; + color: #38bdf8; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #93C5FD; + color: #38bdf8; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(56, 189, 248, 0.04); border-color: transparent; - color: #93C5FD; + color: #38bdf8; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(56, 189, 248, 0.16); border-color: transparent; - color: #93C5FD; + color: #38bdf8; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #86EFAC; + color: #4ade80; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(134, 239, 172, 0.16); - color: #86EFAC; + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #86EFAC; + color: #4ade80; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(134, 239, 172, 0.04); + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(74, 222, 128, 0.04); border-color: transparent; - color: #86EFAC; + color: #4ade80; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(134, 239, 172, 0.16); + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(74, 222, 128, 0.16); border-color: transparent; - color: #86EFAC; + color: #4ade80; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FCD34D; + color: #fb923c; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 211, 77, 0.16); - color: #FCD34D; + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FCD34D; + color: #fb923c; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 211, 77, 0.04); + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(251, 146, 60, 0.04); border-color: transparent; - color: #FCD34D; + color: #fb923c; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 211, 77, 0.16); + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(251, 146, 60, 0.16); border-color: transparent; - color: #FCD34D; + color: #fb923c; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #D8B4FE; + color: #c084fc; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(216, 180, 254, 0.16); - color: #D8B4FE; + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #D8B4FE; + color: #c084fc; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(216, 180, 254, 0.04); + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(192, 132, 252, 0.04); border-color: transparent; - color: #D8B4FE; + color: #c084fc; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(216, 180, 254, 0.16); + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(192, 132, 252, 0.16); border-color: transparent; - color: #D8B4FE; + color: #c084fc; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #FCA5A5; + color: #f87171; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 165, 165, 0.16); - color: #FCA5A5; + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #FCA5A5; + color: #f87171; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 165, 165, 0.04); + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(248, 113, 113, 0.04); border-color: transparent; - color: #FCA5A5; + color: #f87171; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 165, 165, 0.16); + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(248, 113, 113, 0.16); border-color: transparent; - color: #FCA5A5; + color: #f87171; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -2731,7 +2886,7 @@ .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2741,7 +2896,7 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #0b213f; + background-color: #424b57; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -2751,7 +2906,7 @@ background: rgba(255, 255, 255, 0.03); } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); color: rgba(255, 255, 255, 0.87); } @@ -2764,17 +2919,17 @@ border-radius: 0; } .p-datatable .p-datatable-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-footer { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -2782,21 +2937,21 @@ .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; } .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); @@ -2808,7 +2963,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -2819,31 +2974,31 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight { - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); outline: 0 none; } .p-datatable .p-datatable-tbody > tr { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -2873,40 +3028,40 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(94, 234, 212, 0.5); + outline: 0.15rem solid rgba(45, 212, 191, 0.2); outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(94, 234, 212, 0.16); + box-shadow: inset 0 2px 0 0 rgba(45, 212, 191, 0.16); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(94, 234, 212, 0.16); + box-shadow: inset 0 -2px 0 0 rgba(45, 212, 191, 0.16); } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #5EEAD4; + background: #2dd4bf; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { - background: #071426; + background: #1f2937; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { - background-color: #071426; + background-color: #1f2937; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; @@ -2966,10 +3121,10 @@ border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: #0d1a2c; + background: #1c2532; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { @@ -3018,27 +3173,23 @@ border-radius: 0; } .p-dataview .p-dataview-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-dataview .p-dataview-content { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #0b213f; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3076,13 +3227,13 @@ color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-column-filter-clear-button { @@ -3102,13 +3253,13 @@ .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-column-filter-overlay { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); min-width: 12.5rem; @@ -3127,7 +3278,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); @@ -3136,25 +3287,25 @@ .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid #424b57; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3172,295 +3323,6 @@ padding: 1.25rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #0b213f; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #0b213f; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #4fe8d0; - border: 1px solid #4fe8d0; - color: #1c2127; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #071426; - border: 1px solid #0b213f; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #1c2127; - background: #5EEAD4; - border: 1px solid #5EEAD4; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #4fe8d0; - color: #1c2127; - border-color: #4fe8d0; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #41e6cc; - color: #1c2127; - border-color: #41e6cc; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #5EEAD4; - border-color: #5EEAD4; - color: #1c2127; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #4fe8d0; - border-color: #4fe8d0; - color: #1c2127; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #0b213f; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #071426; - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #0b213f; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #071426; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #0b213f; - padding: 1.25rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #1c2127; - background: #4fe8d0; - border-color: #4fe8d0; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #1c2127; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #4fe8d0; - border-color: #4fe8d0; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #071426; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #1c2127; - background: #5EEAD4; - border: 1px solid #5EEAD4; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #4fe8d0; - color: #1c2127; - border-color: #4fe8d0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #41e6cc; - color: #1c2127; - border-color: #41e6cc; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #1c2127; - background: #5EEAD4; - border: 1px solid #5EEAD4; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #071426; - border: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #5EEAD4; - border-color: #5EEAD4; - color: #1c2127; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #4fe8d0; - border-color: #4fe8d0; - color: #1c2127; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); - } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3468,9 +3330,9 @@ margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; @@ -3481,8 +3343,8 @@ } .p-orderlist .p-orderlist-filter-container { padding: 1.25rem; - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { @@ -3493,12 +3355,13 @@ color: rgba(255, 255, 255, 0.6); } .p-orderlist .p-orderlist-list { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3508,14 +3371,20 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 1.25rem; @@ -3526,7 +3395,7 @@ color: rgba(255, 255, 255, 0.87); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { - background: rgba(255, 255, 255, 0.01); + background: #1c2532; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); @@ -3537,7 +3406,7 @@ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border: 0 none; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; } @@ -3546,26 +3415,26 @@ color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: rgba(23, 177, 153, 0.16); + color: rgba(22, 107, 97, 0.16); } .p-organizationchart .p-organizationchart-line-down { - background: #0b213f; + background: #424b57; } .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #0b213f; - border-color: #0b213f; + border-right: 1px solid #424b57; + border-color: #424b57; } .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #0b213f; - border-color: #0b213f; + border-top: 1px solid #424b57; + border-color: #424b57; } .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 1.25rem; } @@ -3577,13 +3446,13 @@ .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-paginator { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: solid #0b213f; + border: solid #424b57; border-width: 1px; padding: 0.5rem 1rem; border-radius: 6px; @@ -3652,8 +3521,8 @@ border-radius: 6px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(94, 234, 212, 0.16); - border-color: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); + border-color: rgba(45, 212, 191, 0.16); color: rgba(255, 255, 255, 0.87); } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3669,9 +3538,9 @@ margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; @@ -3682,8 +3551,8 @@ } .p-picklist .p-picklist-filter-container { padding: 1.25rem; - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { @@ -3694,12 +3563,13 @@ color: rgba(255, 255, 255, 0.6); } .p-picklist .p-picklist-list { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; @@ -3709,14 +3579,20 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 1.25rem; @@ -3727,7 +3603,7 @@ color: rgba(255, 255, 255, 0.87); } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { - background: rgba(255, 255, 255, 0.01); + background: #1c2532; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); @@ -3738,19 +3614,19 @@ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border: 0 none; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; margin: 0; } .p-timeline .p-timeline-event-marker { - border: 2px solid #5EEAD4; + border: 2px solid #2dd4bf; border-radius: 50%; width: 1rem; height: 1rem; - background-color: #1c2127; + background-color: #030712; } .p-timeline .p-timeline-event-connector { - background-color: #0b213f; + background-color: #424b57; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { @@ -3768,14 +3644,20 @@ } .p-tree { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 1.25rem; border-radius: 6px; } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3800,7 +3682,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; @@ -3812,13 +3694,8 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3859,18 +3736,18 @@ height: 2rem; } .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: rgba(36, 226, 197, 0.16); + background-color: rgba(35, 171, 154, 0.16); } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 6px; - border: 1px solid #0b213f; - background-color: #071426; + border: 1px solid #424b57; + background-color: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0.5rem; transition: box-shadow 0.2s; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: rgba(94, 234, 212, 0.16); + background-color: rgba(45, 212, 191, 0.16); color: rgba(255, 255, 255, 0.87); } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { @@ -3897,7 +3774,7 @@ .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-treetable .p-paginator-top { @@ -3909,17 +3786,17 @@ border-radius: 0; } .p-treetable .p-treetable-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-footer { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3927,24 +3804,24 @@ .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; } .p-treetable .p-sortable-column { - outline-color: rgba(94, 234, 212, 0.5); + outline-color: rgba(45, 212, 191, 0.2); } .p-treetable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); @@ -3956,7 +3833,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3967,20 +3844,20 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-sortable-column.p-highlight { - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); color: rgba(255, 255, 255, 0.87); } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -4002,7 +3879,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { width: 2rem; @@ -4015,11 +3892,11 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid rgba(94, 234, 212, 0.5); + outline: 0.15rem solid rgba(45, 212, 191, 0.2); outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -4036,11 +3913,11 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #5EEAD4; + background: #2dd4bf; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { - background: #071426; + background: #1f2937; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; @@ -4102,23 +3979,23 @@ } .p-virtualscroller .p-virtualscroller-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-virtualscroller .p-virtualscroller-content { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border: 0 none; padding: 0; } .p-virtualscroller .p-virtualscroller-footer { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -4128,9 +4005,9 @@ .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; @@ -4141,29 +4018,29 @@ .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #071426; - border-color: #0b213f; + background: #1f2937; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #0b213f; + border-color: #424b57; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } .p-accordion .p-accordion-content { padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border-top: 0; border-top-right-radius: 0; @@ -4176,7 +4053,7 @@ } .p-card { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; @@ -4202,14 +4079,14 @@ } .p-divider .p-divider-content { - background-color: #071426; + background-color: #1f2937; } .p-divider.p-divider-horizontal { margin: 1.25rem 0; padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px #0b213f; + border-top: 1px #424b57; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -4219,23 +4096,23 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px #0b213f; + border-left: 1px #424b57; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-fieldset { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.25rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; font-weight: 700; border-radius: 6px; } @@ -4255,11 +4132,11 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-fieldset .p-fieldset-content { @@ -4267,9 +4144,9 @@ } .p-panel .p-panel-header { - border: 1px solid #0b213f; + border: 1px solid #424b57; padding: 1.25rem; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4294,25 +4171,29 @@ .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; } .p-panel .p-panel-content { padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4330,13 +4211,13 @@ } .p-scrollpanel .p-scrollpanel-bar { - background: #0b213f; + background: #424b57; border: 0 none; } .p-splitter { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; border-radius: 6px; color: rgba(255, 255, 255, 0.87); } @@ -4345,10 +4226,10 @@ background: rgba(255, 255, 255, 0.03); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #0b213f; + background: #424b57; } .p-splitter .p-splitter-gutter-resizing { - background: #0b213f; + background: #424b57; } .p-tabview .p-tabview-nav-content { @@ -4356,17 +4237,17 @@ } .p-tabview .p-tabview-nav { background: transparent; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #0b213f; + border: solid #424b57; border-width: 0 0 2px 0; - border-color: transparent transparent #0b213f transparent; - background: #071426; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; color: rgba(255, 255, 255, 0.6); padding: 1.25rem; font-weight: 700; @@ -4378,17 +4259,17 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #071426; - border-color: #5EEAD4; + background: #1f2937; + border-color: #2dd4bf; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #071426; - border-color: #5EEAD4; - color: #5EEAD4; + background: #1f2937; + border-color: #2dd4bf; + color: #2dd4bf; } .p-tabview .p-tabview-left-icon { margin-right: 0.5rem; @@ -4400,8 +4281,8 @@ margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { - background: #071426; - color: #5EEAD4; + background: #1f2937; + color: #2dd4bf; width: 3rem; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; @@ -4409,10 +4290,10 @@ .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-tabview .p-tabview-panels { - background: #071426; + background: #1f2937; padding: 1.25rem; border: 0 none; color: rgba(255, 255, 255, 0.87); @@ -4421,8 +4302,8 @@ } .p-toolbar { - background: #071426; - border: 1px solid #0b213f; + background: #1f2937; + border: 1px solid #424b57; padding: 1.25rem; border-radius: 6px; gap: 0.5rem; @@ -4432,9 +4313,9 @@ } .p-confirm-popup { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } @@ -4454,19 +4335,19 @@ } .p-confirm-popup:after { border: solid transparent; - border-color: rgba(7, 20, 38, 0); - border-bottom-color: #071426; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; } .p-confirm-popup:before { border: solid transparent; - border-color: rgba(11, 33, 63, 0); - border-bottom-color: #0b213f; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #424b57; } .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #071426; + border-top-color: #1f2937; } .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #0b213f; + border-top-color: #424b57; } .p-confirm-popup .p-confirm-popup-icon { font-size: 1.5rem; @@ -4482,11 +4363,11 @@ .p-dialog { border-radius: 6px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 1px solid #0b213f; + border: 1px solid #424b57; } .p-dialog .p-dialog-header { border-bottom: 0 none; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 1.5rem; border-top-right-radius: 6px; @@ -4514,13 +4395,13 @@ .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0 1.5rem 2rem 1.5rem; } @@ -4530,7 +4411,7 @@ } .p-dialog .p-dialog-footer { border-top: 0 none; - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; @@ -4553,9 +4434,9 @@ } .p-overlaypanel { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } @@ -4563,8 +4444,8 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #5EEAD4; - color: #1c2127; + background: #2dd4bf; + color: #030712; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -4574,30 +4455,30 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #4fe8d0; - color: #1c2127; + background: #5eead4; + color: #030712; } .p-overlaypanel:after { border: solid transparent; - border-color: rgba(7, 20, 38, 0); - border-bottom-color: #071426; + border-color: rgba(31, 41, 55, 0); + border-bottom-color: #1f2937; } .p-overlaypanel:before { border: solid transparent; - border-color: rgba(11, 33, 63, 0); - border-bottom-color: #0a1f3c; + border-color: rgba(66, 75, 87, 0); + border-bottom-color: #3f4753; } .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #071426; + border-top-color: #1f2937; } .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #0b213f; + border-top-color: #424b57; } .p-sidebar { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .p-sidebar .p-sidebar-header { @@ -4623,7 +4504,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4636,29 +4517,29 @@ } .p-tooltip .p-tooltip-text { - background: #0b213f; + background: #424b57; color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0.75rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #0b213f; + border-right-color: #424b57; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #0b213f; + border-left-color: #424b57; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #0b213f; + border-top-color: #424b57; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #0b213f; + border-bottom-color: #424b57; } .p-fileupload .p-fileupload-buttonbar { - background: #071426; + background: #1f2937; padding: 1.25rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); border-bottom: 0 none; border-top-right-radius: 6px; @@ -4670,20 +4551,20 @@ .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-fileupload .p-fileupload-content { - background: #071426; + background: #1f2937; padding: 2rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #5EEAD4; + border-color: 1px dashed #2dd4bf; border-style: dashed; - background-color: rgba(94, 234, 212, 0.16); + background-color: rgba(45, 212, 191, 0.16); } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4696,19 +4577,19 @@ } .p-fileupload-choose:not(.p-disabled):hover { - background: #4fe8d0; - color: #1c2127; - border-color: #4fe8d0; + background: #5eead4; + color: #030712; + border-color: #5eead4; } .p-fileupload-choose:not(.p-disabled):active { - background: #41e6cc; - color: #1c2127; - border-color: #41e6cc; + background: #99f6e4; + color: #030712; + border-color: #99f6e4; } .p-breadcrumb { - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; border-radius: 6px; padding: 1rem; } @@ -4719,7 +4600,7 @@ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); @@ -4740,9 +4621,9 @@ .p-contextmenu { padding: 0.25rem 0; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; width: 12.5rem; @@ -4752,8 +4633,8 @@ } .p-contextmenu .p-submenu-list { padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } @@ -4779,25 +4660,27 @@ } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(94, 234, 212, 0.24); + background: rgba(45, 212, 191, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4807,11 +4690,12 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { @@ -4838,7 +4722,7 @@ .p-dock .p-dock-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); } .p-dock .p-dock-link { width: 4rem; @@ -4893,9 +4777,9 @@ } .p-megamenu { padding: 0.5rem; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; } .p-megamenu .p-megamenu-root-list { @@ -4923,25 +4807,27 @@ } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(94, 234, 212, 0.24); + background: rgba(45, 212, 191, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4951,20 +4837,21 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4974,7 +4861,7 @@ width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-megamenu.p-megamenu-vertical { @@ -5008,15 +4895,16 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu { padding: 0.25rem 0; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; width: 12.5rem; } @@ -5042,25 +4930,27 @@ } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(94, 234, 212, 0.24); + background: rgba(45, 212, 191, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5070,30 +4960,31 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: #374151; font-weight: 700; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menu .p-menuitem-badge { - background: #5EEAD4; - color: #1c2127; + background: #2dd4bf; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5107,9 +4998,9 @@ .p-menubar { padding: 0.5rem; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; } .p-menubar .p-menubar-root-list { @@ -5142,7 +5033,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5167,25 +5059,27 @@ } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(94, 234, 212, 0.24); + background: rgba(45, 212, 191, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5195,18 +5089,19 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { @@ -5232,19 +5127,19 @@ .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-menubar .p-menubar-root-list { position: absolute; display: none; padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -5305,9 +5200,9 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #0b213f; + border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; border-radius: 6px; transition: box-shadow 0.2s; } @@ -5325,30 +5220,30 @@ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #071426; - border-color: #0b213f; + background: #1f2937; + border-color: #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #0b213f; + border-color: #424b57; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid #424b57; + background: #1f2937; color: rgba(255, 255, 255, 0.87); border-top: 0; border-top-right-radius: 0; @@ -5381,25 +5276,27 @@ } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(94, 234, 212, 0.24); + background: rgba(45, 212, 191, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5409,14 +5306,15 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -5428,9 +5326,9 @@ .p-slidemenu { padding: 0.25rem 0; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; width: 12.5rem; } @@ -5462,25 +5360,27 @@ } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(94, 234, 212, 0.24); + background: rgba(45, 212, 191, 0.24); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5490,22 +5390,23 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-slidemenu-list { padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-slidemenu .p-slidemenu-icon { @@ -5522,11 +5423,11 @@ .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-slidemenu .p-menuitem-badge { - background: #5EEAD4; - color: #1c2127; + background: #2dd4bf; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5562,10 +5463,10 @@ .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); color: rgba(255, 255, 255, 0.87); } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5574,7 +5475,7 @@ } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; width: 100%; top: 50%; left: 0; @@ -5585,12 +5486,12 @@ .p-tabmenu .p-tabmenu-nav { background: transparent; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #5EEAD4; - color: #1c2127; + background: #2dd4bf; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5605,10 +5506,10 @@ margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #0b213f; + border: solid #424b57; border-width: 0 0 2px 0; - border-color: transparent transparent #0b213f transparent; - background: #071426; + border-color: transparent transparent #424b57 transparent; + background: #1f2937; color: rgba(255, 255, 255, 0.6); padding: 1.25rem; font-weight: 700; @@ -5623,17 +5524,17 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #071426; - border-color: #5EEAD4; + background: #1f2937; + border-color: #2dd4bf; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #071426; - border-color: #5EEAD4; - color: #5EEAD4; + background: #1f2937; + border-color: #2dd4bf; + color: #2dd4bf; } .p-tabmenu .p-tabmenu-left-icon { margin-right: 0.5rem; @@ -5642,8 +5543,8 @@ margin-left: 0.5rem; } .p-tabmenu .p-tabmenu-nav-btn.p-link { - background: #071426; - color: #5EEAD4; + background: #1f2937; + color: #2dd4bf; width: 3rem; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; @@ -5651,20 +5552,20 @@ .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-tieredmenu { padding: 0.25rem 0; - background: #091a32; + background: #374151; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-radius: 6px; width: 12.5rem; } .p-tieredmenu.p-tieredmenu-overlay { - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-tieredmenu-root-list { @@ -5672,8 +5573,8 @@ } .p-tieredmenu .p-submenu-list { padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; + background: #374151; + border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-menuitem > .p-menuitem-content { @@ -5698,25 +5599,27 @@ } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(94, 234, 212, 0.24); + background: rgba(45, 212, 191, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: #424b57; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5726,11 +5629,12 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5747,40 +5651,40 @@ border-radius: 6px; } .p-inline-message.p-inline-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; border-width: 1px; - color: #696cff; + color: #93c5fd; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #696cff; + color: #93c5fd; } .p-inline-message.p-inline-message-success { - background: #e4f8f0; - border: solid #1ea97c; + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; border-width: 1px; - color: #1ea97c; + color: #6ee7b7; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1ea97c; + color: #6ee7b7; } .p-inline-message.p-inline-message-warn { - background: #fff2e2; - border: solid #cc8925; + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; border-width: 1px; - color: #cc8925; + color: #fde047; } .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #cc8925; + color: #fde047; } .p-inline-message.p-inline-message-error { - background: #ffe7e6; - border: solid #ff5757; + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; border-width: 1px; - color: #ff5757; + color: #fca5a5; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #ff5757; + color: #fca5a5; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5817,59 +5721,59 @@ .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-message.p-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; border-width: 0 0 0 6px; - color: #696cff; + color: #93c5fd; } .p-message.p-message-info .p-message-icon { - color: #696cff; + color: #93c5fd; } .p-message.p-message-info .p-message-close { - color: #696cff; + color: #93c5fd; } .p-message.p-message-success { - background: #e4f8f0; - border: solid #1ea97c; + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; border-width: 0 0 0 6px; - color: #1ea97c; + color: #6ee7b7; } .p-message.p-message-success .p-message-icon { - color: #1ea97c; + color: #6ee7b7; } .p-message.p-message-success .p-message-close { - color: #1ea97c; + color: #6ee7b7; } .p-message.p-message-warn { - background: #fff2e2; - border: solid #cc8925; + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; border-width: 0 0 0 6px; - color: #cc8925; + color: #fde047; } .p-message.p-message-warn .p-message-icon { - color: #cc8925; + color: #fde047; } .p-message.p-message-warn .p-message-close { - color: #cc8925; + color: #fde047; } .p-message.p-message-error { - background: #ffe7e6; - border: solid #ff5757; + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; border-width: 0 0 0 6px; - color: #ff5757; + color: #fca5a5; } .p-message.p-message-error .p-message-icon { - color: #ff5757; + color: #fca5a5; } .p-message.p-message-error .p-message-close { - color: #ff5757; + color: #fca5a5; } .p-message .p-message-text { font-size: 1rem; - font-weight: 400; + font-weight: 500; } .p-message .p-message-icon { font-size: 1.5rem; @@ -5887,7 +5791,7 @@ } .p-toast { - opacity: 0.9; + opacity: 1; } .p-toast .p-toast-message { margin: 0 0 1rem 0; @@ -5927,47 +5831,47 @@ .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-toast .p-toast-message.p-toast-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(59, 130, 246, 0.2); + border: solid #3b82f6; border-width: 0 0 0 6px; - color: #696cff; + color: #93c5fd; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #696cff; + color: #93c5fd; } .p-toast .p-toast-message.p-toast-message-success { - background: #e4f8f0; - border: solid #1ea97c; + background: rgba(16, 185, 129, 0.2); + border: solid #10b981; border-width: 0 0 0 6px; - color: #1ea97c; + color: #6ee7b7; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1ea97c; + color: #6ee7b7; } .p-toast .p-toast-message.p-toast-message-warn { - background: #fff2e2; - border: solid #cc8925; + background: rgba(234, 179, 8, 0.2); + border: solid #eab308; border-width: 0 0 0 6px; - color: #cc8925; + color: #fde047; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #cc8925; + color: #fde047; } .p-toast .p-toast-message.p-toast-message-error { - background: #ffe7e6; - border: solid #ff5757; + background: rgba(239, 68, 68, 0.2); + border: solid #ef4444; border-width: 0 0 0 6px; - color: #ff5757; + color: #fca5a5; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #ff5757; + color: #fca5a5; } .p-galleria .p-galleria-close { @@ -6020,7 +5924,7 @@ padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #0b213f; + background-color: #424b57; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -6030,7 +5934,7 @@ background: rgba(255, 255, 255, 0.1); } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); color: rgba(255, 255, 255, 0.87); } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -6049,7 +5953,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); color: rgba(255, 255, 255, 0.87); } .p-galleria .p-galleria-thumbnail-container { @@ -6074,7 +5978,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-galleria-mask { @@ -6124,7 +6028,7 @@ } .p-avatar { - background-color: #0b213f; + background-color: #424b57; border-radius: 6px; } .p-avatar.p-avatar-lg { @@ -6145,12 +6049,12 @@ } .p-avatar-group .p-avatar { - border: 2px solid #071426; + border: 2px solid #1f2937; } .p-badge { - background: #5EEAD4; - color: #1c2127; + background: #2dd4bf; + color: #030712; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -6158,24 +6062,24 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #CBD5E1; - color: #1c2127; + background-color: #94a3b8; + color: #020617; } .p-badge.p-badge-success { - background-color: #86EFAC; - color: #1c2127; + background-color: #4ade80; + color: #052e16; } .p-badge.p-badge-info { - background-color: #93C5FD; - color: #1c2127; + background-color: #38bdf8; + color: #082f49; } .p-badge.p-badge-warning { - background-color: #FCD34D; - color: #1c2127; + background-color: #fb923c; + color: #431407; } .p-badge.p-badge-danger { - background-color: #FCA5A5; - color: #1c2127; + background-color: #f87171; + color: #450a0a; } .p-badge.p-badge-lg { font-size: 1.125rem; @@ -6191,7 +6095,7 @@ } .p-chip { - background-color: #0b213f; + background-color: #424b57; color: rgba(255, 255, 255, 0.87); border-radius: 16px; padding: 0 0.75rem; @@ -6220,7 +6124,7 @@ .p-chip .pi-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-chip .pi-chip-remove-icon:focus { outline: 0 none; @@ -6238,22 +6142,22 @@ .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } .p-progressbar { border: 0 none; height: 1.5rem; - background: #0b213f; + background: #424b57; border-radius: 6px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #5EEAD4; + background: #2dd4bf; } .p-progressbar .p-progressbar-label { - color: #1c2127; + color: #030712; line-height: 1.5rem; } @@ -6265,10 +6169,10 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { - background: rgba(94, 234, 212, 0.16); + background: rgba(45, 212, 191, 0.16); } .p-scrolltop.p-link:hover { - background: rgba(94, 234, 212, 0.3616); + background: rgba(45, 212, 191, 0.3616); } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; @@ -6288,28 +6192,28 @@ } .p-tag { - background: #5EEAD4; - color: #1c2127; + background: #2dd4bf; + color: #030712; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; border-radius: 6px; } .p-tag.p-tag-success { - background-color: #86EFAC; - color: #1c2127; + background-color: #4ade80; + color: #052e16; } .p-tag.p-tag-info { - background-color: #93C5FD; - color: #1c2127; + background-color: #38bdf8; + color: #082f49; } .p-tag.p-tag-warning { - background-color: #FCD34D; - color: #1c2127; + background-color: #fb923c; + color: #431407; } .p-tag.p-tag-danger { - background-color: #FCA5A5; - color: #1c2127; + background-color: #f87171; + color: #450a0a; } .p-tag .p-tag-icon { margin-right: 0.25rem; @@ -6321,9 +6225,9 @@ } .p-terminal { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; padding: 1.25rem; } .p-terminal .p-terminal-input { @@ -6337,6 +6241,11 @@ font-weight: 700; } + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -6344,49 +6253,82 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #5EEAD4; + background-color: #2dd4bf; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #5EEAD4; + background-color: #2dd4bf; } .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(94, 234, 212, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(45, 212, 191, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(148, 163, 184, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(134, 239, 172, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(74, 222, 128, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(56, 189, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 211, 77, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(251, 146, 60, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(216, 180, 254, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(192, 132, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 165, 165, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(248, 113, 113, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #2dd4bf; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #2dd4bf; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #5EEAD4; + box-shadow: inset 0 2px 0 0 #2dd4bf; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #5EEAD4; + box-shadow: inset 0 -2px 0 0 #2dd4bf; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(45, 212, 191, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.1); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #2dd4bf; + color: #030712; } } diff --git a/src/assets/components/themes/lara-light-amber/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/lara-light-amber/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/lara-light-amber/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/lara-light-amber/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/lara-light-amber/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/lara-light-amber/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/lara-light-amber/theme.css b/src/assets/components/themes/lara-light-amber/theme.css new file mode 100644 index 00000000000..2109183c552 --- /dev/null +++ b/src/assets/components/themes/lara-light-amber/theme.css @@ -0,0 +1,6188 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family:"Inter var", sans-serif; + --font-feature-settings: "cv02","cv03","cv04","cv11"; + --surface-a:#ffffff; + --surface-b:#f9fafb; + --surface-c:#f3f4f6; + --surface-d:#e5e7eb; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#4b5563; + --text-color-secondary:#6b7280; + --primary-color:#f59e0b; + --primary-color-text:#ffffff; + --surface-0: #ffffff; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding:1.25rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#f9fafb; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dfe7ef; + --surface-hover:#f6f9fc; + --focus-ring: 0 0 0 0.2rem #fef08a; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #fffbeb; + --highlight-text-color: #b45309; + color-scheme: light; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#fffaf3; + --primary-100:#fde8c4; + --primary-200:#fbd596; + --primary-300:#f9c368; + --primary-400:#f7b039; + --primary-500:#f59e0b; + --primary-600:#d08609; + --primary-700:#ac6f08; + --primary-800:#875706; + --primary-900:#623f04; +} + +.p-editor-container .p-editor-toolbar { + background: #f9fafb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4b5563; + background: #f3f4f6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #f59e0b; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #f59e0b; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #f59e0b; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #f59e0b; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #e24c4c; + } + + .p-text-secondary { + color: #6b7280; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #f59e0b; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: #4b5563; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #e24c4c; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #e24c4c; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + + .p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #4b5563; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #e5e7eb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #4b5563; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #f59e0b; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; + } + .p-datepicker table th { + padding: 0.5rem; + } + .p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; + } + .p-datepicker table td { + padding: 0.5rem; + } + .p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-datepicker table td.p-datepicker-today > span { + background: #d1d5db; + color: #4b5563; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #e5e7eb; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e5e7eb; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1.25rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e5e7eb; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f3f4f6; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #f59e0b; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6b7280; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #e24c4c; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #f59e0b; + background: #f59e0b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #f59e0b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #b45309; + background: #b45309; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #f59e0b; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #b45309; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #f59e0b; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: #4b5563; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #e24c4c; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #f59e0b; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #6b7280; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #6b7280; + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #e24c4c; + } + + .p-dropdown-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f3f4f6; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + .p-inputgroup-addon { + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #d1d5db; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #e24c4c; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #e24c4c; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b7bcc5; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #f59e0b; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #d97706; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #e24c4c; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #f59e0b; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #e24c4c; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #6b7280; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #e24c4c; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #6b7280; + } + + :-moz-placeholder { + color: #6b7280; + } + + ::-moz-placeholder { + color: #6b7280; + } + + :-ms-input-placeholder { + color: #6b7280; + } + + .p-input-filled .p-inputtext { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #e24c4c; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #f59e0b; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #6b7280; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #e24c4c; + } + + .p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e5e7eb; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ea5455; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ff9f42; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #29c76f; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6b7280; + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #f59e0b; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #f59e0b; + background: #f59e0b; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #b45309; + background: #b45309; + color: #ffffff; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #e24c4c; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #f59e0b; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #b45309; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #4b5563; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1.143rem; + height: 1.143rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #ea5455; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #f59e0b; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #f59e0b; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #e73d3e; + } + + .p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #d1d5db; + color: #4b5563; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #6b7280; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #374151; + } + .p-selectbutton .p-button.p-highlight { + background: #f59e0b; + border-color: #f59e0b; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #d97706; + border-color: #d97706; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #e24c4c; + } + + .p-slider { + background: #e5e7eb; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 0.286rem; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; + } + .p-slider.p-slider-vertical { + width: 0.286rem; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; + } + .p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #ffffff; + border: 2px solid #f59e0b; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-slider .p-slider-range { + background: #f59e0b; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #f59e0b; + border-color: #f59e0b; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #ffffff; + border: 1px solid #d1d5db; + color: #4b5563; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #6b7280; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #374151; + } + .p-togglebutton.p-button.p-highlight { + background: #f59e0b; + border-color: #f59e0b; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #d97706; + border-color: #d97706; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #e24c4c; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #f59e0b; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: #f59e0b; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #6b7280; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #e24c4c; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f3f4f6; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-button { + color: #ffffff; + background: #f59e0b; + border: 1px solid #f59e0b; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-button:enabled:hover { + background: #d97706; + color: #ffffff; + border-color: #d97706; + } + .p-button:enabled:active { + background: #b45309; + color: #ffffff; + border-color: #b45309; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #f59e0b; + border: 1px solid; + } + .p-button.p-button-outlined:enabled:hover { + background: rgba(245, 158, 11, 0.04); + color: #f59e0b; + border: 1px solid; + } + .p-button.p-button-outlined:enabled:active { + background: rgba(245, 158, 11, 0.16); + color: #f59e0b; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #6b7280; + border-color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:enabled:active { + background: #e5e7eb; + color: #6b7280; + } + .p-button.p-button-text { + background-color: transparent; + color: #f59e0b; + border-color: transparent; + } + .p-button.p-button-text:enabled:hover { + background: rgba(245, 158, 11, 0.04); + color: #f59e0b; + border-color: transparent; + } + .p-button.p-button-text:enabled:active { + background: rgba(245, 158, 11, 0.16); + color: #f59e0b; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:enabled:hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:enabled:active { + background: #e5e7eb; + color: #6b7280; + } + .p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #f59e0b; + background-color: #ffffff; + } + .p-button.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 3rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #64748B; + border: 1px solid #64748B; + } + .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #475569; + color: #ffffff; + border-color: #475569; + } + .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #E2E8F0; + } + .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #64748B; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #64748B; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; + } + .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; + } + + .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22C55E; + border: 1px solid #22C55E; + } + .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #16A34A; + color: #ffffff; + border-color: #16A34A; + } + .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #BBF7D0; + } + .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #15803D; + color: #ffffff; + border-color: #15803D; + } + .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #22C55E; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; + border: 1px solid; + } + .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #22C55E; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; + } + .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; + } + + .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #FDE68A; + } + .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #A855F7; + border: 1px solid #A855F7; + } + .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #9333EA; + color: #ffffff; + border-color: #9333EA; + } + .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #E9D5FF; + } + .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #7E22CE; + color: #ffffff; + border-color: #7E22CE; + } + .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #A855F7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; + border: 1px solid; + } + .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #A855F7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; + } + .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; + } + + .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #EF4444; + border: 1px solid #EF4444; + } + .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #DC2626; + color: #ffffff; + border-color: #DC2626; + } + .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #FECACA; + } + .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #B91C1C; + color: #ffffff; + border-color: #B91C1C; + } + .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #EF4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #EF4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; + } + .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; + } + + .p-button.p-button-link { + color: #b45309; + background: transparent; + border: transparent; + } + .p-button.p-button-link:enabled:hover { + background: transparent; + color: #b45309; + border-color: transparent; + } + .p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.2rem #fef08a; + border-color: transparent; + } + .p-button.p-button-link:enabled:active { + background: transparent; + color: #b45309; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1.3rem; + height: 1.3rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #4b5563; + color: #fff; + } + .p-speeddial-action:hover { + background: #022354; + color: #fff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #f59e0b; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #f59e0b; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #f59e0b; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #6b7280; + border-color: #6b7280; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #f59e0b; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(245, 158, 11, 0.04); + color: #f59e0b; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(245, 158, 11, 0.16); + color: #f59e0b; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #6b7280; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #64748B; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #64748B; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22C55E; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22C55E; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #A855F7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #A855F7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #EF4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #EF4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #d1d5db; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #9ca3af; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #fffbeb; + color: #b45309; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #374151; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #b45309; + background: #fffbeb; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-datatable .p-sortable-column.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #b45309; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #fffbeb; + color: #b45309; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #b45309; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #fef08a; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid #fef08a; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #fffbeb; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fffbeb; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-datatable .p-column-resizer-helper { + background: #f59e0b; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f9fafb; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #f9fafb; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #f8f8fa; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #b45309; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #b45309; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #e5e7eb; + border-width: 0 0 1px 0; + } + .p-dataview .p-dataview-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 1.25rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f3f4f6; + color: #374151; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #fffbeb; + color: #b45309; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #fef08a; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #e5e7eb; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + outline: 0 none; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8f8fa; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #ffe26c; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + + .p-paginator { + background: #ffffff; + color: #6b7280; + border: solid #f3f4f6; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #fffbeb; + border-color: #fffbeb; + color: #b45309; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-picklist .p-picklist-list { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + outline: 0 none; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #b45309; + background: #fffbeb; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8f8fa; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #f59e0b; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e5e7eb; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #fef08a; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: box-shadow 0.2s; + padding: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6b7280; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #b45309; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #b45309; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #ffe789; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e5e7eb; + background-color: #ffffff; + color: #4b5563; + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #fffbeb; + color: #b45309; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #b45309; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-treetable .p-sortable-column { + outline-color: #fef08a; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #374151; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #b45309; + background: #fffbeb; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-treetable .p-sortable-column.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #b45309; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #4b5563; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #fef08a; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #fffbeb; + color: #b45309; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #b45309; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #b45309; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #4b5563; + } + .p-treetable .p-column-resizer-helper { + background: #f59e0b; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f9fafb; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #fef08a; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 4px; + } + + .p-card { + background: #ffffff; + color: #4b5563; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.25rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #6b7280; + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e5e7eb; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e5e7eb; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + font-weight: 700; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.25rem; + color: #374151; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e5e7eb; + padding: 1.25rem; + background: #f9fafb; + color: #374151; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 700; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0.75rem 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f9fafb; + border: 0 none; + } + + .p-splitter { + border: 1px solid #e5e7eb; + background: #ffffff; + border-radius: 6px; + color: #4b5563; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f9fafb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e5e7eb; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e5e7eb; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #fef08a; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #f59e0b; + color: #f59e0b; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #f59e0b; + width: 3rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #fef08a; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #f9fafb; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #374151; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #4b5563; + padding: 0 1.5rem 2rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #4b5563; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #f59e0b; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #d97706; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #f2f2f2; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; + } + + .p-sidebar { + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-sidebar .p-sidebar-header { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #4b5563; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #4b5563; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #4b5563; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #4b5563; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #4b5563; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #f9fafb; + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e5e7eb; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #f59e0b; + border-style: dashed; + background-color: #fffbeb; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #d97706; + color: #ffffff; + border-color: #d97706; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #b45309; + color: #ffffff; + border-color: #b45309; + } + + .p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #6b7280; + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #fef08a; + } + .p-dock .p-dock-link { + width: 4rem; + height: 4rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + + .p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #fef08a; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 4px; + } + + .p-slidemenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #fef08a; + } + .p-slidemenu .p-menuitem-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #4b5563; + border: 1px solid #f3f4f6; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #6b7280; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #fffbeb; + color: #b45309; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: #4b5563; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e5e7eb; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #fef08a; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #f59e0b; + color: #f59e0b; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #f59e0b; + width: 3rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #fef08a; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0px; + color: #1ea97c; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; + } + .p-inline-message.p-inline-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0px; + color: #cc8925; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; + } + .p-inline-message.p-inline-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0px; + color: #ff5757; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); + } + .p-message .p-message-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-message.p-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .p-message.p-message-success .p-message-icon { + color: #1ea97c; + } + .p-message.p-message-success .p-message-close { + color: #1ea97c; + } + .p-message.p-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .p-message.p-message-warn .p-message-icon { + color: #cc8925; + } + .p-message.p-message-warn .p-message-close { + color: #cc8925; + } + .p-message.p-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .p-message.p-message-error .p-message-icon { + color: #ff5757; + } + .p-message.p-message-error .p-message-close { + color: #ff5757; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 2rem; + height: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1ea97c; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #cc8925; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ff5757; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f9fafb; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f9fafb; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f9fafb; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f9fafb; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f9fafb; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #d1d5db; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #9ca3af; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #fffbeb; + color: #b45309; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #fffbeb; + color: #b45309; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f9fafb; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f9fafb; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e5e7eb; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #64748B; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22C55E; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #EF4444; + color: #ffffff; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #e5e7eb; + color: #4b5563; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #e5e7eb; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #f59e0b; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f9fafb; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e5e7eb; + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #f59e0b; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22C55E; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #EF4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #f59e0b; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #f59e0b; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; + } + .p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; + } + .p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; + } + .p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; + } + .p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; + } + .p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; + } + .p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #f59e0b; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #f59e0b; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #f59e0b; + color: #ffffff; + } +} diff --git a/src/assets/components/themes/lara-light-blue/theme.css b/src/assets/components/themes/lara-light-blue/theme.css index c3caac9533c..e51bf9f2db9 100644 --- a/src/assets/components/themes/lara-light-blue/theme.css +++ b/src/assets/components/themes/lara-light-blue/theme.css @@ -2,48 +2,48 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#3B82F6; - --primary-color-text:#ffffff; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #3B82F6; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#eff3f8; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; --focus-ring: 0 0 0 0.2rem #BFDBFE; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #EFF6FF; @@ -190,6 +190,105 @@ --primary-900:#183462; } +.p-editor-container .p-editor-toolbar { + background: #f9fafb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4b5563; + background: #f3f4f6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #3B82F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #3B82F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #3B82F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #3B82F6; +} + @layer primeng { * { box-sizing: border-box; @@ -216,7 +315,7 @@ } .p-text-secondary { - color: #6c757d; + color: #6b7280; } .pi { @@ -271,47 +370,50 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.75rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #3B82F6; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #495057; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: #4b5563; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: #EFF6FF; - color: #1D4ED8; - border-radius: 6px; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; } .p-autocomplete-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -323,42 +425,48 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #495057; - background: #e9ecef; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { - color: #6c757d; + color: #6b7280; right: 3.75rem; } @@ -366,11 +474,18 @@ border-color: #e24c4c; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; + } + .p-datepicker { padding: 0.5rem; background: #ffffff; - color: #495057; - border: 1px solid #ced4da; + color: #4b5563; + border: 1px solid #d1d5db; border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { @@ -383,11 +498,11 @@ } .p-datepicker .p-datepicker-header { padding: 0.5rem; - color: #495057; + color: #4b5563; background: #ffffff; font-weight: 600; margin: 0; - border-bottom: 1px solid #dee2e6; + border-bottom: 1px solid #e5e7eb; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -395,7 +510,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -403,9 +518,9 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { @@ -418,7 +533,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #495057; + color: #4b5563; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; @@ -461,8 +576,8 @@ box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #495057; + background: #d1d5db; + color: #4b5563; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { @@ -471,28 +586,28 @@ } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; padding: 0.5rem; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; @@ -536,7 +651,7 @@ background: #EFF6FF; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #dee2e6; + border-left: 1px solid #e5e7eb; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -550,7 +665,7 @@ padding-right: 0; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; @@ -558,7 +673,7 @@ box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; @@ -566,7 +681,7 @@ box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; @@ -578,12 +693,12 @@ padding-right: 2.5rem; } p-calendar.p-calendar-clearable .p-calendar-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { - color: #6c757d; + color: #6b7280; right: 3.75rem; } @@ -594,7 +709,7 @@ } .p-cascadeselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -613,7 +728,7 @@ padding: 0.75rem 0.75rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; @@ -621,15 +736,18 @@ } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #e24c4c; + } .p-cascadeselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -640,54 +758,52 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e24c4c; - } .p-input-filled .p-cascadeselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { - color: #6c757d; + color: #6b7280; right: 3rem; } @@ -705,11 +821,11 @@ height: 22px; } .p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; + border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; - color: #495057; + color: #4b5563; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -746,13 +862,13 @@ } .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #3B82F6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #1D4ED8; @@ -762,24 +878,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #3B82F6; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; - background: #EFF6FF; - color: #1D4ED8; - border-radius: 6px; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d1d5db; + color: #4b5563; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -788,10 +909,10 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #495057; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: #4b5563; padding: 0; margin: 0; } @@ -804,7 +925,7 @@ padding-right: 1.75rem; } p-chips.p-chips-clearable .p-chips-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } @@ -829,7 +950,7 @@ .p-dropdown { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -850,36 +971,39 @@ border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; + color: #6b7280; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-dropdown .p-dropdown-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-dropdown .p-dropdown-clear-icon { - color: #6c757d; + color: #6b7280; right: 3rem; } + .p-dropdown.p-invalid.p-component { + border-color: #e24c4c; + } .p-dropdown-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -890,7 +1014,7 @@ } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-dropdown-panel .p-dropdown-items { padding: 0.75rem 0; @@ -899,7 +1023,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -908,32 +1032,35 @@ color: #1D4ED8; background: #EFF6FF; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e24c4c; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; } .p-input-filled .p-dropdown { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { background-color: #ffffff; @@ -942,116 +1069,17 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #f8f9fa; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - padding: 0.75rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #3B82F6; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #3B82F6; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #3B82F6; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #3B82F6; - } - .p-inputgroup-addon { - background: #e9ecef; - color: #6c757d; - border-top: 1px solid #ced4da; - border-left: 1px solid #ced4da; - border-bottom: 1px solid #ced4da; + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; padding: 0.75rem 0.75rem; min-width: 3rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid #ced4da; + border-right: 1px solid #d1d5db; } .p-inputgroup > .p-component, @@ -1123,7 +1151,7 @@ padding-right: 2.5rem; } p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } @@ -1135,7 +1163,7 @@ padding-right: 2.5rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } @@ -1151,7 +1179,7 @@ height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { - background: #ced4da; + background: #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } @@ -1173,7 +1201,7 @@ box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b6bfc8; + background: #b7bcc5; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: #3B82F6; @@ -1193,10 +1221,10 @@ font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #495057; + color: #4b5563; background: #ffffff; padding: 0.75rem 0.75rem; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 6px; @@ -1224,7 +1252,7 @@ .p-float-label > label { left: 0.75rem; - color: #6c757d; + color: #6b7280; transition-duration: 0.2s; } @@ -1235,7 +1263,7 @@ .p-input-icon-left > .p-icon-wrapper.p-icon, .p-input-icon-left > i:first-of-type { left: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-input-icon-left > .p-inputtext { @@ -1249,7 +1277,7 @@ .p-input-icon-right > .p-icon-wrapper, .p-input-icon-right > i:last-of-type { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-input-icon-right > .p-inputtext { @@ -1257,26 +1285,26 @@ } ::-webkit-input-placeholder { - color: #6c757d; + color: #6b7280; } :-moz-placeholder { - color: #6c757d; + color: #6b7280; } ::-moz-placeholder { - color: #6c757d; + color: #6b7280; } :-ms-input-placeholder { - color: #6c757d; + color: #6b7280; } .p-input-filled .p-inputtext { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; @@ -1294,15 +1322,16 @@ .p-listbox { background: #ffffff; - color: #495057; - border: 1px solid #ced4da; + color: #4b5563; + border: 1px solid #d1d5db; border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1312,19 +1341,20 @@ } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-listbox .p-listbox-header .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list { padding: 0.75rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } @@ -1332,29 +1362,37 @@ color: #1D4ED8; background: #EFF6FF; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; } p-listbox.ng-dirty.ng-invalid > .p-listbox { @@ -1363,7 +1401,7 @@ .p-multiselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -1381,44 +1419,50 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; - } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; + color: #6b7280; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; - background: #EFF6FF; - color: #1D4ED8; - border-radius: 6px; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6b7280; + right: 3rem; + } + .p-multiselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1428,7 +1472,7 @@ } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; @@ -1437,16 +1481,16 @@ margin-left: 0.5rem; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; @@ -1460,7 +1504,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -1469,14 +1513,16 @@ color: #1D4ED8; background: #EFF6FF; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1484,36 +1530,28 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e24c4c; - } - .p-input-filled .p-multiselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #6c757d; - right: 3rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1523,14 +1561,14 @@ .p-password-panel { padding: 1.25rem; background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; - background: #dee2e6; + background: #e5e7eb; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #ea5455; @@ -1546,7 +1584,7 @@ padding-right: 2.5rem; } p-password.p-password-clearable .p-password-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } @@ -1554,7 +1592,7 @@ padding-right: 4.25rem; } p-password.p-password-clearable.p-password-mask .p-password-clear-icon { - color: #6c757d; + color: #6b7280; right: 2.5rem; } @@ -1563,11 +1601,11 @@ height: 22px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; + border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; - color: #495057; + color: #4b5563; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1601,10 +1639,10 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #3B82F6; @@ -1620,55 +1658,52 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { - color: #495057; - margin-left: 0.5rem; + .p-rating .p-rating-item .p-rating-icon { + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #ea5455; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; + border-color: #3B82F6; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #3B82F6; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #3B82F6; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #e73d3e; } .p-selectbutton .p-button { background: #ffffff; - border: 1px solid #ced4da; - color: #495057; + border: 1px solid #d1d5db; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { - color: #6c757d; + color: #6b7280; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; + color: #374151; } .p-selectbutton .p-button.p-highlight { background: #3B82F6; @@ -1694,7 +1729,7 @@ } .p-slider { - background: #dee2e6; + background: #e5e7eb; border: 0 none; border-radius: 6px; } @@ -1747,22 +1782,22 @@ .p-togglebutton.p-button { background: #ffffff; - border: 1px solid #ced4da; - color: #495057; + border: 1px solid #d1d5db; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { - color: #6c757d; + color: #6b7280; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; + color: #374151; } .p-togglebutton.p-button.p-highlight { background: #3B82F6; @@ -1789,7 +1824,7 @@ .p-treeselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -1807,18 +1842,18 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; @@ -1834,16 +1869,16 @@ .p-treeselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-treeselect-panel .p-treeselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1856,7 +1891,7 @@ } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { padding-right: 3.5rem; @@ -1867,16 +1902,16 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; @@ -1888,15 +1923,15 @@ } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-input-filled .p-treeselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; @@ -1906,7 +1941,7 @@ padding-right: 1.75rem; } p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { - color: #6c757d; + color: #6b7280; right: 3rem; } @@ -1919,12 +1954,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #2563eb; color: #ffffff; border-color: #2563eb; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; @@ -1934,53 +1969,53 @@ color: #3B82F6; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; + color: #6b7280; + border-color: #6b7280; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; } - .p-button.p-button-outlined.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; } .p-button.p-button-text { background-color: transparent; color: #3B82F6; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; border-color: transparent; } .p-button.p-button-text.p-button-plain { - color: #6c757d; + color: #6b7280; } - .p-button.p-button-text.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; } - .p-button.p-button-text.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; } .p-button:focus { outline: 0 none; @@ -2062,298 +2097,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #64748B; - border: 1px solid #64748B; + background: #64748b; + border: 1px solid #64748b; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #475569; color: #ffffff; border-color: #475569; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #e2e8f0; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #334155; color: #ffffff; border-color: #334155; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; + background: #0ea5e9; + border: 1px solid #0ea5e9; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #2563EB; + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; color: #ffffff; - border-color: #2563EB; + border-color: #0284c7; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #bfdbfe; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #1D4ED8; + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; color: #ffffff; - border-color: #1D4ED8; + border-color: #0369a1; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #3B82F6; + color: #0ea5e9; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #3B82F6; + color: #0ea5e9; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(59, 130, 246, 0.04); + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); border-color: transparent; - color: #3B82F6; + color: #0ea5e9; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(59, 130, 246, 0.16); + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); border-color: transparent; - color: #3B82F6; + color: #0ea5e9; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; + background: #22c55e; + border: 1px solid #22c55e; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #16A34A; + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; color: #ffffff; - border-color: #16A34A; + border-color: #16a34a; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #bbf7d0; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #15803D; + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; color: #ffffff; - border-color: #15803D; + border-color: #15803d; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #ffffff; - background: #F59E0B; - border: 1px solid #F59E0B; + background: #f97316; + border: 1px solid #f97316; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #D97706; + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; color: #ffffff; - border-color: #D97706; + border-color: #ea580c; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #FDE68A; + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #fde68a; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #B45309; + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; color: #ffffff; - border-color: #B45309; + border-color: #c2410c; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #F59E0B; + color: #f97316; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(245, 158, 11, 0.16); - color: #F59E0B; + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #F59E0B; + color: #f97316; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(245, 158, 11, 0.04); + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); border-color: transparent; - color: #F59E0B; + color: #f97316; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(245, 158, 11, 0.16); + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); border-color: transparent; - color: #F59E0B; + color: #f97316; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; + background: #a855f7; + border: 1px solid #a855f7; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #9333EA; + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; color: #ffffff; - border-color: #9333EA; + border-color: #9333ea; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #e9d5ff; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #7E22CE; + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; color: #ffffff; - border-color: #7E22CE; + border-color: #7e22ce; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; + background: #ef4444; + border: 1px solid #ef4444; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #DC2626; + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; color: #ffffff; - border-color: #DC2626; + border-color: #dc2626; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #FECACA; + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #fecaca; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #B91C1C; + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; color: #ffffff; - border-color: #B91C1C; + border-color: #b91c1c; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-button.p-button-link { @@ -2361,20 +2516,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #1D4ED8; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #1D4ED8; border-color: transparent; @@ -2405,7 +2560,7 @@ .p-speeddial-action { width: 3rem; height: 3rem; - background: #495057; + background: #4b5563; color: #fff; } .p-speeddial-action:hover { @@ -2466,51 +2621,51 @@ color: #3B82F6; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #6c757d; - border-color: #6c757d; + color: #6b7280; + border-color: #6b7280; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; color: #3B82F6; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); color: #3B82F6; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(59, 130, 246, 0.16); color: #3B82F6; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { - color: #6c757d; + color: #6b7280; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; } .p-splitbutton.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); @@ -2538,183 +2693,183 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #3B82F6; + color: #0ea5e9; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #3B82F6; + color: #0ea5e9; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(59, 130, 246, 0.04); + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); border-color: transparent; - color: #3B82F6; + color: #0ea5e9; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(59, 130, 246, 0.16); + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); border-color: transparent; - color: #3B82F6; + color: #0ea5e9; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #F59E0B; + color: #f97316; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(245, 158, 11, 0.16); - color: #F59E0B; + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #F59E0B; + color: #f97316; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(245, 158, 11, 0.04); + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); border-color: transparent; - color: #F59E0B; + color: #f97316; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(245, 158, 11, 0.16); + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); border-color: transparent; - color: #F59E0B; + color: #f97316; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -2723,9 +2878,9 @@ } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { @@ -2741,14 +2896,14 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #ced4da; + background-color: #d1d5db; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #adb5bd; + background: #9ca3af; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #EFF6FF; @@ -2764,17 +2919,17 @@ border-radius: 0; } .p-datatable .p-datatable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -2782,24 +2937,24 @@ .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; } .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #343a40; + color: #374151; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { @@ -2812,11 +2967,11 @@ margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; + color: #374151; } .p-datatable .p-sortable-column.p-highlight { background: #EFF6FF; @@ -2838,12 +2993,12 @@ } .p-datatable .p-datatable-tbody > tr { background: #ffffff; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -2853,7 +3008,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -2863,9 +3018,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, @@ -2893,20 +3048,20 @@ box-shadow: inset 0 -2px 0 0 #EFF6FF; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-datatable .p-column-resizer-helper { background: #3B82F6; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { - background: #f8f9fa; + background: #f9fafb; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { - background-color: #f8f9fa; + background-color: #f9fafb; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; @@ -2966,7 +3121,7 @@ border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: #fcfcfc; + background: #f8f8fa; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { background: #EFF6FF; @@ -3018,27 +3173,23 @@ border-radius: 0; } .p-dataview .p-dataview-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-dataview .p-dataview-content { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #dee2e6; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3060,20 +3211,20 @@ .p-column-filter-menu-button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-menu-button:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #EFF6FF; @@ -3088,16 +3239,16 @@ .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-clear-button:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-column-filter-clear-button:focus-visible { outline: 0 none; @@ -3107,7 +3258,7 @@ .p-column-filter-overlay { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -3120,7 +3271,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -3130,8 +3281,8 @@ background: #EFF6FF; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; @@ -3139,22 +3290,22 @@ box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1.25rem; - border-bottom: 1px solid #dee2e6; + border-bottom: 1px solid #e5e7eb; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3172,295 +3323,6 @@ padding: 1.25rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #f8f9fa; - border: 1px solid #dee2e6; - color: #343a40; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #495057; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #2563eb; - border: 1px solid #2563eb; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #f8f9fa; - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #2563eb; - color: #ffffff; - border-color: #2563eb; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #1D4ED8; - color: #ffffff; - border-color: #1D4ED8; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #3B82F6; - border-color: #3B82F6; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #2563eb; - border-color: #2563eb; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #495057; - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1.25rem; - background: #f8f9fa; - color: #343a40; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #2563eb; - border-color: #2563eb; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #2563eb; - border-color: #2563eb; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #495057; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f8f9fa; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #2563eb; - color: #ffffff; - border-color: #2563eb; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #1D4ED8; - color: #ffffff; - border-color: #1D4ED8; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #3B82F6; - border-color: #3B82F6; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #2563eb; - border-color: #2563eb; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard a { - color: #495057; - } - .fc.fc-theme-standard .fc-highlight { - color: #1D4ED8; - background: #EFF6FF; - } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3468,9 +3330,9 @@ margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; @@ -3482,7 +3344,7 @@ .p-orderlist .p-orderlist-filter-container { padding: 1.25rem; background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { @@ -3490,60 +3352,67 @@ } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { - background: #fcfcfc; + background: #f8f8fa; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { - background: #e9ecef; + background: #f3f4f6; } .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border: 0 none; - color: #495057; + color: #4b5563; background: #ffffff; margin: 0; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-organizationchart .p-organizationchart-node-content.p-highlight { background: #EFF6FF; @@ -3553,20 +3422,20 @@ color: #70aeff; } .p-organizationchart .p-organizationchart-line-down { - background: #dee2e6; + background: #e5e7eb; } .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #dee2e6; - border-color: #dee2e6; + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #dee2e6; - border-color: #dee2e6; + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 1.25rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { @@ -3582,8 +3451,8 @@ .p-paginator { background: #ffffff; - color: #6c757d; - border: solid #e9ecef; + color: #6b7280; + border: solid #f3f4f6; border-width: 0; padding: 0.5rem 1rem; border-radius: 6px; @@ -3594,7 +3463,7 @@ .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3605,9 +3474,9 @@ .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; border-color: transparent; - color: #343a40; + color: #374151; } .p-paginator .p-paginator-first { border-top-left-radius: 50%; @@ -3635,7 +3504,7 @@ .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3644,7 +3513,7 @@ .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3657,9 +3526,9 @@ color: #1D4ED8; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; border-color: transparent; - color: #343a40; + color: #374151; } .p-picklist .p-picklist-buttons { @@ -3669,9 +3538,9 @@ margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; @@ -3683,7 +3552,7 @@ .p-picklist .p-picklist-filter-container { padding: 1.25rem; background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { @@ -3691,53 +3560,60 @@ } .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-picklist .p-picklist-list { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #4b5563; + background: #e5e7eb; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #1D4ED8; background: #EFF6FF; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { - background: #fcfcfc; + background: #f8f8fa; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { - background: #e9ecef; + background: #f3f4f6; } .p-picklist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border: 0 none; - color: #495057; + color: #4b5563; background: #ffffff; margin: 0; } @@ -3750,7 +3626,7 @@ background-color: #ffffff; } .p-timeline .p-timeline-event-connector { - background-color: #dee2e6; + background-color: #e5e7eb; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { @@ -3768,14 +3644,20 @@ } .p-tree { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 1.25rem; border-radius: 6px; } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #BFDBFE; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3786,16 +3668,16 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; @@ -3804,18 +3686,13 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #EFF6FF; @@ -3830,12 +3707,12 @@ color: #1D4ED8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; @@ -3846,7 +3723,7 @@ } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; @@ -3863,9 +3740,9 @@ } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 6px; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background-color: #ffffff; - color: #495057; + color: #4b5563; padding: 0.5rem; transition: box-shadow 0.2s; } @@ -3880,7 +3757,7 @@ margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { @@ -3891,8 +3768,8 @@ color: inherit; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { outline: 0 none; @@ -3909,17 +3786,17 @@ border-radius: 0; } .p-treetable .p-treetable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3927,27 +3804,27 @@ .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; } .p-treetable .p-sortable-column { outline-color: #BFDBFE; } .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #343a40; + color: #374151; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { @@ -3960,11 +3837,11 @@ margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; + color: #374151; } .p-treetable .p-sortable-column.p-highlight { background: #EFF6FF; @@ -3975,19 +3852,19 @@ } .p-treetable .p-treetable-tbody > tr { background: #ffffff; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -3995,9 +3872,9 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; @@ -4012,7 +3889,7 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; + color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #BFDBFE; @@ -4029,18 +3906,18 @@ color: #1D4ED8; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #495057; + color: #4b5563; } .p-treetable .p-column-resizer-helper { background: #3B82F6; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { - background: #f8f9fa; + background: #f9fafb; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; @@ -4102,23 +3979,23 @@ } .p-virtualscroller .p-virtualscroller-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-virtualscroller .p-virtualscroller-content { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; padding: 0; } .p-virtualscroller .p-virtualscroller-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -4128,9 +4005,9 @@ .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; @@ -4144,27 +4021,27 @@ box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; } .p-accordion .p-accordion-content { padding: 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; @@ -4177,7 +4054,7 @@ .p-card { background: #ffffff; - color: #495057; + color: #4b5563; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } @@ -4192,7 +4069,7 @@ .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-card .p-card-content { padding: 1.25rem 0; @@ -4209,7 +4086,7 @@ padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px #dee2e6; + border-top: 1px #e5e7eb; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -4219,23 +4096,23 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px #dee2e6; + border-left: 1px #e5e7eb; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-fieldset { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; font-weight: 700; border-radius: 6px; } @@ -4245,7 +4122,7 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1.25rem; - color: #343a40; + color: #374151; border-radius: 6px; transition: box-shadow 0.2s; } @@ -4258,19 +4135,19 @@ box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-fieldset .p-fieldset-content { padding: 1.25rem; } .p-panel .p-panel-header { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; padding: 1.25rem; - background: #f8f9fa; - color: #343a40; + background: #f9fafb; + color: #374151; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -4280,16 +4157,16 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; @@ -4301,18 +4178,22 @@ } .p-panel .p-panel-content { padding: 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4330,25 +4211,25 @@ } .p-scrollpanel .p-scrollpanel-bar { - background: #f8f9fa; + background: #f9fafb; border: 0 none; } .p-splitter { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; border-radius: 6px; - color: #495057; + color: #4b5563; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f8f9fa; + background: #f9fafb; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #dee2e6; + background: #e5e7eb; } .p-splitter .p-splitter-gutter-resizing { - background: #dee2e6; + background: #e5e7eb; } .p-tabview .p-tabview-nav-content { @@ -4356,18 +4237,18 @@ } .p-tabview .p-tabview-nav { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; + border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; @@ -4382,8 +4263,8 @@ } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; - border-color: #adb5bd; - color: #6c757d; + border-color: #9ca3af; + color: #6b7280; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; @@ -4415,14 +4296,14 @@ background: #ffffff; padding: 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; + background: #f9fafb; + border: 1px solid #e5e7eb; padding: 1.25rem; border-radius: 6px; gap: 0.5rem; @@ -4433,7 +4314,7 @@ .p-confirm-popup { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -4487,7 +4368,7 @@ .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; - color: #343a40; + color: #374151; padding: 1.5rem; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4499,7 +4380,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -4507,9 +4388,9 @@ margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; @@ -4521,7 +4402,7 @@ } .p-dialog .p-dialog-content { background: #ffffff; - color: #495057; + color: #4b5563; padding: 0 1.5rem 2rem 1.5rem; } .p-dialog .p-dialog-content:last-of-type { @@ -4531,7 +4412,7 @@ .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; border-bottom-right-radius: 6px; @@ -4554,7 +4435,7 @@ .p-overlaypanel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -4596,7 +4477,7 @@ .p-sidebar { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } @@ -4607,7 +4488,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -4615,9 +4496,9 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { @@ -4636,30 +4517,30 @@ } .p-tooltip .p-tooltip-text { - background: #495057; + background: #4b5563; color: #ffffff; padding: 0.75rem 0.75rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #495057; + border-right-color: #4b5563; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #495057; + border-left-color: #4b5563; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #495057; + border-top-color: #4b5563; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #495057; + border-bottom-color: #4b5563; } .p-fileupload .p-fileupload-buttonbar { - background: #f8f9fa; + background: #f9fafb; padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; + border: 1px solid #e5e7eb; + color: #374151; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4675,8 +4556,8 @@ .p-fileupload .p-fileupload-content { background: #ffffff; padding: 2rem 1rem; - border: 1px solid #dee2e6; - color: #495057; + border: 1px solid #e5e7eb; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } @@ -4708,7 +4589,7 @@ .p-breadcrumb { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-radius: 6px; padding: 1rem; } @@ -4722,26 +4603,26 @@ box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; @@ -4751,31 +4632,31 @@ outline: 0 none; } .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-contextmenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; @@ -4784,34 +4665,37 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { @@ -4893,33 +4777,33 @@ } .p-megamenu { padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; } .p-megamenu .p-megamenu-root-list { outline: 0 none; } .p-megamenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; @@ -4928,61 +4812,64 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-megamenu .p-megamenu-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-megamenu .p-submenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-megamenu.p-megamenu-vertical { width: 12.5rem; - padding: 0.25rem 0; + padding: 0.5rem 0; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } @@ -4991,54 +4878,55 @@ user-select: none; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menu { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } .p-menu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; @@ -5047,31 +4935,34 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menu.p-menu-overlay { background: #ffffff; @@ -5081,14 +4972,14 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menu .p-menuitem-badge { @@ -5107,16 +4998,16 @@ .p-menubar { padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; } .p-menubar .p-menubar-root-list { outline: 0 none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } @@ -5125,45 +5016,46 @@ user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menubar .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; @@ -5172,41 +5064,44 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menubar .p-submenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { @@ -5221,13 +5116,13 @@ display: flex; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { - color: #6c757d; - background: #e9ecef; + color: #6b7280; + background: #f3f4f6; } .p-menubar .p-menubar-button:focus { outline: 0 none; @@ -5237,14 +5132,14 @@ .p-menubar .p-menubar-root-list { position: absolute; display: none; - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -5305,14 +5200,14 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; border-radius: 6px; transition: box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; } @@ -5328,28 +5223,28 @@ box-shadow: inset 0 0 0 0.2rem #BFDBFE; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; } .p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #dee2e6; + padding: 0.5rem 0; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; @@ -5360,24 +5255,24 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; @@ -5386,37 +5281,40 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -5427,10 +5325,10 @@ } .p-slidemenu { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } @@ -5441,24 +5339,24 @@ outline: 0 none; } .p-slidemenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; @@ -5467,31 +5365,34 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5499,13 +5400,13 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-slidemenu .p-slidemenu-icon { @@ -5517,7 +5418,7 @@ } .p-slidemenu .p-slidemenu-backward { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; } .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { outline: 0 none; @@ -5545,8 +5446,8 @@ background: #ffffff; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #495057; - border: 1px solid #e9ecef; + color: #4b5563; + border: 1px solid #f3f4f6; background: #ffffff; min-width: 2rem; height: 2rem; @@ -5557,7 +5458,7 @@ } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; @@ -5570,11 +5471,11 @@ } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 700; - color: #495057; + color: #4b5563; } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; width: 100%; top: 50%; left: 0; @@ -5585,7 +5486,7 @@ .p-tabmenu .p-tabmenu-nav { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { @@ -5605,11 +5506,11 @@ margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; + border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; @@ -5627,8 +5528,8 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; - border-color: #adb5bd; - color: #6c757d; + border-color: #9ca3af; + color: #6b7280; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; @@ -5655,10 +5556,10 @@ } .p-tieredmenu { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } @@ -5671,30 +5572,30 @@ outline: 0 none; } .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-tieredmenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #1D4ED8; @@ -5703,34 +5604,37 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #1D4ED8; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #1D4ED8; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5747,16 +5651,16 @@ border-radius: 6px; } .p-inline-message.p-inline-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; border-width: 0px; - color: #696cff; + color: #3b82f6; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #696cff; + color: #3b82f6; } .p-inline-message.p-inline-message-success { - background: #e4f8f0; + background: rgba(228, 248, 240, 0.7); border: solid #1ea97c; border-width: 0px; color: #1ea97c; @@ -5765,7 +5669,7 @@ color: #1ea97c; } .p-inline-message.p-inline-message-warn { - background: #fff2e2; + background: rgba(255, 242, 226, 0.7); border: solid #cc8925; border-width: 0px; color: #cc8925; @@ -5774,7 +5678,7 @@ color: #cc8925; } .p-inline-message.p-inline-message-error { - background: #ffe7e6; + background: rgba(255, 231, 230, 0.7); border: solid #ff5757; border-width: 0px; color: #ff5757; @@ -5820,19 +5724,19 @@ box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-message.p-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; border-width: 0 0 0 6px; - color: #696cff; + color: #3b82f6; } .p-message.p-message-info .p-message-icon { - color: #696cff; + color: #3b82f6; } .p-message.p-message-info .p-message-close { - color: #696cff; + color: #3b82f6; } .p-message.p-message-success { - background: #e4f8f0; + background: rgba(228, 248, 240, 0.7); border: solid #1ea97c; border-width: 0 0 0 6px; color: #1ea97c; @@ -5844,7 +5748,7 @@ color: #1ea97c; } .p-message.p-message-warn { - background: #fff2e2; + background: rgba(255, 242, 226, 0.7); border: solid #cc8925; border-width: 0 0 0 6px; color: #cc8925; @@ -5856,7 +5760,7 @@ color: #cc8925; } .p-message.p-message-error { - background: #ffe7e6; + background: rgba(255, 231, 230, 0.7); border: solid #ff5757; border-width: 0 0 0 6px; color: #ff5757; @@ -5869,7 +5773,7 @@ } .p-message .p-message-text { font-size: 1rem; - font-weight: 400; + font-weight: 500; } .p-message .p-message-icon { font-size: 1.5rem; @@ -5887,7 +5791,7 @@ } .p-toast { - opacity: 0.9; + opacity: 1; } .p-toast .p-toast-message { margin: 0 0 1rem 0; @@ -5930,17 +5834,17 @@ box-shadow: 0 0 0 0.2rem #BFDBFE; } .p-toast .p-toast-message.p-toast-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; border-width: 0 0 0 6px; - color: #696cff; + color: #3b82f6; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #696cff; + color: #3b82f6; } .p-toast .p-toast-message.p-toast-message-success { - background: #e4f8f0; + background: rgba(228, 248, 240, 0.7); border: solid #1ea97c; border-width: 0 0 0 6px; color: #1ea97c; @@ -5950,7 +5854,7 @@ color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-warn { - background: #fff2e2; + background: rgba(255, 242, 226, 0.7); border: solid #cc8925; border-width: 0 0 0 6px; color: #cc8925; @@ -5960,7 +5864,7 @@ color: #cc8925; } .p-toast .p-toast-message.p-toast-message-error { - background: #ffe7e6; + background: rgba(255, 231, 230, 0.7); border: solid #ff5757; border-width: 0 0 0 6px; color: #ff5757; @@ -5973,7 +5877,7 @@ .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; - color: #f8f9fa; + color: #f9fafb; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5988,11 +5892,11 @@ } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-item-nav { background: transparent; - color: #f8f9fa; + color: #f9fafb; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -6009,25 +5913,25 @@ } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; + color: #f9fafb; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #ced4da; + background-color: #d1d5db; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #adb5bd; + background: #9ca3af; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #EFF6FF; @@ -6060,7 +5964,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; - color: #f8f9fa; + color: #f9fafb; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -6069,7 +5973,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; @@ -6124,7 +6028,7 @@ } .p-avatar { - background-color: #dee2e6; + background-color: #e5e7eb; border-radius: 6px; } .p-avatar.p-avatar-lg { @@ -6158,23 +6062,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #64748B; + background-color: #64748b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-badge.p-badge-info { - background-color: #3B82F6; + background-color: #0ea5e9; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #F59E0B; + background-color: #f97316; color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -6191,8 +6095,8 @@ } .p-chip { - background-color: #dee2e6; - color: #495057; + background-color: #e5e7eb; + color: #4b5563; border-radius: 16px; padding: 0 0.75rem; } @@ -6232,8 +6136,8 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-inplace .p-inplace-display:focus { outline: 0 none; @@ -6244,7 +6148,7 @@ .p-progressbar { border: 0 none; height: 1.5rem; - background: #dee2e6; + background: #e5e7eb; border-radius: 6px; } .p-progressbar .p-progressbar-value { @@ -6272,7 +6176,7 @@ } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; - color: #f8f9fa; + color: #f9fafb; } .p-scrolltop .p-icon { width: 1.5rem; @@ -6280,7 +6184,7 @@ } .p-skeleton { - background-color: #dee2e6; + background-color: #e5e7eb; border-radius: 6px; } .p-skeleton:after { @@ -6296,19 +6200,19 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { - background-color: #3B82F6; + background-color: #0ea5e9; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #F59E0B; + background-color: #f97316; color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -6322,8 +6226,8 @@ .p-terminal { background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; padding: 1.25rem; } .p-terminal .p-terminal-input { @@ -6337,6 +6241,11 @@ font-weight: 700; } + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -6344,13 +6253,9 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { @@ -6371,10 +6276,10 @@ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; } .p-button.p-button-help:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; @@ -6389,4 +6294,26 @@ .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #3B82F6; } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #3B82F6; + color: #ffffff; + } } diff --git a/src/assets/components/themes/lara-light-cyan/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/lara-light-cyan/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/lara-light-cyan/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/lara-light-cyan/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/lara-light-cyan/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/lara-light-cyan/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/lara-light-cyan/theme.css b/src/assets/components/themes/lara-light-cyan/theme.css new file mode 100644 index 00000000000..04dd95032c7 --- /dev/null +++ b/src/assets/components/themes/lara-light-cyan/theme.css @@ -0,0 +1,6188 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family:"Inter var", sans-serif; + --font-feature-settings: "cv02","cv03","cv04","cv11"; + --surface-a:#ffffff; + --surface-b:#f9fafb; + --surface-c:#f3f4f6; + --surface-d:#e5e7eb; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#4b5563; + --text-color-secondary:#6b7280; + --primary-color:#06b6d4; + --primary-color-text:#ffffff; + --surface-0: #ffffff; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding:1.25rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#f9fafb; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dfe7ef; + --surface-hover:#f6f9fc; + --focus-ring: 0 0 0 0.2rem #a5f3fc; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #ecfeff; + --highlight-text-color: #0e7490; + color-scheme: light; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f3fbfd; + --primary-100:#c3edf5; + --primary-200:#94e0ed; + --primary-300:#65d2e4; + --primary-400:#35c4dc; + --primary-500:#06b6d4; + --primary-600:#059bb4; + --primary-700:#047f94; + --primary-800:#036475; + --primary-900:#024955; +} + +.p-editor-container .p-editor-toolbar { + background: #f9fafb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4b5563; + background: #f3f4f6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #06b6d4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #06b6d4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #06b6d4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #06b6d4; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #e24c4c; + } + + .p-text-secondary { + color: #6b7280; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #06b6d4; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: #4b5563; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #e24c4c; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #e24c4c; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + + .p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #4b5563; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #e5e7eb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #4b5563; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #06b6d4; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; + } + .p-datepicker table th { + padding: 0.5rem; + } + .p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; + } + .p-datepicker table td { + padding: 0.5rem; + } + .p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-datepicker table td.p-datepicker-today > span { + background: #d1d5db; + color: #4b5563; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #e5e7eb; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e5e7eb; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1.25rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e5e7eb; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f3f4f6; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #06b6d4; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6b7280; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #e24c4c; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #06b6d4; + background: #06b6d4; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #06b6d4; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #0e7490; + background: #0e7490; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #06b6d4; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0e7490; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #06b6d4; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: #4b5563; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #e24c4c; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #06b6d4; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #6b7280; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #6b7280; + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #e24c4c; + } + + .p-dropdown-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f3f4f6; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + .p-inputgroup-addon { + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #d1d5db; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #e24c4c; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #e24c4c; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b7bcc5; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #06b6d4; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #0891b2; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #e24c4c; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #06b6d4; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #e24c4c; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #6b7280; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #e24c4c; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #6b7280; + } + + :-moz-placeholder { + color: #6b7280; + } + + ::-moz-placeholder { + color: #6b7280; + } + + :-ms-input-placeholder { + color: #6b7280; + } + + .p-input-filled .p-inputtext { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #e24c4c; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #06b6d4; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #6b7280; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #e24c4c; + } + + .p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e5e7eb; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ea5455; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ff9f42; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #29c76f; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6b7280; + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #06b6d4; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #06b6d4; + background: #06b6d4; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #0e7490; + background: #0e7490; + color: #ffffff; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #e24c4c; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #06b6d4; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #0e7490; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #4b5563; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1.143rem; + height: 1.143rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #ea5455; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #06b6d4; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #06b6d4; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #e73d3e; + } + + .p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #d1d5db; + color: #4b5563; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #6b7280; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #374151; + } + .p-selectbutton .p-button.p-highlight { + background: #06b6d4; + border-color: #06b6d4; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #0891b2; + border-color: #0891b2; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #e24c4c; + } + + .p-slider { + background: #e5e7eb; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 0.286rem; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; + } + .p-slider.p-slider-vertical { + width: 0.286rem; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; + } + .p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #ffffff; + border: 2px solid #06b6d4; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-slider .p-slider-range { + background: #06b6d4; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #06b6d4; + border-color: #06b6d4; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #ffffff; + border: 1px solid #d1d5db; + color: #4b5563; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #6b7280; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #374151; + } + .p-togglebutton.p-button.p-highlight { + background: #06b6d4; + border-color: #06b6d4; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #0891b2; + border-color: #0891b2; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #e24c4c; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #06b6d4; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: #06b6d4; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #6b7280; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #e24c4c; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f3f4f6; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-button { + color: #ffffff; + background: #06b6d4; + border: 1px solid #06b6d4; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-button:enabled:hover { + background: #0891b2; + color: #ffffff; + border-color: #0891b2; + } + .p-button:enabled:active { + background: #0e7490; + color: #ffffff; + border-color: #0e7490; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #06b6d4; + border: 1px solid; + } + .p-button.p-button-outlined:enabled:hover { + background: rgba(6, 182, 212, 0.04); + color: #06b6d4; + border: 1px solid; + } + .p-button.p-button-outlined:enabled:active { + background: rgba(6, 182, 212, 0.16); + color: #06b6d4; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #6b7280; + border-color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:enabled:active { + background: #e5e7eb; + color: #6b7280; + } + .p-button.p-button-text { + background-color: transparent; + color: #06b6d4; + border-color: transparent; + } + .p-button.p-button-text:enabled:hover { + background: rgba(6, 182, 212, 0.04); + color: #06b6d4; + border-color: transparent; + } + .p-button.p-button-text:enabled:active { + background: rgba(6, 182, 212, 0.16); + color: #06b6d4; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:enabled:hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:enabled:active { + background: #e5e7eb; + color: #6b7280; + } + .p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #06b6d4; + background-color: #ffffff; + } + .p-button.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 3rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #64748B; + border: 1px solid #64748B; + } + .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #475569; + color: #ffffff; + border-color: #475569; + } + .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #E2E8F0; + } + .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #64748B; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #64748B; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; + } + .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; + } + + .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22C55E; + border: 1px solid #22C55E; + } + .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #16A34A; + color: #ffffff; + border-color: #16A34A; + } + .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #BBF7D0; + } + .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #15803D; + color: #ffffff; + border-color: #15803D; + } + .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #22C55E; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; + border: 1px solid; + } + .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #22C55E; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; + } + .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; + } + + .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #FDE68A; + } + .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #A855F7; + border: 1px solid #A855F7; + } + .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #9333EA; + color: #ffffff; + border-color: #9333EA; + } + .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #E9D5FF; + } + .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #7E22CE; + color: #ffffff; + border-color: #7E22CE; + } + .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #A855F7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; + border: 1px solid; + } + .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #A855F7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; + } + .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; + } + + .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #EF4444; + border: 1px solid #EF4444; + } + .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #DC2626; + color: #ffffff; + border-color: #DC2626; + } + .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #FECACA; + } + .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #B91C1C; + color: #ffffff; + border-color: #B91C1C; + } + .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #EF4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #EF4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; + } + .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; + } + + .p-button.p-button-link { + color: #0e7490; + background: transparent; + border: transparent; + } + .p-button.p-button-link:enabled:hover { + background: transparent; + color: #0e7490; + border-color: transparent; + } + .p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.2rem #a5f3fc; + border-color: transparent; + } + .p-button.p-button-link:enabled:active { + background: transparent; + color: #0e7490; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1.3rem; + height: 1.3rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #4b5563; + color: #fff; + } + .p-speeddial-action:hover { + background: #022354; + color: #fff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #06b6d4; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(6, 182, 212, 0.04); + color: #06b6d4; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(6, 182, 212, 0.16); + color: #06b6d4; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #6b7280; + border-color: #6b7280; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #06b6d4; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(6, 182, 212, 0.04); + color: #06b6d4; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(6, 182, 212, 0.16); + color: #06b6d4; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #6b7280; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #64748B; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #64748B; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22C55E; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22C55E; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #A855F7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #A855F7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #EF4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #EF4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #d1d5db; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #9ca3af; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #ecfeff; + color: #0e7490; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #374151; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #0e7490; + background: #ecfeff; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-datatable .p-sortable-column.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0e7490; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #ecfeff; + color: #0e7490; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #0e7490; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #a5f3fc; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid #a5f3fc; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #ecfeff; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #ecfeff; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-datatable .p-column-resizer-helper { + background: #06b6d4; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f9fafb; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #f9fafb; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #f8f8fa; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #0e7490; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #0e7490; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #e5e7eb; + border-width: 0 0 1px 0; + } + .p-dataview .p-dataview-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 1.25rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f3f4f6; + color: #374151; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #ecfeff; + color: #0e7490; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a5f3fc; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #e5e7eb; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + outline: 0 none; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8f8fa; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #6df7ff; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + + .p-paginator { + background: #ffffff; + color: #6b7280; + border: solid #f3f4f6; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #ecfeff; + border-color: #ecfeff; + color: #0e7490; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-picklist .p-picklist-list { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + outline: 0 none; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #0e7490; + background: #ecfeff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8f8fa; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #06b6d4; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e5e7eb; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a5f3fc; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: box-shadow 0.2s; + padding: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6b7280; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #0e7490; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #0e7490; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #8af9ff; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e5e7eb; + background-color: #ffffff; + color: #4b5563; + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #ecfeff; + color: #0e7490; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #0e7490; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-treetable .p-sortable-column { + outline-color: #a5f3fc; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #374151; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #0e7490; + background: #ecfeff; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-treetable .p-sortable-column.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #0e7490; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #4b5563; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #a5f3fc; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #ecfeff; + color: #0e7490; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #0e7490; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #0e7490; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #4b5563; + } + .p-treetable .p-column-resizer-helper { + background: #06b6d4; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f9fafb; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a5f3fc; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 4px; + } + + .p-card { + background: #ffffff; + color: #4b5563; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.25rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #6b7280; + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e5e7eb; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e5e7eb; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + font-weight: 700; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.25rem; + color: #374151; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e5e7eb; + padding: 1.25rem; + background: #f9fafb; + color: #374151; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 700; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0.75rem 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f9fafb; + border: 0 none; + } + + .p-splitter { + border: 1px solid #e5e7eb; + background: #ffffff; + border-radius: 6px; + color: #4b5563; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f9fafb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e5e7eb; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e5e7eb; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a5f3fc; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #06b6d4; + color: #06b6d4; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #06b6d4; + width: 3rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a5f3fc; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #f9fafb; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #374151; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #4b5563; + padding: 0 1.5rem 2rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #4b5563; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #06b6d4; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #0891b2; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #f2f2f2; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; + } + + .p-sidebar { + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-sidebar .p-sidebar-header { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #4b5563; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #4b5563; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #4b5563; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #4b5563; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #4b5563; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #f9fafb; + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e5e7eb; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #06b6d4; + border-style: dashed; + background-color: #ecfeff; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #0891b2; + color: #ffffff; + border-color: #0891b2; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #0e7490; + color: #ffffff; + border-color: #0e7490; + } + + .p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #6b7280; + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a5f3fc; + } + .p-dock .p-dock-link { + width: 4rem; + height: 4rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + + .p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a5f3fc; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 4px; + } + + .p-slidemenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a5f3fc; + } + .p-slidemenu .p-menuitem-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #4b5563; + border: 1px solid #f3f4f6; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #6b7280; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ecfeff; + color: #0e7490; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: #4b5563; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e5e7eb; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a5f3fc; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #06b6d4; + color: #06b6d4; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #06b6d4; + width: 3rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a5f3fc; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0px; + color: #1ea97c; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; + } + .p-inline-message.p-inline-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0px; + color: #cc8925; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; + } + .p-inline-message.p-inline-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0px; + color: #ff5757; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); + } + .p-message .p-message-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-message.p-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .p-message.p-message-success .p-message-icon { + color: #1ea97c; + } + .p-message.p-message-success .p-message-close { + color: #1ea97c; + } + .p-message.p-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .p-message.p-message-warn .p-message-icon { + color: #cc8925; + } + .p-message.p-message-warn .p-message-close { + color: #cc8925; + } + .p-message.p-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .p-message.p-message-error .p-message-icon { + color: #ff5757; + } + .p-message.p-message-error .p-message-close { + color: #ff5757; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 2rem; + height: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1ea97c; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #cc8925; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ff5757; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f9fafb; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f9fafb; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f9fafb; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f9fafb; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f9fafb; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #d1d5db; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #9ca3af; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #ecfeff; + color: #0e7490; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #ecfeff; + color: #0e7490; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f9fafb; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f9fafb; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e5e7eb; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #64748B; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22C55E; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #EF4444; + color: #ffffff; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #e5e7eb; + color: #4b5563; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #e5e7eb; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #06b6d4; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f9fafb; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e5e7eb; + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #06b6d4; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22C55E; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #EF4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #06b6d4; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #06b6d4; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71e7fb, 0 1px 2px 0 black; + } + .p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; + } + .p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; + } + .p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; + } + .p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; + } + .p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; + } + .p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #06b6d4; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #06b6d4; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71e7fb, 0 1px 2px 0 black; + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #06b6d4; + color: #ffffff; + } +} diff --git a/src/assets/components/themes/lara-light-green/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/lara-light-green/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/lara-light-green/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/lara-light-green/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/lara-light-green/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/lara-light-green/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/lara-light-green/theme.css b/src/assets/components/themes/lara-light-green/theme.css new file mode 100644 index 00000000000..245596a2b5f --- /dev/null +++ b/src/assets/components/themes/lara-light-green/theme.css @@ -0,0 +1,6188 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family:"Inter var", sans-serif; + --font-feature-settings: "cv02","cv03","cv04","cv11"; + --surface-a:#ffffff; + --surface-b:#f9fafb; + --surface-c:#f3f4f6; + --surface-d:#e5e7eb; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#4b5563; + --text-color-secondary:#6b7280; + --primary-color:#10b981; + --primary-color-text:#ffffff; + --surface-0: #ffffff; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding:1.25rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#f9fafb; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dfe7ef; + --surface-hover:#f6f9fc; + --focus-ring: 0 0 0 0.2rem #a7f3d0; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #F0FDFA; + --highlight-text-color: #047857; + color-scheme: light; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#f3fcf9; + --primary-100:#c6eee1; + --primary-200:#98e1c9; + --primary-300:#6bd4b1; + --primary-400:#3dc699; + --primary-500:#10b981; + --primary-600:#0e9d6e; + --primary-700:#0b825a; + --primary-800:#096647; + --primary-900:#064a34; +} + +.p-editor-container .p-editor-toolbar { + background: #f9fafb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4b5563; + background: #f3f4f6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #10b981; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #10b981; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #10b981; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #10b981; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #e24c4c; + } + + .p-text-secondary { + color: #6b7280; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #10b981; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: #4b5563; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #e24c4c; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #047857; + background: #F0FDFA; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(16, 185, 129, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #e24c4c; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + + .p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #4b5563; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #e5e7eb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #4b5563; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #10b981; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; + } + .p-datepicker table th { + padding: 0.5rem; + } + .p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; + } + .p-datepicker table td { + padding: 0.5rem; + } + .p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #047857; + background: #F0FDFA; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-datepicker table td.p-datepicker-today > span { + background: #d1d5db; + color: #4b5563; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #047857; + background: #F0FDFA; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #e5e7eb; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e5e7eb; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1.25rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #047857; + background: #F0FDFA; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #047857; + background: #F0FDFA; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e5e7eb; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f3f4f6; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #10b981; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6b7280; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #e24c4c; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #047857; + background: #F0FDFA; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(16, 185, 129, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #10b981; + background: #10b981; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #10b981; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #047857; + background: #047857; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #10b981; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #047857; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #10b981; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: #4b5563; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #e24c4c; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #10b981; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #6b7280; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #6b7280; + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #e24c4c; + } + + .p-dropdown-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #047857; + background: #F0FDFA; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(16, 185, 129, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f3f4f6; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + .p-inputgroup-addon { + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #d1d5db; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #e24c4c; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #e24c4c; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b7bcc5; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #10b981; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #059669; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #e24c4c; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #10b981; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #e24c4c; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #6b7280; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #e24c4c; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #6b7280; + } + + :-moz-placeholder { + color: #6b7280; + } + + ::-moz-placeholder { + color: #6b7280; + } + + :-ms-input-placeholder { + color: #6b7280; + } + + .p-input-filled .p-inputtext { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #047857; + background: #F0FDFA; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(16, 185, 129, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #e24c4c; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #10b981; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #6b7280; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #047857; + background: #F0FDFA; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(16, 185, 129, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #e24c4c; + } + + .p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e5e7eb; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ea5455; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ff9f42; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #29c76f; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6b7280; + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #10b981; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #10b981; + background: #10b981; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #047857; + background: #047857; + color: #ffffff; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #e24c4c; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #10b981; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #047857; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #4b5563; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1.143rem; + height: 1.143rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #ea5455; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #10b981; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #10b981; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #e73d3e; + } + + .p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #d1d5db; + color: #4b5563; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #6b7280; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #374151; + } + .p-selectbutton .p-button.p-highlight { + background: #10b981; + border-color: #10b981; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #059669; + border-color: #059669; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #e24c4c; + } + + .p-slider { + background: #e5e7eb; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 0.286rem; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; + } + .p-slider.p-slider-vertical { + width: 0.286rem; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; + } + .p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #ffffff; + border: 2px solid #10b981; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-slider .p-slider-range { + background: #10b981; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #10b981; + border-color: #10b981; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #ffffff; + border: 1px solid #d1d5db; + color: #4b5563; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #6b7280; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #374151; + } + .p-togglebutton.p-button.p-highlight { + background: #10b981; + border-color: #10b981; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #059669; + border-color: #059669; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #e24c4c; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #10b981; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: #10b981; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #6b7280; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #e24c4c; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f3f4f6; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-button { + color: #ffffff; + background: #10b981; + border: 1px solid #10b981; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-button:enabled:hover { + background: #059669; + color: #ffffff; + border-color: #059669; + } + .p-button:enabled:active { + background: #047857; + color: #ffffff; + border-color: #047857; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #10b981; + border: 1px solid; + } + .p-button.p-button-outlined:enabled:hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + border: 1px solid; + } + .p-button.p-button-outlined:enabled:active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #6b7280; + border-color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:enabled:active { + background: #e5e7eb; + color: #6b7280; + } + .p-button.p-button-text { + background-color: transparent; + color: #10b981; + border-color: transparent; + } + .p-button.p-button-text:enabled:hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + border-color: transparent; + } + .p-button.p-button-text:enabled:active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:enabled:hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:enabled:active { + background: #e5e7eb; + color: #6b7280; + } + .p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #10b981; + background-color: #ffffff; + } + .p-button.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 3rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #64748B; + border: 1px solid #64748B; + } + .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #475569; + color: #ffffff; + border-color: #475569; + } + .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #E2E8F0; + } + .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #64748B; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #64748B; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; + } + .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; + } + + .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22C55E; + border: 1px solid #22C55E; + } + .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #16A34A; + color: #ffffff; + border-color: #16A34A; + } + .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #BBF7D0; + } + .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #15803D; + color: #ffffff; + border-color: #15803D; + } + .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #22C55E; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; + border: 1px solid; + } + .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #22C55E; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; + } + .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; + } + + .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #FDE68A; + } + .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #A855F7; + border: 1px solid #A855F7; + } + .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #9333EA; + color: #ffffff; + border-color: #9333EA; + } + .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #E9D5FF; + } + .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #7E22CE; + color: #ffffff; + border-color: #7E22CE; + } + .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #A855F7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; + border: 1px solid; + } + .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #A855F7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; + } + .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; + } + + .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #EF4444; + border: 1px solid #EF4444; + } + .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #DC2626; + color: #ffffff; + border-color: #DC2626; + } + .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #FECACA; + } + .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #B91C1C; + color: #ffffff; + border-color: #B91C1C; + } + .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #EF4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #EF4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; + } + .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; + } + + .p-button.p-button-link { + color: #047857; + background: transparent; + border: transparent; + } + .p-button.p-button-link:enabled:hover { + background: transparent; + color: #047857; + border-color: transparent; + } + .p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.2rem #a7f3d0; + border-color: transparent; + } + .p-button.p-button-link:enabled:active { + background: transparent; + color: #047857; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1.3rem; + height: 1.3rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #4b5563; + color: #fff; + } + .p-speeddial-action:hover { + background: #022354; + color: #fff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #10b981; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #6b7280; + border-color: #6b7280; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #10b981; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(16, 185, 129, 0.04); + color: #10b981; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(16, 185, 129, 0.16); + color: #10b981; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #6b7280; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #64748B; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #64748B; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22C55E; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22C55E; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #A855F7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #A855F7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #EF4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #EF4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #d1d5db; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #9ca3af; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #F0FDFA; + color: #047857; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #374151; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #047857; + background: #F0FDFA; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-datatable .p-sortable-column.p-highlight { + background: #F0FDFA; + color: #047857; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #047857; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #F0FDFA; + color: #047857; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #047857; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #a7f3d0; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid #a7f3d0; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #F0FDFA; + color: #047857; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #F0FDFA; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #F0FDFA; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-datatable .p-column-resizer-helper { + background: #10b981; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f9fafb; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #f9fafb; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #f8f8fa; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #F0FDFA; + color: #047857; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #047857; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #047857; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #e5e7eb; + border-width: 0 0 1px 0; + } + .p-dataview .p-dataview-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 1.25rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f3f4f6; + color: #374151; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #F0FDFA; + color: #047857; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #047857; + background: #F0FDFA; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7f3d0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #e5e7eb; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + outline: 0 none; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #047857; + background: #F0FDFA; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(16, 185, 129, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8f8fa; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #F0FDFA; + color: #047857; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #80eed5; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + + .p-paginator { + background: #ffffff; + color: #6b7280; + border: solid #f3f4f6; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #F0FDFA; + border-color: #F0FDFA; + color: #047857; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-picklist .p-picklist-list { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + outline: 0 none; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #047857; + background: #F0FDFA; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(16, 185, 129, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8f8fa; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #10b981; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e5e7eb; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7f3d0; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: box-shadow 0.2s; + padding: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6b7280; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #F0FDFA; + color: #047857; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #047857; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #047857; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #99f1dd; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e5e7eb; + background-color: #ffffff; + color: #4b5563; + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #F0FDFA; + color: #047857; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #047857; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-treetable .p-sortable-column { + outline-color: #a7f3d0; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #374151; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #047857; + background: #F0FDFA; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-treetable .p-sortable-column.p-highlight { + background: #F0FDFA; + color: #047857; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #047857; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #4b5563; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #a7f3d0; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #F0FDFA; + color: #047857; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #047857; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #047857; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #4b5563; + } + .p-treetable .p-column-resizer-helper { + background: #10b981; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f9fafb; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a7f3d0; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 4px; + } + + .p-card { + background: #ffffff; + color: #4b5563; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.25rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #6b7280; + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e5e7eb; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e5e7eb; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + font-weight: 700; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.25rem; + color: #374151; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e5e7eb; + padding: 1.25rem; + background: #f9fafb; + color: #374151; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 700; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0.75rem 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f9fafb; + border: 0 none; + } + + .p-splitter { + border: 1px solid #e5e7eb; + background: #ffffff; + border-radius: 6px; + color: #4b5563; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f9fafb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e5e7eb; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e5e7eb; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a7f3d0; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #10b981; + color: #10b981; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #10b981; + width: 3rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a7f3d0; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #f9fafb; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #374151; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #4b5563; + padding: 0 1.5rem 2rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #4b5563; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #10b981; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #059669; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #f2f2f2; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; + } + + .p-sidebar { + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-sidebar .p-sidebar-header { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #4b5563; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #4b5563; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #4b5563; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #4b5563; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #4b5563; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #f9fafb; + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e5e7eb; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #10b981; + border-style: dashed; + background-color: #F0FDFA; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #059669; + color: #ffffff; + border-color: #059669; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #047857; + color: #ffffff; + border-color: #047857; + } + + .p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #6b7280; + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #F0FDFA; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7f3d0; + } + .p-dock .p-dock-link { + width: 4rem; + height: 4rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #F0FDFA; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + + .p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #F0FDFA; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #F0FDFA; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a7f3d0; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #F0FDFA; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 4px; + } + + .p-slidemenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #F0FDFA; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a7f3d0; + } + .p-slidemenu .p-menuitem-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #4b5563; + border: 1px solid #f3f4f6; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #6b7280; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #F0FDFA; + color: #047857; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: #4b5563; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e5e7eb; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a7f3d0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #10b981; + color: #10b981; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #10b981; + width: 3rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #a7f3d0; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #F0FDFA; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0px; + color: #1ea97c; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; + } + .p-inline-message.p-inline-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0px; + color: #cc8925; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; + } + .p-inline-message.p-inline-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0px; + color: #ff5757; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); + } + .p-message .p-message-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-message.p-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .p-message.p-message-success .p-message-icon { + color: #1ea97c; + } + .p-message.p-message-success .p-message-close { + color: #1ea97c; + } + .p-message.p-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .p-message.p-message-warn .p-message-icon { + color: #cc8925; + } + .p-message.p-message-warn .p-message-close { + color: #cc8925; + } + .p-message.p-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .p-message.p-message-error .p-message-icon { + color: #ff5757; + } + .p-message.p-message-error .p-message-close { + color: #ff5757; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 2rem; + height: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1ea97c; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #cc8925; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ff5757; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f9fafb; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f9fafb; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f9fafb; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f9fafb; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f9fafb; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #d1d5db; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #9ca3af; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #F0FDFA; + color: #047857; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #F0FDFA; + color: #047857; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f9fafb; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f9fafb; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e5e7eb; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #64748B; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22C55E; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #EF4444; + color: #ffffff; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #e5e7eb; + color: #4b5563; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #e5e7eb; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #10b981; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f9fafb; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e5e7eb; + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #10b981; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22C55E; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #EF4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #10b981; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #10b981; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71f3c8, 0 1px 2px 0 black; + } + .p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; + } + .p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; + } + .p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; + } + .p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; + } + .p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; + } + .p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #10b981; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #10b981; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #71f3c8, 0 1px 2px 0 black; + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #10b981; + color: #ffffff; + } +} diff --git a/src/assets/components/themes/lara-light-indigo/theme.css b/src/assets/components/themes/lara-light-indigo/theme.css index 423cab2be0f..1d16faf2d21 100644 --- a/src/assets/components/themes/lara-light-indigo/theme.css +++ b/src/assets/components/themes/lara-light-indigo/theme.css @@ -2,48 +2,48 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#6366F1; - --primary-color-text:#ffffff; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #6366F1; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#eff3f8; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; --focus-ring: 0 0 0 0.2rem #C7D2FE; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #EEF2FF; @@ -190,6 +190,105 @@ --primary-900:#282960; } +.p-editor-container .p-editor-toolbar { + background: #f9fafb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4b5563; + background: #f3f4f6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #6366F1; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #6366F1; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #6366F1; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #6366F1; +} + @layer primeng { * { box-sizing: border-box; @@ -216,7 +315,7 @@ } .p-text-secondary { - color: #6c757d; + color: #6b7280; } .pi { @@ -271,47 +370,50 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.75rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #6366F1; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; border-color: #6366F1; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #495057; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: #4b5563; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: #EEF2FF; - color: #4338CA; - border-radius: 6px; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; } .p-autocomplete-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -323,42 +425,48 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #495057; - background: #e9ecef; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #4338CA; background: #EEF2FF; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { - color: #6c757d; + color: #6b7280; right: 3.75rem; } @@ -366,11 +474,18 @@ border-color: #e24c4c; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; + } + .p-datepicker { padding: 0.5rem; background: #ffffff; - color: #495057; - border: 1px solid #ced4da; + color: #4b5563; + border: 1px solid #d1d5db; border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { @@ -383,11 +498,11 @@ } .p-datepicker .p-datepicker-header { padding: 0.5rem; - color: #495057; + color: #4b5563; background: #ffffff; font-weight: 600; margin: 0; - border-bottom: 1px solid #dee2e6; + border-bottom: 1px solid #e5e7eb; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -395,7 +510,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -403,9 +518,9 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { @@ -418,7 +533,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #495057; + color: #4b5563; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; @@ -461,8 +576,8 @@ box-shadow: 0 0 0 0.2rem #C7D2FE; } .p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #495057; + background: #d1d5db; + color: #4b5563; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { @@ -471,28 +586,28 @@ } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; padding: 0.5rem; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; @@ -536,7 +651,7 @@ background: #EEF2FF; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #dee2e6; + border-left: 1px solid #e5e7eb; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -550,7 +665,7 @@ padding-right: 0; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; @@ -558,7 +673,7 @@ box-shadow: 0 0 0 0.2rem #C7D2FE; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; @@ -566,7 +681,7 @@ box-shadow: 0 0 0 0.2rem #C7D2FE; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; @@ -578,12 +693,12 @@ padding-right: 2.5rem; } p-calendar.p-calendar-clearable .p-calendar-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { - color: #6c757d; + color: #6b7280; right: 3.75rem; } @@ -594,7 +709,7 @@ } .p-cascadeselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -613,7 +728,7 @@ padding: 0.75rem 0.75rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; @@ -621,15 +736,18 @@ } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #e24c4c; + } .p-cascadeselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -640,54 +758,52 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #4338CA; background: #EEF2FF; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e24c4c; - } .p-input-filled .p-cascadeselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { - color: #6c757d; + color: #6b7280; right: 3rem; } @@ -705,11 +821,11 @@ height: 22px; } .p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; + border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; - color: #495057; + color: #4b5563; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -746,13 +862,13 @@ } .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #6366F1; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #4338CA; @@ -762,24 +878,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #6366F1; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; border-color: #6366F1; } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; - background: #EEF2FF; - color: #4338CA; - border-radius: 6px; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d1d5db; + color: #4b5563; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -788,10 +909,10 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #495057; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: #4b5563; padding: 0; margin: 0; } @@ -804,7 +925,7 @@ padding-right: 1.75rem; } p-chips.p-chips-clearable .p-chips-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } @@ -829,7 +950,7 @@ .p-dropdown { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -850,36 +971,39 @@ border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; + color: #6b7280; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-dropdown .p-dropdown-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-dropdown .p-dropdown-clear-icon { - color: #6c757d; + color: #6b7280; right: 3rem; } + .p-dropdown.p-invalid.p-component { + border-color: #e24c4c; + } .p-dropdown-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -890,7 +1014,7 @@ } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-dropdown-panel .p-dropdown-items { padding: 0.75rem 0; @@ -899,7 +1023,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -908,32 +1032,35 @@ color: #4338CA; background: #EEF2FF; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #E0E7FF; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e24c4c; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; } .p-input-filled .p-dropdown { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { background-color: #ffffff; @@ -942,116 +1069,17 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #f8f9fa; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - padding: 0.75rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #6366F1; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #6366F1; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #6366F1; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #6366F1; - } - .p-inputgroup-addon { - background: #e9ecef; - color: #6c757d; - border-top: 1px solid #ced4da; - border-left: 1px solid #ced4da; - border-bottom: 1px solid #ced4da; + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; padding: 0.75rem 0.75rem; min-width: 3rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid #ced4da; + border-right: 1px solid #d1d5db; } .p-inputgroup > .p-component, @@ -1123,7 +1151,7 @@ padding-right: 2.5rem; } p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } @@ -1135,7 +1163,7 @@ padding-right: 2.5rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } @@ -1151,7 +1179,7 @@ height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { - background: #ced4da; + background: #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } @@ -1173,7 +1201,7 @@ box-shadow: 0 0 0 0.2rem #C7D2FE; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b6bfc8; + background: #b7bcc5; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: #6366F1; @@ -1193,10 +1221,10 @@ font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #495057; + color: #4b5563; background: #ffffff; padding: 0.75rem 0.75rem; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 6px; @@ -1224,7 +1252,7 @@ .p-float-label > label { left: 0.75rem; - color: #6c757d; + color: #6b7280; transition-duration: 0.2s; } @@ -1235,7 +1263,7 @@ .p-input-icon-left > .p-icon-wrapper.p-icon, .p-input-icon-left > i:first-of-type { left: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-input-icon-left > .p-inputtext { @@ -1249,7 +1277,7 @@ .p-input-icon-right > .p-icon-wrapper, .p-input-icon-right > i:last-of-type { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-input-icon-right > .p-inputtext { @@ -1257,26 +1285,26 @@ } ::-webkit-input-placeholder { - color: #6c757d; + color: #6b7280; } :-moz-placeholder { - color: #6c757d; + color: #6b7280; } ::-moz-placeholder { - color: #6c757d; + color: #6b7280; } :-ms-input-placeholder { - color: #6c757d; + color: #6b7280; } .p-input-filled .p-inputtext { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; @@ -1294,15 +1322,16 @@ .p-listbox { background: #ffffff; - color: #495057; - border: 1px solid #ced4da; + color: #4b5563; + border: 1px solid #d1d5db; border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1312,19 +1341,20 @@ } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-listbox .p-listbox-header .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list { padding: 0.75rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } @@ -1332,29 +1362,37 @@ color: #4338CA; background: #EEF2FF; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #E0E7FF; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; } p-listbox.ng-dirty.ng-invalid > .p-listbox { @@ -1363,7 +1401,7 @@ .p-multiselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -1381,44 +1419,50 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; - } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; + color: #6b7280; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; - background: #EEF2FF; - color: #4338CA; - border-radius: 6px; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6b7280; + right: 3rem; + } + .p-multiselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1428,7 +1472,7 @@ } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; @@ -1437,16 +1481,16 @@ margin-left: 0.5rem; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; @@ -1460,7 +1504,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -1469,14 +1513,16 @@ color: #4338CA; background: #EEF2FF; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #E0E7FF; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1484,36 +1530,28 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e24c4c; - } - .p-input-filled .p-multiselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #6c757d; - right: 3rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1523,14 +1561,14 @@ .p-password-panel { padding: 1.25rem; background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; - background: #dee2e6; + background: #e5e7eb; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #ea5455; @@ -1546,7 +1584,7 @@ padding-right: 2.5rem; } p-password.p-password-clearable .p-password-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } @@ -1554,7 +1592,7 @@ padding-right: 4.25rem; } p-password.p-password-clearable.p-password-mask .p-password-clear-icon { - color: #6c757d; + color: #6b7280; right: 2.5rem; } @@ -1563,11 +1601,11 @@ height: 22px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; + border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; - color: #495057; + color: #4b5563; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1601,10 +1639,10 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #6366F1; @@ -1620,55 +1658,52 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { - color: #495057; - margin-left: 0.5rem; + .p-rating .p-rating-item .p-rating-icon { + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #ea5455; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; + border-color: #6366F1; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #6366F1; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #6366F1; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #e73d3e; } .p-selectbutton .p-button { background: #ffffff; - border: 1px solid #ced4da; - color: #495057; + border: 1px solid #d1d5db; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { - color: #6c757d; + color: #6b7280; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; + color: #374151; } .p-selectbutton .p-button.p-highlight { background: #6366F1; @@ -1694,7 +1729,7 @@ } .p-slider { - background: #dee2e6; + background: #e5e7eb; border: 0 none; border-radius: 6px; } @@ -1747,22 +1782,22 @@ .p-togglebutton.p-button { background: #ffffff; - border: 1px solid #ced4da; - color: #495057; + border: 1px solid #d1d5db; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { - color: #6c757d; + color: #6b7280; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; + color: #374151; } .p-togglebutton.p-button.p-highlight { background: #6366F1; @@ -1789,7 +1824,7 @@ .p-treeselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -1807,18 +1842,18 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; @@ -1834,16 +1869,16 @@ .p-treeselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-treeselect-panel .p-treeselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1856,7 +1891,7 @@ } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { padding-right: 3.5rem; @@ -1867,16 +1902,16 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; @@ -1888,15 +1923,15 @@ } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-input-filled .p-treeselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; @@ -1906,7 +1941,7 @@ padding-right: 1.75rem; } p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { - color: #6c757d; + color: #6b7280; right: 3rem; } @@ -1919,12 +1954,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #4F46E5; color: #ffffff; border-color: #4F46E5; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #4338CA; color: #ffffff; border-color: #4338CA; @@ -1934,53 +1969,53 @@ color: #6366F1; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(99, 102, 241, 0.04); color: #6366F1; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(99, 102, 241, 0.16); color: #6366F1; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; + color: #6b7280; + border-color: #6b7280; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; } - .p-button.p-button-outlined.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; } .p-button.p-button-text { background-color: transparent; color: #6366F1; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(99, 102, 241, 0.04); color: #6366F1; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(99, 102, 241, 0.16); color: #6366F1; border-color: transparent; } .p-button.p-button-text.p-button-plain { - color: #6c757d; + color: #6b7280; } - .p-button.p-button-text.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; } - .p-button.p-button-text.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; } .p-button:focus { outline: 0 none; @@ -2062,298 +2097,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #64748B; - border: 1px solid #64748B; + background: #64748b; + border: 1px solid #64748b; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #475569; color: #ffffff; border-color: #475569; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #e2e8f0; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #334155; color: #ffffff; border-color: #334155; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; + background: #0ea5e9; + border: 1px solid #0ea5e9; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #2563EB; + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; color: #ffffff; - border-color: #2563EB; + border-color: #0284c7; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #bfdbfe; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #1D4ED8; + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; color: #ffffff; - border-color: #1D4ED8; + border-color: #0369a1; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #3B82F6; + color: #0ea5e9; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #3B82F6; + color: #0ea5e9; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(59, 130, 246, 0.04); + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); border-color: transparent; - color: #3B82F6; + color: #0ea5e9; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(59, 130, 246, 0.16); + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); border-color: transparent; - color: #3B82F6; + color: #0ea5e9; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; + background: #22c55e; + border: 1px solid #22c55e; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #16A34A; + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; color: #ffffff; - border-color: #16A34A; + border-color: #16a34a; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #bbf7d0; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #15803D; + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; color: #ffffff; - border-color: #15803D; + border-color: #15803d; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #ffffff; - background: #F59E0B; - border: 1px solid #F59E0B; + background: #f97316; + border: 1px solid #f97316; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #D97706; + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; color: #ffffff; - border-color: #D97706; + border-color: #ea580c; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #FDE68A; + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #fde68a; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #B45309; + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; color: #ffffff; - border-color: #B45309; + border-color: #c2410c; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #F59E0B; + color: #f97316; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(245, 158, 11, 0.16); - color: #F59E0B; + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #F59E0B; + color: #f97316; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(245, 158, 11, 0.04); + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); border-color: transparent; - color: #F59E0B; + color: #f97316; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(245, 158, 11, 0.16); + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); border-color: transparent; - color: #F59E0B; + color: #f97316; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; + background: #a855f7; + border: 1px solid #a855f7; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #9333EA; + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; color: #ffffff; - border-color: #9333EA; + border-color: #9333ea; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #e9d5ff; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #7E22CE; + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; color: #ffffff; - border-color: #7E22CE; + border-color: #7e22ce; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; + background: #ef4444; + border: 1px solid #ef4444; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #DC2626; + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; color: #ffffff; - border-color: #DC2626; + border-color: #dc2626; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #FECACA; + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #fecaca; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #B91C1C; + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; color: #ffffff; - border-color: #B91C1C; + border-color: #b91c1c; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-button.p-button-link { @@ -2361,20 +2516,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #4338CA; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem #C7D2FE; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #4338CA; border-color: transparent; @@ -2405,7 +2560,7 @@ .p-speeddial-action { width: 3rem; height: 3rem; - background: #495057; + background: #4b5563; color: #fff; } .p-speeddial-action:hover { @@ -2466,51 +2621,51 @@ color: #6366F1; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(99, 102, 241, 0.04); color: #6366F1; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(99, 102, 241, 0.16); color: #6366F1; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #6c757d; - border-color: #6c757d; + color: #6b7280; + border-color: #6b7280; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; color: #6366F1; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(99, 102, 241, 0.04); color: #6366F1; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(99, 102, 241, 0.16); color: #6366F1; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { - color: #6c757d; + color: #6b7280; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; } .p-splitbutton.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); @@ -2538,183 +2693,183 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #3B82F6; + color: #0ea5e9; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #3B82F6; + color: #0ea5e9; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(59, 130, 246, 0.04); + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); border-color: transparent; - color: #3B82F6; + color: #0ea5e9; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(59, 130, 246, 0.16); + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); border-color: transparent; - color: #3B82F6; + color: #0ea5e9; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #F59E0B; + color: #f97316; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(245, 158, 11, 0.16); - color: #F59E0B; + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #F59E0B; + color: #f97316; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(245, 158, 11, 0.04); + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); border-color: transparent; - color: #F59E0B; + color: #f97316; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(245, 158, 11, 0.16); + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); border-color: transparent; - color: #F59E0B; + color: #f97316; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -2723,9 +2878,9 @@ } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { @@ -2741,14 +2896,14 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #ced4da; + background-color: #d1d5db; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #adb5bd; + background: #9ca3af; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #EEF2FF; @@ -2764,17 +2919,17 @@ border-radius: 0; } .p-datatable .p-datatable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -2782,24 +2937,24 @@ .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; } .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #343a40; + color: #374151; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { @@ -2812,11 +2967,11 @@ margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; + color: #374151; } .p-datatable .p-sortable-column.p-highlight { background: #EEF2FF; @@ -2838,12 +2993,12 @@ } .p-datatable .p-datatable-tbody > tr { background: #ffffff; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -2853,7 +3008,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -2863,9 +3018,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, @@ -2893,20 +3048,20 @@ box-shadow: inset 0 -2px 0 0 #EEF2FF; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-datatable .p-column-resizer-helper { background: #6366F1; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { - background: #f8f9fa; + background: #f9fafb; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { - background-color: #f8f9fa; + background-color: #f9fafb; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; @@ -2966,7 +3121,7 @@ border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: #fcfcfc; + background: #f8f8fa; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { background: #EEF2FF; @@ -3018,27 +3173,23 @@ border-radius: 0; } .p-dataview .p-dataview-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-dataview .p-dataview-content { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #dee2e6; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3060,20 +3211,20 @@ .p-column-filter-menu-button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-menu-button:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #EEF2FF; @@ -3088,16 +3239,16 @@ .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-clear-button:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-column-filter-clear-button:focus-visible { outline: 0 none; @@ -3107,7 +3258,7 @@ .p-column-filter-overlay { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -3120,7 +3271,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -3130,8 +3281,8 @@ background: #EEF2FF; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; @@ -3139,22 +3290,22 @@ box-shadow: inset 0 0 0 0.15rem #C7D2FE; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1.25rem; - border-bottom: 1px solid #dee2e6; + border-bottom: 1px solid #e5e7eb; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3172,295 +3323,6 @@ padding: 1.25rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #f8f9fa; - border: 1px solid #dee2e6; - color: #343a40; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #495057; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #4F46E5; - border: 1px solid #4F46E5; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #f8f9fa; - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #6366F1; - border: 1px solid #6366F1; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #4F46E5; - color: #ffffff; - border-color: #4F46E5; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #4338CA; - color: #ffffff; - border-color: #4338CA; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #6366F1; - border-color: #6366F1; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #4F46E5; - border-color: #4F46E5; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #495057; - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1.25rem; - background: #f8f9fa; - color: #343a40; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #4F46E5; - border-color: #4F46E5; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #4F46E5; - border-color: #4F46E5; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #495057; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f8f9fa; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #6366F1; - border: 1px solid #6366F1; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #4F46E5; - color: #ffffff; - border-color: #4F46E5; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #4338CA; - color: #ffffff; - border-color: #4338CA; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #6366F1; - border: 1px solid #6366F1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #6366F1; - border-color: #6366F1; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #4F46E5; - border-color: #4F46E5; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard a { - color: #495057; - } - .fc.fc-theme-standard .fc-highlight { - color: #4338CA; - background: #EEF2FF; - } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3468,9 +3330,9 @@ margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; @@ -3482,7 +3344,7 @@ .p-orderlist .p-orderlist-filter-container { padding: 1.25rem; background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { @@ -3490,60 +3352,67 @@ } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #4338CA; background: #EEF2FF; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #E0E7FF; + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { - background: #fcfcfc; + background: #f8f8fa; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { - background: #e9ecef; + background: #f3f4f6; } .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border: 0 none; - color: #495057; + color: #4b5563; background: #ffffff; margin: 0; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-organizationchart .p-organizationchart-node-content.p-highlight { background: #EEF2FF; @@ -3553,20 +3422,20 @@ color: #6f91ff; } .p-organizationchart .p-organizationchart-line-down { - background: #dee2e6; + background: #e5e7eb; } .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #dee2e6; - border-color: #dee2e6; + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #dee2e6; - border-color: #dee2e6; + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 1.25rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { @@ -3582,8 +3451,8 @@ .p-paginator { background: #ffffff; - color: #6c757d; - border: solid #e9ecef; + color: #6b7280; + border: solid #f3f4f6; border-width: 0; padding: 0.5rem 1rem; border-radius: 6px; @@ -3594,7 +3463,7 @@ .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3605,9 +3474,9 @@ .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; border-color: transparent; - color: #343a40; + color: #374151; } .p-paginator .p-paginator-first { border-top-left-radius: 50%; @@ -3635,7 +3504,7 @@ .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3644,7 +3513,7 @@ .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3657,9 +3526,9 @@ color: #4338CA; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; border-color: transparent; - color: #343a40; + color: #374151; } .p-picklist .p-picklist-buttons { @@ -3669,9 +3538,9 @@ margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; @@ -3683,7 +3552,7 @@ .p-picklist .p-picklist-filter-container { padding: 1.25rem; background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { @@ -3691,53 +3560,60 @@ } .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-picklist .p-picklist-list { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #4b5563; + background: #e5e7eb; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #4338CA; background: #EEF2FF; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #E0E7FF; + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { - background: #fcfcfc; + background: #f8f8fa; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { - background: #e9ecef; + background: #f3f4f6; } .p-picklist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border: 0 none; - color: #495057; + color: #4b5563; background: #ffffff; margin: 0; } @@ -3750,7 +3626,7 @@ background-color: #ffffff; } .p-timeline .p-timeline-event-connector { - background-color: #dee2e6; + background-color: #e5e7eb; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { @@ -3768,14 +3644,20 @@ } .p-tree { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 1.25rem; border-radius: 6px; } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #C7D2FE; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3786,16 +3668,16 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; @@ -3804,18 +3686,13 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #EEF2FF; @@ -3830,12 +3707,12 @@ color: #4338CA; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; @@ -3846,7 +3723,7 @@ } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; @@ -3863,9 +3740,9 @@ } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 6px; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background-color: #ffffff; - color: #495057; + color: #4b5563; padding: 0.5rem; transition: box-shadow 0.2s; } @@ -3880,7 +3757,7 @@ margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { @@ -3891,8 +3768,8 @@ color: inherit; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { outline: 0 none; @@ -3909,17 +3786,17 @@ border-radius: 0; } .p-treetable .p-treetable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3927,27 +3804,27 @@ .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; } .p-treetable .p-sortable-column { outline-color: #C7D2FE; } .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #343a40; + color: #374151; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { @@ -3960,11 +3837,11 @@ margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; + color: #374151; } .p-treetable .p-sortable-column.p-highlight { background: #EEF2FF; @@ -3975,19 +3852,19 @@ } .p-treetable .p-treetable-tbody > tr { background: #ffffff; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -3995,9 +3872,9 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; @@ -4012,7 +3889,7 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; + color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #C7D2FE; @@ -4029,18 +3906,18 @@ color: #4338CA; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #495057; + color: #4b5563; } .p-treetable .p-column-resizer-helper { background: #6366F1; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { - background: #f8f9fa; + background: #f9fafb; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; @@ -4102,23 +3979,23 @@ } .p-virtualscroller .p-virtualscroller-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-virtualscroller .p-virtualscroller-content { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; padding: 0; } .p-virtualscroller .p-virtualscroller-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -4128,9 +4005,9 @@ .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; @@ -4144,27 +4021,27 @@ box-shadow: inset 0 0 0 0.2rem #C7D2FE; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; } .p-accordion .p-accordion-content { padding: 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; @@ -4177,7 +4054,7 @@ .p-card { background: #ffffff; - color: #495057; + color: #4b5563; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } @@ -4192,7 +4069,7 @@ .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-card .p-card-content { padding: 1.25rem 0; @@ -4209,7 +4086,7 @@ padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px #dee2e6; + border-top: 1px #e5e7eb; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -4219,23 +4096,23 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px #dee2e6; + border-left: 1px #e5e7eb; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-fieldset { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; font-weight: 700; border-radius: 6px; } @@ -4245,7 +4122,7 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1.25rem; - color: #343a40; + color: #374151; border-radius: 6px; transition: box-shadow 0.2s; } @@ -4258,19 +4135,19 @@ box-shadow: 0 0 0 0.2rem #C7D2FE; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-fieldset .p-fieldset-content { padding: 1.25rem; } .p-panel .p-panel-header { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; padding: 1.25rem; - background: #f8f9fa; - color: #343a40; + background: #f9fafb; + color: #374151; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -4280,16 +4157,16 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; @@ -4301,18 +4178,22 @@ } .p-panel .p-panel-content { padding: 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4330,25 +4211,25 @@ } .p-scrollpanel .p-scrollpanel-bar { - background: #f8f9fa; + background: #f9fafb; border: 0 none; } .p-splitter { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; border-radius: 6px; - color: #495057; + color: #4b5563; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f8f9fa; + background: #f9fafb; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #dee2e6; + background: #e5e7eb; } .p-splitter .p-splitter-gutter-resizing { - background: #dee2e6; + background: #e5e7eb; } .p-tabview .p-tabview-nav-content { @@ -4356,18 +4237,18 @@ } .p-tabview .p-tabview-nav { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; + border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; @@ -4382,8 +4263,8 @@ } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; - border-color: #adb5bd; - color: #6c757d; + border-color: #9ca3af; + color: #6b7280; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; @@ -4415,14 +4296,14 @@ background: #ffffff; padding: 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; + background: #f9fafb; + border: 1px solid #e5e7eb; padding: 1.25rem; border-radius: 6px; gap: 0.5rem; @@ -4433,7 +4314,7 @@ .p-confirm-popup { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -4487,7 +4368,7 @@ .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; - color: #343a40; + color: #374151; padding: 1.5rem; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4499,7 +4380,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -4507,9 +4388,9 @@ margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; @@ -4521,7 +4402,7 @@ } .p-dialog .p-dialog-content { background: #ffffff; - color: #495057; + color: #4b5563; padding: 0 1.5rem 2rem 1.5rem; } .p-dialog .p-dialog-content:last-of-type { @@ -4531,7 +4412,7 @@ .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; border-bottom-right-radius: 6px; @@ -4554,7 +4435,7 @@ .p-overlaypanel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -4596,7 +4477,7 @@ .p-sidebar { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } @@ -4607,7 +4488,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -4615,9 +4496,9 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { @@ -4636,30 +4517,30 @@ } .p-tooltip .p-tooltip-text { - background: #495057; + background: #4b5563; color: #ffffff; padding: 0.75rem 0.75rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #495057; + border-right-color: #4b5563; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #495057; + border-left-color: #4b5563; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #495057; + border-top-color: #4b5563; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #495057; + border-bottom-color: #4b5563; } .p-fileupload .p-fileupload-buttonbar { - background: #f8f9fa; + background: #f9fafb; padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; + border: 1px solid #e5e7eb; + color: #374151; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4675,8 +4556,8 @@ .p-fileupload .p-fileupload-content { background: #ffffff; padding: 2rem 1rem; - border: 1px solid #dee2e6; - color: #495057; + border: 1px solid #e5e7eb; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } @@ -4708,7 +4589,7 @@ .p-breadcrumb { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-radius: 6px; padding: 1rem; } @@ -4722,26 +4603,26 @@ box-shadow: 0 0 0 0.2rem #C7D2FE; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; @@ -4751,31 +4632,31 @@ outline: 0 none; } .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-contextmenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #4338CA; @@ -4784,34 +4665,37 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4338CA; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4338CA; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #E0E7FF; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { @@ -4893,33 +4777,33 @@ } .p-megamenu { padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; } .p-megamenu .p-megamenu-root-list { outline: 0 none; } .p-megamenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #4338CA; @@ -4928,61 +4812,64 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4338CA; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4338CA; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #E0E7FF; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-megamenu .p-megamenu-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-megamenu .p-submenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-megamenu.p-megamenu-vertical { width: 12.5rem; - padding: 0.25rem 0; + padding: 0.5rem 0; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } @@ -4991,54 +4878,55 @@ user-select: none; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menu { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } .p-menu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #4338CA; @@ -5047,31 +4935,34 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4338CA; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4338CA; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #E0E7FF; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menu.p-menu-overlay { background: #ffffff; @@ -5081,14 +4972,14 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menu .p-menuitem-badge { @@ -5107,16 +4998,16 @@ .p-menubar { padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; } .p-menubar .p-menubar-root-list { outline: 0 none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } @@ -5125,45 +5016,46 @@ user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menubar .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #4338CA; @@ -5172,41 +5064,44 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4338CA; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4338CA; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #E0E7FF; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menubar .p-submenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { @@ -5221,13 +5116,13 @@ display: flex; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { - color: #6c757d; - background: #e9ecef; + color: #6b7280; + background: #f3f4f6; } .p-menubar .p-menubar-button:focus { outline: 0 none; @@ -5237,14 +5132,14 @@ .p-menubar .p-menubar-root-list { position: absolute; display: none; - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -5305,14 +5200,14 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; border-radius: 6px; transition: box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; } @@ -5328,28 +5223,28 @@ box-shadow: inset 0 0 0 0.2rem #C7D2FE; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; } .p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #dee2e6; + padding: 0.5rem 0; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; @@ -5360,24 +5255,24 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #4338CA; @@ -5386,37 +5281,40 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4338CA; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4338CA; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #E0E7FF; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -5427,10 +5325,10 @@ } .p-slidemenu { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } @@ -5441,24 +5339,24 @@ outline: 0 none; } .p-slidemenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { color: #4338CA; @@ -5467,31 +5365,34 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4338CA; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4338CA; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #E0E7FF; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5499,13 +5400,13 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-slidemenu .p-slidemenu-icon { @@ -5517,7 +5418,7 @@ } .p-slidemenu .p-slidemenu-backward { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; } .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { outline: 0 none; @@ -5545,8 +5446,8 @@ background: #ffffff; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #495057; - border: 1px solid #e9ecef; + color: #4b5563; + border: 1px solid #f3f4f6; background: #ffffff; min-width: 2rem; height: 2rem; @@ -5557,7 +5458,7 @@ } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; @@ -5570,11 +5471,11 @@ } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 700; - color: #495057; + color: #4b5563; } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; width: 100%; top: 50%; left: 0; @@ -5585,7 +5486,7 @@ .p-tabmenu .p-tabmenu-nav { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { @@ -5605,11 +5506,11 @@ margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; + border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; @@ -5627,8 +5528,8 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; - border-color: #adb5bd; - color: #6c757d; + border-color: #9ca3af; + color: #6b7280; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; @@ -5655,10 +5556,10 @@ } .p-tieredmenu { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } @@ -5671,30 +5572,30 @@ outline: 0 none; } .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-tieredmenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #4338CA; @@ -5703,34 +5604,37 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4338CA; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #4338CA; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #E0E7FF; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5747,16 +5651,16 @@ border-radius: 6px; } .p-inline-message.p-inline-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; border-width: 0px; - color: #696cff; + color: #3b82f6; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #696cff; + color: #3b82f6; } .p-inline-message.p-inline-message-success { - background: #e4f8f0; + background: rgba(228, 248, 240, 0.7); border: solid #1ea97c; border-width: 0px; color: #1ea97c; @@ -5765,7 +5669,7 @@ color: #1ea97c; } .p-inline-message.p-inline-message-warn { - background: #fff2e2; + background: rgba(255, 242, 226, 0.7); border: solid #cc8925; border-width: 0px; color: #cc8925; @@ -5774,7 +5678,7 @@ color: #cc8925; } .p-inline-message.p-inline-message-error { - background: #ffe7e6; + background: rgba(255, 231, 230, 0.7); border: solid #ff5757; border-width: 0px; color: #ff5757; @@ -5820,19 +5724,19 @@ box-shadow: 0 0 0 0.2rem #C7D2FE; } .p-message.p-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; border-width: 0 0 0 6px; - color: #696cff; + color: #3b82f6; } .p-message.p-message-info .p-message-icon { - color: #696cff; + color: #3b82f6; } .p-message.p-message-info .p-message-close { - color: #696cff; + color: #3b82f6; } .p-message.p-message-success { - background: #e4f8f0; + background: rgba(228, 248, 240, 0.7); border: solid #1ea97c; border-width: 0 0 0 6px; color: #1ea97c; @@ -5844,7 +5748,7 @@ color: #1ea97c; } .p-message.p-message-warn { - background: #fff2e2; + background: rgba(255, 242, 226, 0.7); border: solid #cc8925; border-width: 0 0 0 6px; color: #cc8925; @@ -5856,7 +5760,7 @@ color: #cc8925; } .p-message.p-message-error { - background: #ffe7e6; + background: rgba(255, 231, 230, 0.7); border: solid #ff5757; border-width: 0 0 0 6px; color: #ff5757; @@ -5869,7 +5773,7 @@ } .p-message .p-message-text { font-size: 1rem; - font-weight: 400; + font-weight: 500; } .p-message .p-message-icon { font-size: 1.5rem; @@ -5887,7 +5791,7 @@ } .p-toast { - opacity: 0.9; + opacity: 1; } .p-toast .p-toast-message { margin: 0 0 1rem 0; @@ -5930,17 +5834,17 @@ box-shadow: 0 0 0 0.2rem #C7D2FE; } .p-toast .p-toast-message.p-toast-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; border-width: 0 0 0 6px; - color: #696cff; + color: #3b82f6; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #696cff; + color: #3b82f6; } .p-toast .p-toast-message.p-toast-message-success { - background: #e4f8f0; + background: rgba(228, 248, 240, 0.7); border: solid #1ea97c; border-width: 0 0 0 6px; color: #1ea97c; @@ -5950,7 +5854,7 @@ color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-warn { - background: #fff2e2; + background: rgba(255, 242, 226, 0.7); border: solid #cc8925; border-width: 0 0 0 6px; color: #cc8925; @@ -5960,7 +5864,7 @@ color: #cc8925; } .p-toast .p-toast-message.p-toast-message-error { - background: #ffe7e6; + background: rgba(255, 231, 230, 0.7); border: solid #ff5757; border-width: 0 0 0 6px; color: #ff5757; @@ -5973,7 +5877,7 @@ .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; - color: #f8f9fa; + color: #f9fafb; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5988,11 +5892,11 @@ } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-item-nav { background: transparent; - color: #f8f9fa; + color: #f9fafb; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -6009,25 +5913,25 @@ } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; + color: #f9fafb; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #ced4da; + background-color: #d1d5db; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #adb5bd; + background: #9ca3af; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #EEF2FF; @@ -6060,7 +5964,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; - color: #f8f9fa; + color: #f9fafb; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -6069,7 +5973,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; @@ -6124,7 +6028,7 @@ } .p-avatar { - background-color: #dee2e6; + background-color: #e5e7eb; border-radius: 6px; } .p-avatar.p-avatar-lg { @@ -6158,23 +6062,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #64748B; + background-color: #64748b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-badge.p-badge-info { - background-color: #3B82F6; + background-color: #0ea5e9; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #F59E0B; + background-color: #f97316; color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -6191,8 +6095,8 @@ } .p-chip { - background-color: #dee2e6; - color: #495057; + background-color: #e5e7eb; + color: #4b5563; border-radius: 16px; padding: 0 0.75rem; } @@ -6232,8 +6136,8 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-inplace .p-inplace-display:focus { outline: 0 none; @@ -6244,7 +6148,7 @@ .p-progressbar { border: 0 none; height: 1.5rem; - background: #dee2e6; + background: #e5e7eb; border-radius: 6px; } .p-progressbar .p-progressbar-value { @@ -6272,7 +6176,7 @@ } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; - color: #f8f9fa; + color: #f9fafb; } .p-scrolltop .p-icon { width: 1.5rem; @@ -6280,7 +6184,7 @@ } .p-skeleton { - background-color: #dee2e6; + background-color: #e5e7eb; border-radius: 6px; } .p-skeleton:after { @@ -6296,19 +6200,19 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { - background-color: #3B82F6; + background-color: #0ea5e9; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #F59E0B; + background-color: #f97316; color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -6322,8 +6226,8 @@ .p-terminal { background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; padding: 1.25rem; } .p-terminal .p-terminal-input { @@ -6337,6 +6241,11 @@ font-weight: 700; } + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -6344,13 +6253,9 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { @@ -6371,10 +6276,10 @@ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; } .p-button.p-button-help:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; @@ -6389,4 +6294,26 @@ .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #6366F1; } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 black; + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #6366F1; + color: #ffffff; + } } diff --git a/src/assets/components/themes/lara-light-pink/fonts/Inter-italic.var.woff2 b/src/assets/components/themes/lara-light-pink/fonts/Inter-italic.var.woff2 new file mode 100644 index 00000000000..b826d5af84b Binary files /dev/null and b/src/assets/components/themes/lara-light-pink/fonts/Inter-italic.var.woff2 differ diff --git a/src/assets/components/themes/lara-light-pink/fonts/Inter-roman.var.woff2 b/src/assets/components/themes/lara-light-pink/fonts/Inter-roman.var.woff2 new file mode 100644 index 00000000000..6a256a068f0 Binary files /dev/null and b/src/assets/components/themes/lara-light-pink/fonts/Inter-roman.var.woff2 differ diff --git a/src/assets/components/themes/lara-light-pink/theme.css b/src/assets/components/themes/lara-light-pink/theme.css new file mode 100644 index 00000000000..e72eb7f3454 --- /dev/null +++ b/src/assets/components/themes/lara-light-pink/theme.css @@ -0,0 +1,6188 @@ +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family:"Inter var", sans-serif; + --font-feature-settings: "cv02","cv03","cv04","cv11"; + --surface-a:#ffffff; + --surface-b:#f9fafb; + --surface-c:#f3f4f6; + --surface-d:#e5e7eb; + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#4b5563; + --text-color-secondary:#6b7280; + --primary-color:#ec4899; + --primary-color-text:#ffffff; + --surface-0: #ffffff; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding:1.25rem; + --inline-spacing:0.5rem; + --border-radius:6px; + --surface-ground:#f9fafb; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dfe7ef; + --surface-hover:#f6f9fc; + --focus-ring: 0 0 0 0.2rem #fbcfe8; + --maskbg: rgba(0, 0, 0, 0.4); + --highlight-bg: #fdf2f8; + --highlight-text-color: #be185d; + color-scheme: light; +} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: "Italic"; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} +:root { + --blue-50:#f5f9ff; + --blue-100:#d0e1fd; + --blue-200:#abc9fb; + --blue-300:#85b2f9; + --blue-400:#609af8; + --blue-500:#3b82f6; + --blue-600:#326fd1; + --blue-700:#295bac; + --blue-800:#204887; + --blue-900:#183462; + --green-50:#f4fcf7; + --green-100:#caf1d8; + --green-200:#a0e6ba; + --green-300:#76db9b; + --green-400:#4cd07d; + --green-500:#22c55e; + --green-600:#1da750; + --green-700:#188a42; + --green-800:#136c34; + --green-900:#0e4f26; + --yellow-50:#fefbf3; + --yellow-100:#faedc4; + --yellow-200:#f6de95; + --yellow-300:#f2d066; + --yellow-400:#eec137; + --yellow-500:#eab308; + --yellow-600:#c79807; + --yellow-700:#a47d06; + --yellow-800:#816204; + --yellow-900:#5e4803; + --cyan-50:#f3fbfd; + --cyan-100:#c3edf5; + --cyan-200:#94e0ed; + --cyan-300:#65d2e4; + --cyan-400:#35c4dc; + --cyan-500:#06b6d4; + --cyan-600:#059bb4; + --cyan-700:#047f94; + --cyan-800:#036475; + --cyan-900:#024955; + --pink-50:#fef6fa; + --pink-100:#fad3e7; + --pink-200:#f7b0d3; + --pink-300:#f38ec0; + --pink-400:#f06bac; + --pink-500:#ec4899; + --pink-600:#c93d82; + --pink-700:#a5326b; + --pink-800:#822854; + --pink-900:#5e1d3d; + --indigo-50:#f7f7fe; + --indigo-100:#dadafc; + --indigo-200:#bcbdf9; + --indigo-300:#9ea0f6; + --indigo-400:#8183f4; + --indigo-500:#6366f1; + --indigo-600:#5457cd; + --indigo-700:#4547a9; + --indigo-800:#363885; + --indigo-900:#282960; + --teal-50:#f3fbfb; + --teal-100:#c7eeea; + --teal-200:#9ae0d9; + --teal-300:#6dd3c8; + --teal-400:#41c5b7; + --teal-500:#14b8a6; + --teal-600:#119c8d; + --teal-700:#0e8174; + --teal-800:#0b655b; + --teal-900:#084a42; + --orange-50:#fff8f3; + --orange-100:#feddc7; + --orange-200:#fcc39b; + --orange-300:#fba86f; + --orange-400:#fa8e42; + --orange-500:#f97316; + --orange-600:#d46213; + --orange-700:#ae510f; + --orange-800:#893f0c; + --orange-900:#642e09; + --bluegray-50:#f7f8f9; + --bluegray-100:#dadee3; + --bluegray-200:#bcc3cd; + --bluegray-300:#9fa9b7; + --bluegray-400:#818ea1; + --bluegray-500:#64748b; + --bluegray-600:#556376; + --bluegray-700:#465161; + --bluegray-800:#37404c; + --bluegray-900:#282e38; + --purple-50:#fbf7ff; + --purple-100:#ead6fd; + --purple-200:#dab6fc; + --purple-300:#c996fa; + --purple-400:#b975f9; + --purple-500:#a855f7; + --purple-600:#8f48d2; + --purple-700:#763cad; + --purple-800:#5c2f88; + --purple-900:#432263; + --red-50:#fff5f5; + --red-100:#ffd0ce; + --red-200:#ffaca7; + --red-300:#ff8780; + --red-400:#ff6259; + --red-500:#ff3d32; + --red-600:#d9342b; + --red-700:#b32b23; + --red-800:#8c221c; + --red-900:#661814; + --primary-50:#fef6fa; + --primary-100:#fad3e7; + --primary-200:#f7b0d3; + --primary-300:#f38ec0; + --primary-400:#f06bac; + --primary-500:#ec4899; + --primary-600:#c93d82; + --primary-700:#a5326b; + --primary-800:#822854; + --primary-900:#5e1d3d; +} + +.p-editor-container .p-editor-toolbar { + background: #f9fafb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4b5563; + background: #f3f4f6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #ec4899; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #ec4899; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #ec4899; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #ec4899; +} + +@layer primeng { + * { + box-sizing: border-box; + } + + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + + .p-disabled, .p-component:disabled { + opacity: 0.6; + } + + .p-error { + color: #e24c4c; + } + + .p-text-secondary { + color: #6b7280; + } + + .pi { + font-size: 1rem; + } + + .p-icon { + width: 1rem; + height: 1rem; + } + + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 6px; + } + .p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + + .p-autocomplete .p-autocomplete-loader { + right: 0.75rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.75rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #ec4899; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: #4b5563; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #e24c4c; + } + + .p-autocomplete-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.75rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; + } + + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #e24c4c; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + + .p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + border-radius: 6px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #4b5563; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #e5e7eb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #4b5563; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #ec4899; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; + } + .p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; + } + .p-datepicker table th { + padding: 0.5rem; + } + .p-datepicker table th > span { + width: 2.5rem; + height: 2.5rem; + } + .p-datepicker table td { + padding: 0.5rem; + } + .p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: box-shadow 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-datepicker table td.p-datepicker-today > span { + background: #d1d5db; + color: #4b5563; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #e5e7eb; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #e5e7eb; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datepicker .p-timepicker button:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1.25rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.5rem; + } + .p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; + } + .p-datepicker .p-monthpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #e5e7eb; + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #f3f4f6; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #6b7280; + right: 3.75rem; + } + + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #ec4899; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6b7280; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #e24c4c; + } + + .p-cascadeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.75rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + + .p-input-filled .p-cascadeselect { + background: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; + } + + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.75rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + + .p-checkbox { + width: 22px; + height: 22px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #ec4899; + background: #ec4899; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #ec4899; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #be185d; + background: #be185d; + color: #ffffff; + } + + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #e24c4c; + } + + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #ec4899; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #be185d; + } + + .p-checkbox-label { + margin-left: 0.5rem; + } + + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #ec4899; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: #4b5563; + padding: 0; + margin: 0; + } + + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #e24c4c; + } + + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.75rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + .p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + + .p-colorpicker-panel { + background: #323232; + border: 1px solid #191919; + } + .p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; + } + + .p-colorpicker-overlay-panel { + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + + .p-dropdown { + background: #ffffff; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #ec4899; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #6b7280; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #6b7280; + right: 3rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #e24c4c; + } + + .p-dropdown-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; + margin-right: -1.75rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.75rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-dropdown { + background: #f3f4f6; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #ffffff; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + + .p-inputgroup-addon { + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; + padding: 0.75rem 0.75rem; + min-width: 3rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #d1d5db; + } + + .p-inputgroup > .p-component, +.p-inputgroup > .p-element, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-element + .p-inputgroup-addon, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; + } + .p-inputgroup > .p-component:focus, +.p-inputgroup > .p-element:focus, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-element:focus ~ label, +.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; + } + + .p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 3rem; + } + + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #e24c4c; + } + + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2.5rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #e24c4c; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 3.75rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 3.75rem; + } + + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #b7bcc5; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #ec4899; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #db2777; + } + + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #e24c4c; + } + + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #4b5563; + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 6px; + } + .p-inputtext:enabled:hover { + border-color: #ec4899; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #e24c4c; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-float-label > label { + left: 0.75rem; + color: #6b7280; + transition-duration: 0.2s; + } + + .p-float-label > .ng-invalid.ng-dirty + label { + color: #e24c4c; + } + + .p-input-icon-left > .p-icon-wrapper.p-icon, +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: #6b7280; + } + + .p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; + } + + .p-input-icon-left.p-float-label > label { + left: 2.5rem; + } + + .p-input-icon-right > .p-icon-wrapper, +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: #6b7280; + } + + .p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; + } + + ::-webkit-input-placeholder { + color: #6b7280; + } + + :-moz-placeholder { + color: #6b7280; + } + + ::-moz-placeholder { + color: #6b7280; + } + + :-ms-input-placeholder { + color: #6b7280; + } + + .p-input-filled .p-inputtext { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f3f4f6; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #ffffff; + } + + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; + } + + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; + } + + .p-listbox { + background: #ffffff; + color: #4b5563; + border: 1px solid #d1d5db; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.75rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #e24c4c; + } + + .p-multiselect { + background: #ffffff; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #ec4899; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + .p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #6b7280; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; + } + + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-multiselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.75rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-multiselect { + background: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; + } + + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #e24c4c; + } + + .p-password-panel { + padding: 1.25rem; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #e5e7eb; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #ea5455; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #ff9f42; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #29c76f; + } + + p-password.p-password-clearable .p-password-input { + padding-right: 2.5rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #6b7280; + right: 0.75rem; + } + + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 4.25rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #6b7280; + right: 2.5rem; + } + + .p-radiobutton { + width: 22px; + height: 22px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #d1d5db; + background: #ffffff; + width: 22px; + height: 22px; + color: #4b5563; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #ec4899; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #ffffff; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #ec4899; + background: #ec4899; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #be185d; + background: #be185d; + color: #ffffff; + } + + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #e24c4c; + } + + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ec4899; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #be185d; + } + + .p-radiobutton-label { + margin-left: 0.5rem; + } + + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #4b5563; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1.143rem; + height: 1.143rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #ea5455; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #ec4899; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #ec4899; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #e73d3e; + } + + .p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #d1d5db; + color: #4b5563; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: #6b7280; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #374151; + } + .p-selectbutton .p-button.p-highlight { + background: #ec4899; + border-color: #ec4899; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #db2777; + border-color: #db2777; + color: #ffffff; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #e24c4c; + } + + .p-slider { + background: #e5e7eb; + border: 0 none; + border-radius: 6px; + } + .p-slider.p-slider-horizontal { + height: 0.286rem; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; + } + .p-slider.p-slider-vertical { + width: 0.286rem; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; + } + .p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #ffffff; + border: 2px solid #ec4899; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-slider .p-slider-range { + background: #ec4899; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #ec4899; + border-color: #ec4899; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; + } + .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; + } + + .p-togglebutton.p-button { + background: #ffffff; + border: 1px solid #d1d5db; + color: #4b5563; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: #6b7280; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: #374151; + } + .p-togglebutton.p-button.p-highlight { + background: #ec4899; + border-color: #ec4899; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #db2777; + border-color: #db2777; + color: #ffffff; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #ffffff; + } + + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #e24c4c; + } + + .p-treeselect { + background: #ffffff; + border: 1px solid #d1d5db; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #ec4899; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: #ec4899; + } + .p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #6b7280; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #6b7280; + width: 3rem; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + } + + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #e24c4c; + } + + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; + } + + .p-treeselect-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.75rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; + } + .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; + } + + .p-input-filled .p-treeselect { + background: #f3f4f6; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f3f4f6; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #ffffff; + } + + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.75rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #6b7280; + right: 3rem; + } + + .p-button { + color: #ffffff; + background: #ec4899; + border: 1px solid #ec4899; + padding: 0.75rem 1.25rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 6px; + } + .p-button:enabled:hover { + background: #db2777; + color: #ffffff; + border-color: #db2777; + } + .p-button:enabled:active { + background: #be185d; + color: #ffffff; + border-color: #be185d; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #ec4899; + border: 1px solid; + } + .p-button.p-button-outlined:enabled:hover { + background: rgba(236, 72, 153, 0.04); + color: #ec4899; + border: 1px solid; + } + .p-button.p-button-outlined:enabled:active { + background: rgba(236, 72, 153, 0.16); + color: #ec4899; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #6b7280; + border-color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-outlined.p-button-plain:enabled:active { + background: #e5e7eb; + color: #6b7280; + } + .p-button.p-button-text { + background-color: transparent; + color: #ec4899; + border-color: transparent; + } + .p-button.p-button-text:enabled:hover { + background: rgba(236, 72, 153, 0.04); + color: #ec4899; + border-color: transparent; + } + .p-button.p-button-text:enabled:active { + background: rgba(236, 72, 153, 0.16); + color: #ec4899; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:enabled:hover { + background: #f3f4f6; + color: #6b7280; + } + .p-button.p-button-text.p-button-plain:enabled:active { + background: #e5e7eb; + color: #6b7280; + } + .p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .p-button .p-button-icon-left { + margin-right: 0.5rem; + } + .p-button .p-button-icon-right { + margin-left: 0.5rem; + } + .p-button .p-button-icon-bottom { + margin-top: 0.5rem; + } + .p-button .p-button-icon-top { + margin-bottom: 0.5rem; + } + .p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #ec4899; + background-color: #ffffff; + } + .p-button.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 3rem; + padding: 0.75rem 0; + } + .p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; + } + .p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 3rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; + } + .p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; + } + .p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; + } + + .p-fluid .p-button { + width: 100%; + } + .p-fluid .p-button-icon-only { + width: 3rem; + } + .p-fluid .p-buttonset { + display: flex; + } + .p-fluid .p-buttonset .p-button { + flex: 1; + } + + .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #64748B; + border: 1px solid #64748B; + } + .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #475569; + color: #ffffff; + border-color: #475569; + } + .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #E2E8F0; + } + .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #334155; + color: #ffffff; + border-color: #334155; + } + .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #64748B; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #64748B; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; + } + .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; + } + + .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #0ea5e9; + border: 1px solid #0ea5e9; + } + .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #0284c7; + color: #ffffff; + border-color: #0284c7; + } + .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #BFDBFE; + } + .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #0369a1; + color: #ffffff; + border-color: #0369a1; + } + .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + border: 1px solid; + } + .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #22C55E; + border: 1px solid #22C55E; + } + .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #16A34A; + color: #ffffff; + border-color: #16A34A; + } + .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #BBF7D0; + } + .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #15803D; + color: #ffffff; + border-color: #15803D; + } + .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #22C55E; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; + border: 1px solid; + } + .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #22C55E; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; + } + .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; + } + + .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #ffffff; + background: #f97316; + border: 1px solid #f97316; + } + .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #ea580c; + color: #ffffff; + border-color: #ea580c; + } + .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #FDE68A; + } + .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #c2410c; + color: #ffffff; + border-color: #c2410c; + } + .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + border: 1px solid; + } + .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #A855F7; + border: 1px solid #A855F7; + } + .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #9333EA; + color: #ffffff; + border-color: #9333EA; + } + .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #E9D5FF; + } + .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #7E22CE; + color: #ffffff; + border-color: #7E22CE; + } + .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #A855F7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; + border: 1px solid; + } + .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #A855F7; + border-color: transparent; + } + .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; + } + .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; + } + + .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #EF4444; + border: 1px solid #EF4444; + } + .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #DC2626; + color: #ffffff; + border-color: #DC2626; + } + .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #FECACA; + } + .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #B91C1C; + color: #ffffff; + border-color: #B91C1C; + } + .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #EF4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; + border: 1px solid; + } + .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #EF4444; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; + } + .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; + } + + .p-button.p-button-link { + color: #be185d; + background: transparent; + border: transparent; + } + .p-button.p-button-link:enabled:hover { + background: transparent; + color: #be185d; + border-color: transparent; + } + .p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: 0 0 0 0.2rem #fbcfe8; + border-color: transparent; + } + .p-button.p-button-link:enabled:active { + background: transparent; + color: #be185d; + border-color: transparent; + } + + .p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 1.3rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1.3rem; + height: 1.3rem; + } + + .p-speeddial-list { + outline: 0 none; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #4b5563; + color: #fff; + } + .p-speeddial-action:hover { + background: #022354; + color: #fff; + } + + .p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; + } + + .p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; + } + .p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; + } + + .p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; + } + + .p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; + } + .p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; + } + + .p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; + } + .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; + } + + .p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); + } + + .p-splitbutton { + border-radius: 6px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #ec4899; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(236, 72, 153, 0.04); + color: #ec4899; + } + .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(236, 72, 153, 0.16); + color: #ec4899; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #6b7280; + border-color: #6b7280; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #ec4899; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(236, 72, 153, 0.04); + color: #ec4899; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(236, 72, 153, 0.16); + color: #ec4899; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #6b7280; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #f3f4f6; + color: #6b7280; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + background: #e5e7eb; + color: #6b7280; + } + .p-splitbutton.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + } + .p-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.65625rem 1.09375rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.9375rem 1.5625rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #64748B; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + color: #64748B; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + color: #64748B; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #64748B; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(100, 116, 139, 0.04); + border-color: transparent; + color: #64748B; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(100, 116, 139, 0.16); + border-color: transparent; + color: #64748B; + } + + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #0ea5e9; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #0ea5e9; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(14, 165, 233, 0.04); + border-color: transparent; + color: #0ea5e9; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(14, 165, 233, 0.16); + border-color: transparent; + color: #0ea5e9; + } + + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #22C55E; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + color: #22C55E; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + color: #22C55E; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #22C55E; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(34, 197, 94, 0.04); + border-color: transparent; + color: #22C55E; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(34, 197, 94, 0.16); + border-color: transparent; + color: #22C55E; + } + + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #f97316; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #f97316; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(249, 115, 22, 0.04); + border-color: transparent; + color: #f97316; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(249, 115, 22, 0.16); + border-color: transparent; + color: #f97316; + } + + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #A855F7; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + color: #A855F7; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + color: #A855F7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #A855F7; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(168, 85, 247, 0.04); + border-color: transparent; + color: #A855F7; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(168, 85, 247, 0.16); + border-color: transparent; + color: #A855F7; + } + + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #EF4444; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + color: #EF4444; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + color: #EF4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #EF4444; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(239, 68, 68, 0.04); + border-color: transparent; + color: #EF4444; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(239, 68, 68, 0.16); + border-color: transparent; + color: #EF4444; + } + + .p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; + } + .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-carousel .p-carousel-indicators { + padding: 1rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #d1d5db; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #9ca3af; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #fdf2f8; + color: #be185d; + } + + .p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-datatable .p-datatable-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #374151; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #be185d; + background: #fdf2f8; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-datatable .p-sortable-column.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #be185d; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #fdf2f8; + color: #be185d; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #be185d; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #fbcfe8; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid #fbcfe8; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #fdf2f8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #fdf2f8; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-datatable .p-column-resizer-helper { + background: #ec4899; + } + .p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #f9fafb; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #f9fafb; + } + .p-datatable .p-datatable-loading-icon { + font-size: 2rem; + } + .p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #f8f8fa; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #be185d; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #be185d; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-dataview .p-dataview-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { + border: solid #e5e7eb; + border-width: 0 0 1px 0; + } + .p-dataview .p-dataview-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 1.25rem; + } + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-menu-button:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #f3f4f6; + color: #374151; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #fdf2f8; + color: #be185d; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-column-filter-clear-button:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + + .p-column-filter-overlay { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.75rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 1.25rem; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #fbcfe8; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem 1.25rem; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + margin: 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1.25rem; + border-bottom: 1px solid #e5e7eb; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 1.25rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1.25rem; + } + + .p-orderlist .p-orderlist-controls { + padding: 1.25rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 700; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-orderlist .p-orderlist-list { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + outline: 0 none; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #f8f8fa; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #ec84bd; + } + .p-organizationchart .p-organizationchart-line-down { + background: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + } + .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + + .p-paginator { + background: #ffffff; + color: #6b7280; + border: solid #f3f4f6; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 6px; + } + .p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 50%; + border-bottom-left-radius: 50%; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 50%; + border-bottom-right-radius: 50%; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 3rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6b7280; + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: box-shadow 0.2s; + border-radius: 50%; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #fdf2f8; + border-color: #fdf2f8; + color: #be185d; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #f3f4f6; + border-color: transparent; + color: #374151; + } + + .p-picklist .p-picklist-buttons { + padding: 1.25rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 700; + } + .p-picklist .p-picklist-filter-container { + padding: 1.25rem; + background: #ffffff; + border: 1px solid #e5e7eb; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-picklist .p-picklist-list { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 0.75rem 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + outline: 0 none; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 1.25rem; + margin: 0; + border: 0 none; + color: #4b5563; + background: transparent; + transition: box-shadow 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #be185d; + background: #fdf2f8; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #f8f8fa; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #f3f4f6; + } + + .p-picklist-item.cdk-drag-preview { + padding: 0.75rem 1.25rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #4b5563; + background: #ffffff; + margin: 0; + } + + .p-timeline .p-timeline-event-marker { + border: 2px solid #ec4899; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #ffffff; + } + .p-timeline .p-timeline-event-connector { + background-color: #e5e7eb; + } + .p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; + } + .p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; + } + .p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; + } + + .p-tree { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + padding: 1.25rem; + border-radius: 6px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #fbcfe8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 6px; + transition: box-shadow 0.2s; + padding: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6b7280; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #be185d; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #be185d; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: #6b7280; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #f09cca; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 6px; + border: 1px solid #e5e7eb; + background-color: #ffffff; + color: #4b5563; + padding: 0.5rem; + transition: box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #fdf2f8; + color: #be185d; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #be185d; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + + .p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; + } + .p-treetable .p-treetable-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + font-weight: 700; + color: #374151; + background: #f9fafb; + } + .p-treetable .p-sortable-column { + outline-color: #fbcfe8; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #374151; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #be185d; + background: #fdf2f8; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; + } + .p-treetable .p-sortable-column.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #be185d; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #4b5563; + transition: box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; + } + .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: #4b5563; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #fbcfe8; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #fdf2f8; + color: #be185d; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #be185d; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #be185d; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #4b5563; + } + .p-treetable .p-column-resizer-helper { + background: #ec4899; + } + .p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #f9fafb; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; + } + .p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.875rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; + } + + .p-virtualscroller .p-virtualscroller-header { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #4b5563; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 700; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; + font-weight: 700; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; + } + .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #fbcfe8; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-accordion .p-accordion-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 4px; + } + + .p-card { + background: #ffffff; + color: #4b5563; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + } + .p-card .p-card-body { + padding: 1.25rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #6b7280; + } + .p-card .p-card-content { + padding: 1.25rem 0; + } + .p-card .p-card-footer { + padding: 1.25rem 0 0 0; + } + + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #e5e7eb; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #e5e7eb; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + + .p-fieldset { + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-radius: 6px; + } + .p-fieldset .p-fieldset-legend { + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; + font-weight: 700; + border-radius: 6px; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 1.25rem; + color: #374151; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-fieldset .p-fieldset-content { + padding: 1.25rem; + } + + .p-panel .p-panel-header { + border: 1px solid #e5e7eb; + padding: 1.25rem; + background: #f9fafb; + color: #374151; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 700; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.75rem 1.25rem; + } + .p-panel .p-panel-content { + padding: 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panel .p-panel-footer { + padding: 0.75rem 1.25rem; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + + .p-scrollpanel .p-scrollpanel-bar { + background: #f9fafb; + border: 0 none; + } + + .p-splitter { + border: 1px solid #e5e7eb; + background: #ffffff; + border-radius: 6px; + color: #4b5563; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f9fafb; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #e5e7eb; + } + .p-splitter .p-splitter-gutter-resizing { + background: #e5e7eb; + } + + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 3rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #fbcfe8; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #ec4899; + color: #ec4899; + } + .p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; + } + .p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-close { + margin-left: 0.5rem; + } + .p-tabview .p-tabview-nav-btn.p-link { + background: #ffffff; + color: #ec4899; + width: 3rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #fbcfe8; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1.25rem; + border: 0 none; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + + .p-toolbar { + background: #f9fafb; + border: 1px solid #e5e7eb; + padding: 1.25rem; + border-radius: 6px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + + .p-confirm-popup { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 1.25rem; + } + .p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; + } + .p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; + } + .p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; + } + .p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + + .p-dialog { + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: #374151; + padding: 1.5rem; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 700; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #4b5563; + padding: 0 1.5rem 2rem 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: #4b5563; + padding: 0 1.5rem 1.5rem 1.5rem; + text-align: right; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + + .p-overlaypanel { + background: #ffffff; + color: #4b5563; + border: 0 none; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1.25rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #ec4899; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; + } + .p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: #db2777; + color: #ffffff; + } + .p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; + } + .p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #f2f2f2; + } + .p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; + } + .p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; + } + + .p-sidebar { + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + } + .p-sidebar .p-sidebar-header { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6b7280; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: #374151; + border-color: transparent; + background: #f3f4f6; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1.25rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1.25rem; + } + + .p-tooltip .p-tooltip-text { + background: #4b5563; + color: #ffffff; + padding: 0.75rem 0.75rem; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #4b5563; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #4b5563; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #4b5563; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #4b5563; + } + + .p-fileupload .p-fileupload-buttonbar { + background: #f9fafb; + padding: 1.25rem; + border: 1px solid #e5e7eb; + color: #374151; + border-bottom: 0 none; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; + } + .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e5e7eb; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #ec4899; + border-style: dashed; + background-color: #fdf2f8; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + + .p-fileupload-choose:not(.p-disabled):hover { + background: #db2777; + color: #ffffff; + border-color: #db2777; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #be185d; + color: #ffffff; + border-color: #be185d; + } + + .p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e7eb; + border-radius: 6px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #4b5563; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #6b7280; + } + + .p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-dock .p-dock-list-container { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; + } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #fbcfe8; + } + .p-dock .p-dock-link { + width: 4rem; + height: 4rem; + } + .p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; + } + .p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; + } + .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; + } + .p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; + } + .p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; + } + .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; + } + + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #4b5563; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + } + .p-megamenu .p-submenu-list { + padding: 0.5rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + + .p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1.25rem; + color: #374151; + background: #ffffff; + font-weight: 700; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-menubar { + padding: 0.5rem; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; + border-radius: 6px; + transition: box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #fbcfe8; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 1px solid #e5e7eb; + background: #ffffff; + color: #4b5563; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 4px; + } + + .p-slidemenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1.25rem; + color: #4b5563; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #fbcfe8; + } + .p-slidemenu .p-menuitem-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: box-shadow 0.2s; + border-radius: 6px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #4b5563; + border: 1px solid #f3f4f6; + background: #ffffff; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: #6b7280; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #fdf2f8; + color: #be185d; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 700; + color: #4b5563; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #e5e7eb; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #e5e7eb; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 6px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #e5e7eb; + border-width: 0 0 2px 0; + border-color: transparent transparent #e5e7eb transparent; + background: #ffffff; + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + border-top-right-radius: 6px; + border-top-left-radius: 6px; + transition: box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #fbcfe8; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #9ca3af; + color: #6b7280; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #ec4899; + color: #ec4899; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #ec4899; + width: 3rem; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #fbcfe8; + } + + .p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + border-radius: 6px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + + .p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 6px; + } + .p-inline-message.p-inline-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0px; + color: #3b82f6; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #3b82f6; + } + .p-inline-message.p-inline-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0px; + color: #1ea97c; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1ea97c; + } + .p-inline-message.p-inline-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0px; + color: #cc8925; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #cc8925; + } + .p-inline-message.p-inline-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0px; + color: #ff5757; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ff5757; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .p-inline-message .p-inline-message-text { + font-size: 1rem; + } + .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; + } + + .p-message { + margin: 1rem 0; + border-radius: 6px; + } + .p-message .p-message-wrapper { + padding: 1.25rem 1.75rem; + } + .p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); + } + .p-message .p-message-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-message.p-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .p-message.p-message-info .p-message-icon { + color: #3b82f6; + } + .p-message.p-message-info .p-message-close { + color: #3b82f6; + } + .p-message.p-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .p-message.p-message-success .p-message-icon { + color: #1ea97c; + } + .p-message.p-message-success .p-message-close { + color: #1ea97c; + } + .p-message.p-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .p-message.p-message-warn .p-message-icon { + color: #cc8925; + } + .p-message.p-message-warn .p-message-close { + color: #cc8925; + } + .p-message.p-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .p-message.p-message-error .p-message-icon { + color: #ff5757; + } + .p-message.p-message-error .p-message-close { + color: #ff5757; + } + .p-message .p-message-text { + font-size: 1rem; + font-weight: 500; + } + .p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; + } + .p-message .p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-message .p-message-summary { + font-weight: 700; + } + .p-message .p-message-detail { + margin-left: 0.5rem; + } + + .p-toast { + opacity: 1; + } + .p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 6px; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { + width: 2rem; + height: 2rem; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; + } + .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; + } + .p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-toast .p-toast-message.p-toast-message-info { + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; + border-width: 0 0 0 6px; + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #3b82f6; + } + .p-toast .p-toast-message.p-toast-message-success { + background: rgba(228, 248, 240, 0.7); + border: solid #1ea97c; + border-width: 0 0 0 6px; + color: #1ea97c; + } + .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1ea97c; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: rgba(255, 242, 226, 0.7); + border: solid #cc8925; + border-width: 0 0 0 6px; + color: #cc8925; + } + .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #cc8925; + } + .p-toast .p-toast-message.p-toast-message-error { + background: rgba(255, 231, 230, 0.7); + border: solid #ff5757; + border-width: 0 0 0 6px; + color: #ff5757; + } + .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #ff5757; + } + + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #f9fafb; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #f9fafb; + } + .p-galleria .p-galleria-item-nav { + background: transparent; + color: #f9fafb; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 6px; + margin: 0 0.5rem; + } + .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; + } + .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #f9fafb; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #f9fafb; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #d1d5db; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #9ca3af; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #fdf2f8; + color: #be185d; + } + .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; + } + .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); + } + .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #fdf2f8; + color: #be185d; + } + .p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: #f9fafb; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #f9fafb; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + + .p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + + .p-image-toolbar { + padding: 1rem; + } + + .p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-avatar { + background-color: #e5e7eb; + border-radius: 6px; + } + .p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + } + .p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; + } + .p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + } + .p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; + } + + .p-avatar-group .p-avatar { + border: 2px solid #ffffff; + } + + .p-badge { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + } + .p-badge.p-badge-secondary { + background-color: #64748B; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #22C55E; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #f97316; + color: #ffffff; + } + .p-badge.p-badge-danger { + background-color: #EF4444; + color: #ffffff; + } + .p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + } + .p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; + } + + .p-chip { + background-color: #e5e7eb; + color: #4b5563; + border-radius: 16px; + padding: 0 0.75rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + + .p-inplace .p-inplace-display { + padding: 0.75rem 0.75rem; + border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } + + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #e5e7eb; + border-radius: 6px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #ec4899; + } + .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; + } + + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f9fafb; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + + .p-skeleton { + background-color: #e5e7eb; + border-radius: 6px; + } + .p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + } + + .p-tag { + background: #ec4899; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; + } + .p-tag.p-tag-success { + background-color: #22C55E; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; + } + .p-tag.p-tag-danger { + background-color: #EF4444; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + + .p-terminal { + background: #ffffff; + color: #4b5563; + border: 1px solid #e5e7eb; + padding: 1.25rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-accordion .p-accordion-header .p-accordion-header-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: #ec4899; + } + + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: #ec4899; + } + + .p-button:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f6a4cc, 0 1px 2px 0 black; + } + .p-button.p-button-secondary:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; + } + .p-button.p-button-success:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; + } + .p-button.p-button-info:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; + } + .p-button.p-button-warning:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; + } + .p-button.p-button-help:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; + } + .p-button.p-button-danger:enabled:focus { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; + } + + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #ec4899; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #ec4899; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f6a4cc, 0 1px 2px 0 black; + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #ec4899; + color: #ffffff; + } +} diff --git a/src/assets/components/themes/lara-light-purple/theme.css b/src/assets/components/themes/lara-light-purple/theme.css index bc3adac143c..17d7415b0c6 100644 --- a/src/assets/components/themes/lara-light-purple/theme.css +++ b/src/assets/components/themes/lara-light-purple/theme.css @@ -2,48 +2,48 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#8B5CF6; - --primary-color-text:#ffffff; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #8B5CF6; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#eff3f8; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; --focus-ring: 0 0 0 0.2rem #DDD6FE; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #F5F3FF; @@ -190,6 +190,105 @@ --primary-900:#382562; } +.p-editor-container .p-editor-toolbar { + background: #f9fafb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4b5563; + background: #f3f4f6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #8B5CF6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #8B5CF6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #8B5CF6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #8B5CF6; +} + @layer primeng { * { box-sizing: border-box; @@ -216,7 +315,7 @@ } .p-text-secondary { - color: #6c757d; + color: #6b7280; } .pi { @@ -271,47 +370,50 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.75rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #8B5CF6; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; border-color: #8B5CF6; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #495057; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: #4b5563; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: #F5F3FF; - color: #6D28D9; - border-radius: 6px; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; } .p-autocomplete-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -323,42 +425,48 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #495057; - background: #e9ecef; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #6D28D9; background: #F5F3FF; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { - color: #6c757d; + color: #6b7280; right: 3.75rem; } @@ -366,11 +474,18 @@ border-color: #e24c4c; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; + } + .p-datepicker { padding: 0.5rem; background: #ffffff; - color: #495057; - border: 1px solid #ced4da; + color: #4b5563; + border: 1px solid #d1d5db; border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { @@ -383,11 +498,11 @@ } .p-datepicker .p-datepicker-header { padding: 0.5rem; - color: #495057; + color: #4b5563; background: #ffffff; font-weight: 600; margin: 0; - border-bottom: 1px solid #dee2e6; + border-bottom: 1px solid #e5e7eb; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -395,7 +510,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -403,9 +518,9 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { @@ -418,7 +533,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #495057; + color: #4b5563; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; @@ -461,8 +576,8 @@ box-shadow: 0 0 0 0.2rem #DDD6FE; } .p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #495057; + background: #d1d5db; + color: #4b5563; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { @@ -471,28 +586,28 @@ } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; padding: 0.5rem; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; @@ -536,7 +651,7 @@ background: #F5F3FF; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #dee2e6; + border-left: 1px solid #e5e7eb; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -550,7 +665,7 @@ padding-right: 0; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; @@ -558,7 +673,7 @@ box-shadow: 0 0 0 0.2rem #DDD6FE; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; @@ -566,7 +681,7 @@ box-shadow: 0 0 0 0.2rem #DDD6FE; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; @@ -578,12 +693,12 @@ padding-right: 2.5rem; } p-calendar.p-calendar-clearable .p-calendar-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { - color: #6c757d; + color: #6b7280; right: 3.75rem; } @@ -594,7 +709,7 @@ } .p-cascadeselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -613,7 +728,7 @@ padding: 0.75rem 0.75rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; @@ -621,15 +736,18 @@ } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #e24c4c; + } .p-cascadeselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -640,54 +758,52 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #6D28D9; background: #F5F3FF; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e24c4c; - } .p-input-filled .p-cascadeselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { - color: #6c757d; + color: #6b7280; right: 3rem; } @@ -705,11 +821,11 @@ height: 22px; } .p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; + border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; - color: #495057; + color: #4b5563; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -746,13 +862,13 @@ } .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #8B5CF6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #6D28D9; @@ -762,24 +878,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #8B5CF6; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; border-color: #8B5CF6; } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; - background: #F5F3FF; - color: #6D28D9; - border-radius: 6px; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d1d5db; + color: #4b5563; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -788,10 +909,10 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #495057; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: #4b5563; padding: 0; margin: 0; } @@ -804,7 +925,7 @@ padding-right: 1.75rem; } p-chips.p-chips-clearable .p-chips-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } @@ -829,7 +950,7 @@ .p-dropdown { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -850,36 +971,39 @@ border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; + color: #6b7280; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-dropdown .p-dropdown-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-dropdown .p-dropdown-clear-icon { - color: #6c757d; + color: #6b7280; right: 3rem; } + .p-dropdown.p-invalid.p-component { + border-color: #e24c4c; + } .p-dropdown-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -890,7 +1014,7 @@ } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-dropdown-panel .p-dropdown-items { padding: 0.75rem 0; @@ -899,7 +1023,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -908,32 +1032,35 @@ color: #6D28D9; background: #F5F3FF; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e24c4c; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; } .p-input-filled .p-dropdown { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { background-color: #ffffff; @@ -942,116 +1069,17 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #f8f9fa; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - padding: 0.75rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #8B5CF6; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #8B5CF6; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #8B5CF6; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #8B5CF6; - } - .p-inputgroup-addon { - background: #e9ecef; - color: #6c757d; - border-top: 1px solid #ced4da; - border-left: 1px solid #ced4da; - border-bottom: 1px solid #ced4da; + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; padding: 0.75rem 0.75rem; min-width: 3rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid #ced4da; + border-right: 1px solid #d1d5db; } .p-inputgroup > .p-component, @@ -1123,7 +1151,7 @@ padding-right: 2.5rem; } p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } @@ -1135,7 +1163,7 @@ padding-right: 2.5rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } @@ -1151,7 +1179,7 @@ height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { - background: #ced4da; + background: #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } @@ -1173,7 +1201,7 @@ box-shadow: 0 0 0 0.2rem #DDD6FE; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b6bfc8; + background: #b7bcc5; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: #8B5CF6; @@ -1193,10 +1221,10 @@ font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #495057; + color: #4b5563; background: #ffffff; padding: 0.75rem 0.75rem; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 6px; @@ -1224,7 +1252,7 @@ .p-float-label > label { left: 0.75rem; - color: #6c757d; + color: #6b7280; transition-duration: 0.2s; } @@ -1235,7 +1263,7 @@ .p-input-icon-left > .p-icon-wrapper.p-icon, .p-input-icon-left > i:first-of-type { left: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-input-icon-left > .p-inputtext { @@ -1249,7 +1277,7 @@ .p-input-icon-right > .p-icon-wrapper, .p-input-icon-right > i:last-of-type { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-input-icon-right > .p-inputtext { @@ -1257,26 +1285,26 @@ } ::-webkit-input-placeholder { - color: #6c757d; + color: #6b7280; } :-moz-placeholder { - color: #6c757d; + color: #6b7280; } ::-moz-placeholder { - color: #6c757d; + color: #6b7280; } :-ms-input-placeholder { - color: #6c757d; + color: #6b7280; } .p-input-filled .p-inputtext { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; @@ -1294,15 +1322,16 @@ .p-listbox { background: #ffffff; - color: #495057; - border: 1px solid #ced4da; + color: #4b5563; + border: 1px solid #d1d5db; border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1312,19 +1341,20 @@ } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-listbox .p-listbox-header .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list { padding: 0.75rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } @@ -1332,29 +1362,37 @@ color: #6D28D9; background: #F5F3FF; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; } p-listbox.ng-dirty.ng-invalid > .p-listbox { @@ -1363,7 +1401,7 @@ .p-multiselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -1381,44 +1419,50 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; - } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; + color: #6b7280; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; - background: #F5F3FF; - color: #6D28D9; - border-radius: 6px; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6b7280; + right: 3rem; + } + .p-multiselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1428,7 +1472,7 @@ } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; @@ -1437,16 +1481,16 @@ margin-left: 0.5rem; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; @@ -1460,7 +1504,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -1469,14 +1513,16 @@ color: #6D28D9; background: #F5F3FF; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1484,36 +1530,28 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e24c4c; - } - .p-input-filled .p-multiselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #6c757d; - right: 3rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1523,14 +1561,14 @@ .p-password-panel { padding: 1.25rem; background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; - background: #dee2e6; + background: #e5e7eb; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #ea5455; @@ -1546,7 +1584,7 @@ padding-right: 2.5rem; } p-password.p-password-clearable .p-password-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } @@ -1554,7 +1592,7 @@ padding-right: 4.25rem; } p-password.p-password-clearable.p-password-mask .p-password-clear-icon { - color: #6c757d; + color: #6b7280; right: 2.5rem; } @@ -1563,11 +1601,11 @@ height: 22px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; + border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; - color: #495057; + color: #4b5563; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1601,10 +1639,10 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #8B5CF6; @@ -1620,55 +1658,52 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { - color: #495057; - margin-left: 0.5rem; + .p-rating .p-rating-item .p-rating-icon { + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #ea5455; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; + border-color: #8B5CF6; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #8B5CF6; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #8B5CF6; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #e73d3e; } .p-selectbutton .p-button { background: #ffffff; - border: 1px solid #ced4da; - color: #495057; + border: 1px solid #d1d5db; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { - color: #6c757d; + color: #6b7280; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; + color: #374151; } .p-selectbutton .p-button.p-highlight { background: #8B5CF6; @@ -1694,7 +1729,7 @@ } .p-slider { - background: #dee2e6; + background: #e5e7eb; border: 0 none; border-radius: 6px; } @@ -1747,22 +1782,22 @@ .p-togglebutton.p-button { background: #ffffff; - border: 1px solid #ced4da; - color: #495057; + border: 1px solid #d1d5db; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { - color: #6c757d; + color: #6b7280; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; + color: #374151; } .p-togglebutton.p-button.p-highlight { background: #8B5CF6; @@ -1789,7 +1824,7 @@ .p-treeselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } @@ -1807,18 +1842,18 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; @@ -1834,16 +1869,16 @@ .p-treeselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-treeselect-panel .p-treeselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1856,7 +1891,7 @@ } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { padding-right: 3.5rem; @@ -1867,16 +1902,16 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; @@ -1888,15 +1923,15 @@ } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-input-filled .p-treeselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; @@ -1906,7 +1941,7 @@ padding-right: 1.75rem; } p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { - color: #6c757d; + color: #6b7280; right: 3rem; } @@ -1919,12 +1954,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #7C3AED; color: #ffffff; border-color: #7C3AED; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #6D28D9; color: #ffffff; border-color: #6D28D9; @@ -1934,53 +1969,53 @@ color: #8B5CF6; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(139, 92, 246, 0.04); color: #8B5CF6; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(139, 92, 246, 0.16); color: #8B5CF6; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; + color: #6b7280; + border-color: #6b7280; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; } - .p-button.p-button-outlined.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; } .p-button.p-button-text { background-color: transparent; color: #8B5CF6; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(139, 92, 246, 0.04); color: #8B5CF6; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(139, 92, 246, 0.16); color: #8B5CF6; border-color: transparent; } .p-button.p-button-text.p-button-plain { - color: #6c757d; + color: #6b7280; } - .p-button.p-button-text.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; } - .p-button.p-button-text.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; } .p-button:focus { outline: 0 none; @@ -2062,298 +2097,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #64748B; - border: 1px solid #64748B; + background: #64748b; + border: 1px solid #64748b; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #475569; color: #ffffff; border-color: #475569; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #e2e8f0; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #334155; color: #ffffff; border-color: #334155; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; + background: #0ea5e9; + border: 1px solid #0ea5e9; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #2563EB; + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; color: #ffffff; - border-color: #2563EB; + border-color: #0284c7; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #bfdbfe; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #1D4ED8; + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; color: #ffffff; - border-color: #1D4ED8; + border-color: #0369a1; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #3B82F6; + color: #0ea5e9; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #3B82F6; + color: #0ea5e9; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(59, 130, 246, 0.04); + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); border-color: transparent; - color: #3B82F6; + color: #0ea5e9; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(59, 130, 246, 0.16); + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); border-color: transparent; - color: #3B82F6; + color: #0ea5e9; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; + background: #22c55e; + border: 1px solid #22c55e; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #16A34A; + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; color: #ffffff; - border-color: #16A34A; + border-color: #16a34a; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #bbf7d0; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #15803D; + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; color: #ffffff; - border-color: #15803D; + border-color: #15803d; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #ffffff; - background: #F59E0B; - border: 1px solid #F59E0B; + background: #f97316; + border: 1px solid #f97316; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #D97706; + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; color: #ffffff; - border-color: #D97706; + border-color: #ea580c; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #FDE68A; + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #fde68a; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #B45309; + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; color: #ffffff; - border-color: #B45309; + border-color: #c2410c; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #F59E0B; + color: #f97316; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(245, 158, 11, 0.16); - color: #F59E0B; + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #F59E0B; + color: #f97316; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(245, 158, 11, 0.04); + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); border-color: transparent; - color: #F59E0B; + color: #f97316; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(245, 158, 11, 0.16); + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); border-color: transparent; - color: #F59E0B; + color: #f97316; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; + background: #a855f7; + border: 1px solid #a855f7; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #9333EA; + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; color: #ffffff; - border-color: #9333EA; + border-color: #9333ea; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #e9d5ff; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #7E22CE; + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; color: #ffffff; - border-color: #7E22CE; + border-color: #7e22ce; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; + background: #ef4444; + border: 1px solid #ef4444; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #DC2626; + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; color: #ffffff; - border-color: #DC2626; + border-color: #dc2626; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #FECACA; + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #fecaca; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #B91C1C; + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; color: #ffffff; - border-color: #B91C1C; + border-color: #b91c1c; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-button.p-button-link { @@ -2361,20 +2516,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #6D28D9; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem #DDD6FE; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #6D28D9; border-color: transparent; @@ -2405,7 +2560,7 @@ .p-speeddial-action { width: 3rem; height: 3rem; - background: #495057; + background: #4b5563; color: #fff; } .p-speeddial-action:hover { @@ -2466,51 +2621,51 @@ color: #8B5CF6; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(139, 92, 246, 0.04); color: #8B5CF6; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(139, 92, 246, 0.16); color: #8B5CF6; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #6c757d; - border-color: #6c757d; + color: #6b7280; + border-color: #6b7280; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; color: #8B5CF6; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(139, 92, 246, 0.04); color: #8B5CF6; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(139, 92, 246, 0.16); color: #8B5CF6; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { - color: #6c757d; + color: #6b7280; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; } .p-splitbutton.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); @@ -2538,183 +2693,183 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #3B82F6; + color: #0ea5e9; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #3B82F6; + color: #0ea5e9; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(59, 130, 246, 0.04); + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); border-color: transparent; - color: #3B82F6; + color: #0ea5e9; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(59, 130, 246, 0.16); + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); border-color: transparent; - color: #3B82F6; + color: #0ea5e9; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #F59E0B; + color: #f97316; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(245, 158, 11, 0.16); - color: #F59E0B; + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #F59E0B; + color: #f97316; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(245, 158, 11, 0.04); + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); border-color: transparent; - color: #F59E0B; + color: #f97316; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(245, 158, 11, 0.16); + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); border-color: transparent; - color: #F59E0B; + color: #f97316; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -2723,9 +2878,9 @@ } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { @@ -2741,14 +2896,14 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #ced4da; + background-color: #d1d5db; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #adb5bd; + background: #9ca3af; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #F5F3FF; @@ -2764,17 +2919,17 @@ border-radius: 0; } .p-datatable .p-datatable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -2782,24 +2937,24 @@ .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; } .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #343a40; + color: #374151; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { @@ -2812,11 +2967,11 @@ margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; + color: #374151; } .p-datatable .p-sortable-column.p-highlight { background: #F5F3FF; @@ -2838,12 +2993,12 @@ } .p-datatable .p-datatable-tbody > tr { background: #ffffff; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -2853,7 +3008,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -2863,9 +3018,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, @@ -2893,20 +3048,20 @@ box-shadow: inset 0 -2px 0 0 #F5F3FF; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-datatable .p-column-resizer-helper { background: #8B5CF6; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { - background: #f8f9fa; + background: #f9fafb; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { - background-color: #f8f9fa; + background-color: #f9fafb; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; @@ -2966,7 +3121,7 @@ border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: #fcfcfc; + background: #f8f8fa; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { background: #F5F3FF; @@ -3018,27 +3173,23 @@ border-radius: 0; } .p-dataview .p-dataview-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-dataview .p-dataview-content { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #dee2e6; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3060,20 +3211,20 @@ .p-column-filter-menu-button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-menu-button:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #F5F3FF; @@ -3088,16 +3239,16 @@ .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-clear-button:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-column-filter-clear-button:focus-visible { outline: 0 none; @@ -3107,7 +3258,7 @@ .p-column-filter-overlay { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -3120,7 +3271,7 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; @@ -3130,8 +3281,8 @@ background: #F5F3FF; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; @@ -3139,22 +3290,22 @@ box-shadow: inset 0 0 0 0.15rem #DDD6FE; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1.25rem; - border-bottom: 1px solid #dee2e6; + border-bottom: 1px solid #e5e7eb; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3172,295 +3323,6 @@ padding: 1.25rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #f8f9fa; - border: 1px solid #dee2e6; - color: #343a40; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #495057; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #7C3AED; - border: 1px solid #7C3AED; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #f8f9fa; - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #8B5CF6; - border: 1px solid #8B5CF6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #7C3AED; - color: #ffffff; - border-color: #7C3AED; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #6D28D9; - color: #ffffff; - border-color: #6D28D9; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #8B5CF6; - border-color: #8B5CF6; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #7C3AED; - border-color: #7C3AED; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #495057; - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1.25rem; - background: #f8f9fa; - color: #343a40; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #7C3AED; - border-color: #7C3AED; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #7C3AED; - border-color: #7C3AED; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #495057; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f8f9fa; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #8B5CF6; - border: 1px solid #8B5CF6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #7C3AED; - color: #ffffff; - border-color: #7C3AED; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #6D28D9; - color: #ffffff; - border-color: #6D28D9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #8B5CF6; - border: 1px solid #8B5CF6; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #8B5CF6; - border-color: #8B5CF6; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #7C3AED; - border-color: #7C3AED; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard a { - color: #495057; - } - .fc.fc-theme-standard .fc-highlight { - color: #6D28D9; - background: #F5F3FF; - } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3468,9 +3330,9 @@ margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; @@ -3482,7 +3344,7 @@ .p-orderlist .p-orderlist-filter-container { padding: 1.25rem; background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { @@ -3490,60 +3352,67 @@ } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #6D28D9; background: #F5F3FF; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { - background: #fcfcfc; + background: #f8f8fa; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { - background: #e9ecef; + background: #f3f4f6; } .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border: 0 none; - color: #495057; + color: #4b5563; background: #ffffff; margin: 0; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-organizationchart .p-organizationchart-node-content.p-highlight { background: #F5F3FF; @@ -3553,20 +3422,20 @@ color: #8b74ff; } .p-organizationchart .p-organizationchart-line-down { - background: #dee2e6; + background: #e5e7eb; } .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #dee2e6; - border-color: #dee2e6; + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #dee2e6; - border-color: #dee2e6; + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 1.25rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { @@ -3582,8 +3451,8 @@ .p-paginator { background: #ffffff; - color: #6c757d; - border: solid #e9ecef; + color: #6b7280; + border: solid #f3f4f6; border-width: 0; padding: 0.5rem 1rem; border-radius: 6px; @@ -3594,7 +3463,7 @@ .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3605,9 +3474,9 @@ .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; border-color: transparent; - color: #343a40; + color: #374151; } .p-paginator .p-paginator-first { border-top-left-radius: 50%; @@ -3635,7 +3504,7 @@ .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3644,7 +3513,7 @@ .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3657,9 +3526,9 @@ color: #6D28D9; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; border-color: transparent; - color: #343a40; + color: #374151; } .p-picklist .p-picklist-buttons { @@ -3669,9 +3538,9 @@ margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; @@ -3683,7 +3552,7 @@ .p-picklist .p-picklist-filter-container { padding: 1.25rem; background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { @@ -3691,53 +3560,60 @@ } .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-picklist .p-picklist-list { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #4b5563; + background: #e5e7eb; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #6D28D9; background: #F5F3FF; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { - background: #fcfcfc; + background: #f8f8fa; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { - background: #e9ecef; + background: #f3f4f6; } .p-picklist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border: 0 none; - color: #495057; + color: #4b5563; background: #ffffff; margin: 0; } @@ -3750,7 +3626,7 @@ background-color: #ffffff; } .p-timeline .p-timeline-event-connector { - background-color: #dee2e6; + background-color: #e5e7eb; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { @@ -3768,14 +3644,20 @@ } .p-tree { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 1.25rem; border-radius: 6px; } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #DDD6FE; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3786,16 +3668,16 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; @@ -3804,18 +3686,13 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #F5F3FF; @@ -3830,12 +3707,12 @@ color: #6D28D9; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; @@ -3846,7 +3723,7 @@ } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; @@ -3863,9 +3740,9 @@ } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 6px; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background-color: #ffffff; - color: #495057; + color: #4b5563; padding: 0.5rem; transition: box-shadow 0.2s; } @@ -3880,7 +3757,7 @@ margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { @@ -3891,8 +3768,8 @@ color: inherit; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { outline: 0 none; @@ -3909,17 +3786,17 @@ border-radius: 0; } .p-treetable .p-treetable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3927,27 +3804,27 @@ .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; } .p-treetable .p-sortable-column { outline-color: #DDD6FE; } .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #343a40; + color: #374151; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { @@ -3960,11 +3837,11 @@ margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; + color: #374151; } .p-treetable .p-sortable-column.p-highlight { background: #F5F3FF; @@ -3975,19 +3852,19 @@ } .p-treetable .p-treetable-tbody > tr { background: #ffffff; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -3995,9 +3872,9 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; @@ -4012,7 +3889,7 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; + color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #DDD6FE; @@ -4029,18 +3906,18 @@ color: #6D28D9; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #495057; + color: #4b5563; } .p-treetable .p-column-resizer-helper { background: #8B5CF6; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { - background: #f8f9fa; + background: #f9fafb; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; @@ -4102,23 +3979,23 @@ } .p-virtualscroller .p-virtualscroller-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-virtualscroller .p-virtualscroller-content { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; padding: 0; } .p-virtualscroller .p-virtualscroller-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -4128,9 +4005,9 @@ .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; @@ -4144,27 +4021,27 @@ box-shadow: inset 0 0 0 0.2rem #DDD6FE; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; } .p-accordion .p-accordion-content { padding: 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; @@ -4177,7 +4054,7 @@ .p-card { background: #ffffff; - color: #495057; + color: #4b5563; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } @@ -4192,7 +4069,7 @@ .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-card .p-card-content { padding: 1.25rem 0; @@ -4209,7 +4086,7 @@ padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px #dee2e6; + border-top: 1px #e5e7eb; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -4219,23 +4096,23 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px #dee2e6; + border-left: 1px #e5e7eb; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-fieldset { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; font-weight: 700; border-radius: 6px; } @@ -4245,7 +4122,7 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1.25rem; - color: #343a40; + color: #374151; border-radius: 6px; transition: box-shadow 0.2s; } @@ -4258,19 +4135,19 @@ box-shadow: 0 0 0 0.2rem #DDD6FE; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-fieldset .p-fieldset-content { padding: 1.25rem; } .p-panel .p-panel-header { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; padding: 1.25rem; - background: #f8f9fa; - color: #343a40; + background: #f9fafb; + color: #374151; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -4280,16 +4157,16 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; @@ -4301,18 +4178,22 @@ } .p-panel .p-panel-content { padding: 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4330,25 +4211,25 @@ } .p-scrollpanel .p-scrollpanel-bar { - background: #f8f9fa; + background: #f9fafb; border: 0 none; } .p-splitter { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; border-radius: 6px; - color: #495057; + color: #4b5563; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f8f9fa; + background: #f9fafb; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #dee2e6; + background: #e5e7eb; } .p-splitter .p-splitter-gutter-resizing { - background: #dee2e6; + background: #e5e7eb; } .p-tabview .p-tabview-nav-content { @@ -4356,18 +4237,18 @@ } .p-tabview .p-tabview-nav { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; + border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; @@ -4382,8 +4263,8 @@ } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; - border-color: #adb5bd; - color: #6c757d; + border-color: #9ca3af; + color: #6b7280; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; @@ -4415,14 +4296,14 @@ background: #ffffff; padding: 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; + background: #f9fafb; + border: 1px solid #e5e7eb; padding: 1.25rem; border-radius: 6px; gap: 0.5rem; @@ -4433,7 +4314,7 @@ .p-confirm-popup { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -4487,7 +4368,7 @@ .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; - color: #343a40; + color: #374151; padding: 1.5rem; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4499,7 +4380,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -4507,9 +4388,9 @@ margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; @@ -4521,7 +4402,7 @@ } .p-dialog .p-dialog-content { background: #ffffff; - color: #495057; + color: #4b5563; padding: 0 1.5rem 2rem 1.5rem; } .p-dialog .p-dialog-content:last-of-type { @@ -4531,7 +4412,7 @@ .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; border-bottom-right-radius: 6px; @@ -4554,7 +4435,7 @@ .p-overlaypanel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -4596,7 +4477,7 @@ .p-sidebar { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } @@ -4607,7 +4488,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -4615,9 +4496,9 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { @@ -4636,30 +4517,30 @@ } .p-tooltip .p-tooltip-text { - background: #495057; + background: #4b5563; color: #ffffff; padding: 0.75rem 0.75rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #495057; + border-right-color: #4b5563; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #495057; + border-left-color: #4b5563; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #495057; + border-top-color: #4b5563; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #495057; + border-bottom-color: #4b5563; } .p-fileupload .p-fileupload-buttonbar { - background: #f8f9fa; + background: #f9fafb; padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; + border: 1px solid #e5e7eb; + color: #374151; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4675,8 +4556,8 @@ .p-fileupload .p-fileupload-content { background: #ffffff; padding: 2rem 1rem; - border: 1px solid #dee2e6; - color: #495057; + border: 1px solid #e5e7eb; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } @@ -4708,7 +4589,7 @@ .p-breadcrumb { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-radius: 6px; padding: 1rem; } @@ -4722,26 +4603,26 @@ box-shadow: 0 0 0 0.2rem #DDD6FE; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; @@ -4751,31 +4632,31 @@ outline: 0 none; } .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-contextmenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #6D28D9; @@ -4784,34 +4665,37 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6D28D9; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6D28D9; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(139, 92, 246, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { @@ -4893,33 +4777,33 @@ } .p-megamenu { padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; } .p-megamenu .p-megamenu-root-list { outline: 0 none; } .p-megamenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #6D28D9; @@ -4928,61 +4812,64 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6D28D9; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6D28D9; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(139, 92, 246, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-megamenu .p-megamenu-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-megamenu .p-submenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-megamenu.p-megamenu-vertical { width: 12.5rem; - padding: 0.25rem 0; + padding: 0.5rem 0; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } @@ -4991,54 +4878,55 @@ user-select: none; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menu { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } .p-menu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #6D28D9; @@ -5047,31 +4935,34 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6D28D9; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6D28D9; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(139, 92, 246, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menu.p-menu-overlay { background: #ffffff; @@ -5081,14 +4972,14 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menu .p-menuitem-badge { @@ -5107,16 +4998,16 @@ .p-menubar { padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; } .p-menubar .p-menubar-root-list { outline: 0 none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } @@ -5125,45 +5016,46 @@ user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menubar .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #6D28D9; @@ -5172,41 +5064,44 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6D28D9; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6D28D9; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(139, 92, 246, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menubar .p-submenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { @@ -5221,13 +5116,13 @@ display: flex; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { - color: #6c757d; - background: #e9ecef; + color: #6b7280; + background: #f3f4f6; } .p-menubar .p-menubar-button:focus { outline: 0 none; @@ -5237,14 +5132,14 @@ .p-menubar .p-menubar-root-list { position: absolute; display: none; - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -5305,14 +5200,14 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; border-radius: 6px; transition: box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; } @@ -5328,28 +5223,28 @@ box-shadow: inset 0 0 0 0.2rem #DDD6FE; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; } .p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #dee2e6; + padding: 0.5rem 0; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; @@ -5360,24 +5255,24 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #6D28D9; @@ -5386,37 +5281,40 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6D28D9; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6D28D9; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(139, 92, 246, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -5427,10 +5325,10 @@ } .p-slidemenu { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } @@ -5441,24 +5339,24 @@ outline: 0 none; } .p-slidemenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { color: #6D28D9; @@ -5467,31 +5365,34 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6D28D9; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6D28D9; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(139, 92, 246, 0.24); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5499,13 +5400,13 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-slidemenu .p-slidemenu-icon { @@ -5517,7 +5418,7 @@ } .p-slidemenu .p-slidemenu-backward { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; } .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { outline: 0 none; @@ -5545,8 +5446,8 @@ background: #ffffff; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #495057; - border: 1px solid #e9ecef; + color: #4b5563; + border: 1px solid #f3f4f6; background: #ffffff; min-width: 2rem; height: 2rem; @@ -5557,7 +5458,7 @@ } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; @@ -5570,11 +5471,11 @@ } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 700; - color: #495057; + color: #4b5563; } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; width: 100%; top: 50%; left: 0; @@ -5585,7 +5486,7 @@ .p-tabmenu .p-tabmenu-nav { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { @@ -5605,11 +5506,11 @@ margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; + border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; @@ -5627,8 +5528,8 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; - border-color: #adb5bd; - color: #6c757d; + border-color: #9ca3af; + color: #6b7280; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; @@ -5655,10 +5556,10 @@ } .p-tieredmenu { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } @@ -5671,30 +5572,30 @@ outline: 0 none; } .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-tieredmenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #6D28D9; @@ -5703,34 +5604,37 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6D28D9; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6D28D9; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(139, 92, 246, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5747,16 +5651,16 @@ border-radius: 6px; } .p-inline-message.p-inline-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; border-width: 0px; - color: #696cff; + color: #3b82f6; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #696cff; + color: #3b82f6; } .p-inline-message.p-inline-message-success { - background: #e4f8f0; + background: rgba(228, 248, 240, 0.7); border: solid #1ea97c; border-width: 0px; color: #1ea97c; @@ -5765,7 +5669,7 @@ color: #1ea97c; } .p-inline-message.p-inline-message-warn { - background: #fff2e2; + background: rgba(255, 242, 226, 0.7); border: solid #cc8925; border-width: 0px; color: #cc8925; @@ -5774,7 +5678,7 @@ color: #cc8925; } .p-inline-message.p-inline-message-error { - background: #ffe7e6; + background: rgba(255, 231, 230, 0.7); border: solid #ff5757; border-width: 0px; color: #ff5757; @@ -5820,19 +5724,19 @@ box-shadow: 0 0 0 0.2rem #DDD6FE; } .p-message.p-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; border-width: 0 0 0 6px; - color: #696cff; + color: #3b82f6; } .p-message.p-message-info .p-message-icon { - color: #696cff; + color: #3b82f6; } .p-message.p-message-info .p-message-close { - color: #696cff; + color: #3b82f6; } .p-message.p-message-success { - background: #e4f8f0; + background: rgba(228, 248, 240, 0.7); border: solid #1ea97c; border-width: 0 0 0 6px; color: #1ea97c; @@ -5844,7 +5748,7 @@ color: #1ea97c; } .p-message.p-message-warn { - background: #fff2e2; + background: rgba(255, 242, 226, 0.7); border: solid #cc8925; border-width: 0 0 0 6px; color: #cc8925; @@ -5856,7 +5760,7 @@ color: #cc8925; } .p-message.p-message-error { - background: #ffe7e6; + background: rgba(255, 231, 230, 0.7); border: solid #ff5757; border-width: 0 0 0 6px; color: #ff5757; @@ -5869,7 +5773,7 @@ } .p-message .p-message-text { font-size: 1rem; - font-weight: 400; + font-weight: 500; } .p-message .p-message-icon { font-size: 1.5rem; @@ -5887,7 +5791,7 @@ } .p-toast { - opacity: 0.9; + opacity: 1; } .p-toast .p-toast-message { margin: 0 0 1rem 0; @@ -5930,17 +5834,17 @@ box-shadow: 0 0 0 0.2rem #DDD6FE; } .p-toast .p-toast-message.p-toast-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; border-width: 0 0 0 6px; - color: #696cff; + color: #3b82f6; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #696cff; + color: #3b82f6; } .p-toast .p-toast-message.p-toast-message-success { - background: #e4f8f0; + background: rgba(228, 248, 240, 0.7); border: solid #1ea97c; border-width: 0 0 0 6px; color: #1ea97c; @@ -5950,7 +5854,7 @@ color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-warn { - background: #fff2e2; + background: rgba(255, 242, 226, 0.7); border: solid #cc8925; border-width: 0 0 0 6px; color: #cc8925; @@ -5960,7 +5864,7 @@ color: #cc8925; } .p-toast .p-toast-message.p-toast-message-error { - background: #ffe7e6; + background: rgba(255, 231, 230, 0.7); border: solid #ff5757; border-width: 0 0 0 6px; color: #ff5757; @@ -5973,7 +5877,7 @@ .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; - color: #f8f9fa; + color: #f9fafb; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5988,11 +5892,11 @@ } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-item-nav { background: transparent; - color: #f8f9fa; + color: #f9fafb; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -6009,25 +5913,25 @@ } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; + color: #f9fafb; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #ced4da; + background-color: #d1d5db; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #adb5bd; + background: #9ca3af; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #F5F3FF; @@ -6060,7 +5964,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; - color: #f8f9fa; + color: #f9fafb; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -6069,7 +5973,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; @@ -6124,7 +6028,7 @@ } .p-avatar { - background-color: #dee2e6; + background-color: #e5e7eb; border-radius: 6px; } .p-avatar.p-avatar-lg { @@ -6158,23 +6062,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #64748B; + background-color: #64748b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-badge.p-badge-info { - background-color: #3B82F6; + background-color: #0ea5e9; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #F59E0B; + background-color: #f97316; color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -6191,8 +6095,8 @@ } .p-chip { - background-color: #dee2e6; - color: #495057; + background-color: #e5e7eb; + color: #4b5563; border-radius: 16px; padding: 0 0.75rem; } @@ -6232,8 +6136,8 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-inplace .p-inplace-display:focus { outline: 0 none; @@ -6244,7 +6148,7 @@ .p-progressbar { border: 0 none; height: 1.5rem; - background: #dee2e6; + background: #e5e7eb; border-radius: 6px; } .p-progressbar .p-progressbar-value { @@ -6272,7 +6176,7 @@ } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; - color: #f8f9fa; + color: #f9fafb; } .p-scrolltop .p-icon { width: 1.5rem; @@ -6280,7 +6184,7 @@ } .p-skeleton { - background-color: #dee2e6; + background-color: #e5e7eb; border-radius: 6px; } .p-skeleton:after { @@ -6296,19 +6200,19 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { - background-color: #3B82F6; + background-color: #0ea5e9; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #F59E0B; + background-color: #f97316; color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -6322,8 +6226,8 @@ .p-terminal { background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; padding: 1.25rem; } .p-terminal .p-terminal-input { @@ -6337,6 +6241,11 @@ font-weight: 700; } + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -6344,13 +6253,9 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { @@ -6371,10 +6276,10 @@ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; } .p-button.p-button-help:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; @@ -6389,4 +6294,26 @@ .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #8B5CF6; } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 black; + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #8B5CF6; + color: #ffffff; + } } diff --git a/src/assets/components/themes/lara-light-teal/theme.css b/src/assets/components/themes/lara-light-teal/theme.css index e0a673a8258..56bb47d933f 100644 --- a/src/assets/components/themes/lara-light-teal/theme.css +++ b/src/assets/components/themes/lara-light-teal/theme.css @@ -2,52 +2,52 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#14B8A6; - --primary-color-text:#ffffff; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #14b8a6; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; - --surface-600: #757575; - --surface-700: #616161; - --surface-800: #424242; - --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; - --gray-600: #757575; - --gray-700: #616161; - --gray-800: #424242; - --gray-900: #212121; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#eff3f8; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; - --focus-ring: 0 0 0 0.2rem #99F6E4; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; + --focus-ring: 0 0 0 0.2rem #99f6e4; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #F0FDFA; - --highlight-text-color: #0F766E; + --highlight-bg: #0f766e; + --highlight-text-color: #0f766e; color-scheme: light; } @@ -190,6 +190,105 @@ --primary-900:#084a42; } +.p-editor-container .p-editor-toolbar { + background: #f9fafb; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6b7280; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4b5563; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4b5563; + background: #f3f4f6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4b5563; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #14b8a6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #14b8a6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #14b8a6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #14b8a6; +} + @layer primeng { * { box-sizing: border-box; @@ -216,7 +315,7 @@ } .p-text-secondary { - color: #6c757d; + color: #6b7280; } .pi { @@ -237,7 +336,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-component-overlay-enter { @@ -271,47 +370,50 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.75rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #14B8A6; + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #14b8a6; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #495057; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: #4b5563; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: #F0FDFA; - color: #0F766E; - border-radius: 6px; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #d1d5db; + color: #4b5563; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; } .p-autocomplete-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -323,42 +425,48 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #495057; - background: #e9ecef; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #0F766E; - background: #F0FDFA; + color: #0f766e; + background: #0f766e; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e24c4c; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { - color: #6c757d; + color: #6b7280; right: 3.75rem; } @@ -366,11 +474,18 @@ border-color: #e24c4c; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; + } + .p-datepicker { padding: 0.5rem; background: #ffffff; - color: #495057; - border: 1px solid #ced4da; + color: #4b5563; + border: 1px solid #d1d5db; border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { @@ -383,11 +498,11 @@ } .p-datepicker .p-datepicker-header { padding: 0.5rem; - color: #495057; + color: #4b5563; background: #ffffff; font-weight: 600; margin: 0; - border-bottom: 1px solid #dee2e6; + border-bottom: 1px solid #e5e7eb; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -395,7 +510,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -403,29 +518,29 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #495057; + color: #4b5563; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #14B8A6; + color: #14b8a6; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -452,52 +567,52 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #0F766E; - background: #F0FDFA; + color: #0f766e; + background: #0f766e; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #495057; + background: #d1d5db; + color: #4b5563; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #0F766E; - background: #F0FDFA; + color: #0f766e; + background: #0f766e; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; padding: 0.5rem; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -520,8 +635,8 @@ border-radius: 6px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #0F766E; - background: #F0FDFA; + color: #0f766e; + background: #0f766e; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -532,11 +647,11 @@ border-radius: 6px; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #0F766E; - background: #F0FDFA; + color: #0f766e; + background: #0f766e; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #dee2e6; + border-left: 1px solid #e5e7eb; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -550,40 +665,40 @@ padding-right: 0; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } p-calendar.p-calendar-clearable .p-calendar-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { - color: #6c757d; + color: #6b7280; right: 3.75rem; } @@ -594,18 +709,18 @@ } .p-cascadeselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #14B8A6; + border-color: #14b8a6; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -613,7 +728,7 @@ padding: 0.75rem 0.75rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; @@ -621,15 +736,18 @@ } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #e24c4c; + } .p-cascadeselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -640,54 +758,52 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1.25rem; + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #0f766e; + background: #0f766e; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99F6E4; + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #0F766E; - background: #F0FDFA; + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e24c4c; - } .p-input-filled .p-cascadeselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e24c4c; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { - color: #6c757d; + color: #6b7280; right: 3rem; } @@ -705,11 +821,11 @@ height: 22px; } .p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; + border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; - color: #495057; + color: #4b5563; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -723,21 +839,21 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #14B8A6; - background: #14B8A6; + border-color: #14b8a6; + background: #14b8a6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #14B8A6; + border-color: #14b8a6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #0F766E; - background: #0F766E; + border-color: #0f766e; + background: #0f766e; color: #ffffff; } @@ -746,40 +862,45 @@ } .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #14B8A6; + background: #14b8a6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #0F766E; + background: #0f766e; } .p-checkbox-label { margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #14b8a6; } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #14B8A6; - } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; - background: #F0FDFA; - color: #0F766E; - border-radius: 6px; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d1d5db; + color: #4b5563; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -788,10 +909,10 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #495057; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: #4b5563; padding: 0; margin: 0; } @@ -804,7 +925,7 @@ padding-right: 1.75rem; } p-chips.p-chips-clearable .p-chips-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } @@ -829,18 +950,18 @@ .p-dropdown { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-dropdown:not(.p-disabled):hover { - border-color: #14B8A6; + border-color: #14b8a6; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -850,36 +971,39 @@ border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; + color: #6b7280; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-dropdown .p-dropdown-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .p-dropdown .p-dropdown-clear-icon { - color: #6c757d; + color: #6b7280; right: 3rem; } + .p-dropdown.p-invalid.p-component { + border-color: #e24c4c; + } .p-dropdown-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -890,7 +1014,7 @@ } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-dropdown-panel .p-dropdown-items { padding: 0.75rem 0; @@ -899,41 +1023,44 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #0F766E; - background: #F0FDFA; + color: #0f766e; + background: #0f766e; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e24c4c; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #4b5563; + background: transparent; } .p-input-filled .p-dropdown { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { background-color: #ffffff; @@ -942,116 +1069,17 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #f8f9fa; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - padding: 0.75rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #14B8A6; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #14B8A6; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #14B8A6; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #14B8A6; - } - .p-inputgroup-addon { - background: #e9ecef; - color: #6c757d; - border-top: 1px solid #ced4da; - border-left: 1px solid #ced4da; - border-bottom: 1px solid #ced4da; + background: #f3f4f6; + color: #6b7280; + border-top: 1px solid #d1d5db; + border-left: 1px solid #d1d5db; + border-bottom: 1px solid #d1d5db; padding: 0.75rem 0.75rem; min-width: 3rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid #ced4da; + border-right: 1px solid #d1d5db; } .p-inputgroup > .p-component, @@ -1123,7 +1151,7 @@ padding-right: 2.5rem; } p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } @@ -1135,7 +1163,7 @@ padding-right: 2.5rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } @@ -1151,7 +1179,7 @@ height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { - background: #ced4da; + background: #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } @@ -1170,19 +1198,19 @@ .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #b6bfc8; + background: #b7bcc5; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #14B8A6; + background: #14b8a6; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #0D9488; + background: #0d9488; } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { @@ -1193,22 +1221,22 @@ font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #495057; + color: #4b5563; background: #ffffff; padding: 0.75rem 0.75rem; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 6px; } .p-inputtext:enabled:hover { - border-color: #14B8A6; + border-color: #14b8a6; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; } .p-inputtext.ng-dirty.ng-invalid { border-color: #e24c4c; @@ -1224,7 +1252,7 @@ .p-float-label > label { left: 0.75rem; - color: #6c757d; + color: #6b7280; transition-duration: 0.2s; } @@ -1235,7 +1263,7 @@ .p-input-icon-left > .p-icon-wrapper.p-icon, .p-input-icon-left > i:first-of-type { left: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-input-icon-left > .p-inputtext { @@ -1249,7 +1277,7 @@ .p-input-icon-right > .p-icon-wrapper, .p-input-icon-right > i:last-of-type { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-input-icon-right > .p-inputtext { @@ -1257,26 +1285,26 @@ } ::-webkit-input-placeholder { - color: #6c757d; + color: #6b7280; } :-moz-placeholder { - color: #6c757d; + color: #6b7280; } ::-moz-placeholder { - color: #6c757d; + color: #6b7280; } :-ms-input-placeholder { - color: #6c757d; + color: #6b7280; } .p-input-filled .p-inputtext { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; @@ -1294,15 +1322,16 @@ .p-listbox { background: #ffffff; - color: #495057; - border: 1px solid #ced4da; + color: #4b5563; + border: 1px solid #d1d5db; border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1312,30 +1341,26 @@ } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-listbox .p-listbox-header .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list { padding: 0.75rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #0F766E; - background: #F0FDFA; - } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99F6E4; + color: #0f766e; + background: #0f766e; } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; @@ -1343,18 +1368,31 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; } p-listbox.ng-dirty.ng-invalid > .p-listbox { @@ -1363,62 +1401,68 @@ .p-multiselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { - border-color: #14B8A6; + border-color: #14b8a6; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; - } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; + color: #6b7280; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; - background: #F0FDFA; - color: #0F766E; - border-radius: 6px; + margin-right: 0.5rem; + background: #e5e7eb; + color: #4b5563; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6b7280; + right: 3rem; + } + .p-multiselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1428,7 +1472,7 @@ } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; @@ -1437,21 +1481,21 @@ margin-left: 0.5rem; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1460,23 +1504,25 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #0F766E; - background: #F0FDFA; + color: #0f766e; + background: #0f766e; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99F6E4; + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4b5563; + background: #e5e7eb; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #4b5563; + background: #f3f4f6; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1484,36 +1530,28 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e24c4c; - } - .p-input-filled .p-multiselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #6c757d; - right: 3rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e24c4c; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1523,14 +1561,14 @@ .p-password-panel { padding: 1.25rem; background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; - background: #dee2e6; + background: #e5e7eb; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #ea5455; @@ -1546,7 +1584,7 @@ padding-right: 2.5rem; } p-password.p-password-clearable .p-password-clear-icon { - color: #6c757d; + color: #6b7280; right: 0.75rem; } @@ -1554,7 +1592,7 @@ padding-right: 4.25rem; } p-password.p-password-clearable.p-password-mask .p-password-clear-icon { - color: #6c757d; + color: #6b7280; right: 2.5rem; } @@ -1563,22 +1601,22 @@ height: 22px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; + border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; - color: #495057; + color: #4b5563; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #14B8A6; + border-color: #14b8a6; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1587,12 +1625,12 @@ background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #14B8A6; - background: #14B8A6; + border-color: #14b8a6; + background: #14b8a6; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #0F766E; - background: #0F766E; + border-color: #0f766e; + background: #0f766e; color: #ffffff; } @@ -1601,16 +1639,16 @@ } .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #14B8A6; + background: #14b8a6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #0F766E; + background: #0f766e; } .p-radiobutton-label { @@ -1620,59 +1658,56 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { - color: #495057; - margin-left: 0.5rem; + .p-rating .p-rating-item .p-rating-icon { + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #ea5455; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #14b8a6; } - .p-rating .p-rating-icon.p-rating-icon-active { - color: #14B8A6; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #14b8a6; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #14B8A6; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #e73d3e; } .p-selectbutton .p-button { background: #ffffff; - border: 1px solid #ced4da; - color: #495057; + border: 1px solid #d1d5db; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { - color: #6c757d; + color: #6b7280; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; + color: #374151; } .p-selectbutton .p-button.p-highlight { - background: #14B8A6; - border-color: #14B8A6; + background: #14b8a6; + border-color: #14b8a6; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1680,8 +1715,8 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { - background: #0D9488; - border-color: #0D9488; + background: #0d9488; + border-color: #0d9488; color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, @@ -1694,7 +1729,7 @@ } .p-slider { - background: #dee2e6; + background: #e5e7eb; border: 0 none; border-radius: 6px; } @@ -1716,21 +1751,21 @@ height: 1.143rem; width: 1.143rem; background: #ffffff; - border: 2px solid #14B8A6; + border: 2px solid #14b8a6; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-slider .p-slider-range { - background: #14B8A6; + background: #14b8a6; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #14B8A6; - border-color: #14B8A6; + background: #14b8a6; + border-color: #14b8a6; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; @@ -1747,26 +1782,26 @@ .p-togglebutton.p-button { background: #ffffff; - border: 1px solid #ced4da; - color: #495057; + border: 1px solid #d1d5db; + color: #4b5563; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { - color: #6c757d; + color: #6b7280; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; + background: #f3f4f6; + border-color: #d1d5db; + color: #4b5563; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #343a40; + color: #374151; } .p-togglebutton.p-button.p-highlight { - background: #14B8A6; - border-color: #14B8A6; + background: #14b8a6; + border-color: #14b8a6; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1774,8 +1809,8 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { - background: #0D9488; - border-color: #0D9488; + background: #0d9488; + border-color: #0d9488; color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, @@ -1789,36 +1824,36 @@ .p-treeselect { background: #ffffff; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { - border-color: #14B8A6; + border-color: #14b8a6; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - border-color: #14B8A6; + box-shadow: 0 0 0 0.2rem #99f6e4; + border-color: #14b8a6; } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { - color: #6c757d; + color: #6b7280; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #dee2e6; - color: #495057; + background: #e5e7eb; + color: #4b5563; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; - color: #6c757d; + color: #6b7280; width: 3rem; border-top-right-radius: 6px; border-bottom-right-radius: 6px; @@ -1834,16 +1869,16 @@ .p-treeselect-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-treeselect-panel .p-treeselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1856,7 +1891,7 @@ } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { padding-right: 3.5rem; @@ -1867,36 +1902,36 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; background: transparent; } .p-input-filled .p-treeselect { - background: #e9ecef; + background: #f3f4f6; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; @@ -1906,86 +1941,86 @@ padding-right: 1.75rem; } p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { - color: #6c757d; + color: #6b7280; right: 3rem; } .p-button { color: #ffffff; - background: #14B8A6; - border: 1px solid #14B8A6; + background: #14b8a6; + border: 1px solid #14b8a6; padding: 0.75rem 1.25rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } - .p-button:enabled:hover { - background: #0D9488; + .p-button:not(:disabled):hover { + background: #0d9488; color: #ffffff; - border-color: #0D9488; + border-color: #0d9488; } - .p-button:enabled:active { - background: #0F766E; + .p-button:not(:disabled):active { + background: #0f766e; color: #ffffff; - border-color: #0F766E; + border-color: #0f766e; } .p-button.p-button-outlined { background-color: transparent; - color: #14B8A6; + color: #14b8a6; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(20, 184, 166, 0.04); - color: #14B8A6; + color: #14b8a6; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(20, 184, 166, 0.16); - color: #14B8A6; + color: #14b8a6; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; + color: #6b7280; + border-color: #6b7280; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; } - .p-button.p-button-outlined.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; } .p-button.p-button-text { background-color: transparent; - color: #14B8A6; + color: #14b8a6; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(20, 184, 166, 0.04); - color: #14B8A6; + color: #14b8a6; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(20, 184, 166, 0.16); - color: #14B8A6; + color: #14b8a6; border-color: transparent; } .p-button.p-button-text.p-button-plain { - color: #6c757d; + color: #6b7280; } - .p-button.p-button-text.p-button-plain:enabled:hover { - background: #e9ecef; - color: #6c757d; + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; } - .p-button.p-button-text.p-button-plain:enabled:active { - background: #dee2e6; - color: #6c757d; + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; } .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-button .p-button-label { transition-duration: 0.2s; @@ -2007,7 +2042,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #14B8A6; + color: #14b8a6; background-color: #ffffff; } .p-button.p-button-raised { @@ -2062,321 +2097,441 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #64748B; - border: 1px solid #64748B; + background: #64748b; + border: 1px solid #64748b; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #475569; color: #ffffff; border-color: #475569; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #e2e8f0; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #334155; color: #ffffff; border-color: #334155; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; + background: #0ea5e9; + border: 1px solid #0ea5e9; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #2563EB; + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #0284c7; color: #ffffff; - border-color: #2563EB; + border-color: #0284c7; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #bfdbfe; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #1D4ED8; + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0369a1; color: #ffffff; - border-color: #1D4ED8; + border-color: #0369a1; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #3B82F6; + color: #0ea5e9; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #3B82F6; + color: #0ea5e9; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(59, 130, 246, 0.04); + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); border-color: transparent; - color: #3B82F6; + color: #0ea5e9; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(59, 130, 246, 0.16); + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); border-color: transparent; - color: #3B82F6; + color: #0ea5e9; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; + background: #22c55e; + border: 1px solid #22c55e; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #16A34A; + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; color: #ffffff; - border-color: #16A34A; + border-color: #16a34a; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #bbf7d0; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #15803D; + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #15803d; color: #ffffff; - border-color: #15803D; + border-color: #15803d; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #ffffff; - background: #F59E0B; - border: 1px solid #F59E0B; + background: #f97316; + border: 1px solid #f97316; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #D97706; + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ea580c; color: #ffffff; - border-color: #D97706; + border-color: #ea580c; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #FDE68A; + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #fde68a; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #B45309; + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #c2410c; color: #ffffff; - border-color: #B45309; + border-color: #c2410c; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #F59E0B; + color: #f97316; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { - background: rgba(245, 158, 11, 0.16); - color: #F59E0B; + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #F59E0B; + color: #f97316; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { - background: rgba(245, 158, 11, 0.04); + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); border-color: transparent; - color: #F59E0B; + color: #f97316; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { - background: rgba(245, 158, 11, 0.16); + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); border-color: transparent; - color: #F59E0B; + color: #f97316; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; + background: #a855f7; + border: 1px solid #a855f7; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #9333EA; + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; color: #ffffff; - border-color: #9333EA; + border-color: #9333ea; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #e9d5ff; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #7E22CE; + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7e22ce; color: #ffffff; - border-color: #7E22CE; + border-color: #7e22ce; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; + background: #ef4444; + border: 1px solid #ef4444; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #DC2626; + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; color: #ffffff; - border-color: #DC2626; + border-color: #dc2626; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #FECACA; + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #fecaca; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #B91C1C; + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #b91c1c; color: #ffffff; - border-color: #B91C1C; + border-color: #b91c1c; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-button.p-button-link { - color: #0F766E; + color: #0f766e; background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #0F766E; + color: #0f766e; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #0F766E; + color: #0f766e; border-color: transparent; } @@ -2399,13 +2554,13 @@ .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-speeddial-action { width: 3rem; height: 3rem; - background: #495057; + background: #4b5563; color: #fff; } .p-speeddial-action:hover { @@ -2463,54 +2618,54 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #14B8A6; + color: #14b8a6; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(20, 184, 166, 0.04); - color: #14B8A6; + color: #14b8a6; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(20, 184, 166, 0.16); - color: #14B8A6; + color: #14b8a6; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #6c757d; - border-color: #6c757d; + color: #6b7280; + border-color: #6b7280; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #14B8A6; + color: #14b8a6; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(20, 184, 166, 0.04); - color: #14B8A6; + color: #14b8a6; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(20, 184, 166, 0.16); - color: #14B8A6; + color: #14b8a6; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { - color: #6c757d; + color: #6b7280; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #f3f4f6; + color: #6b7280; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e5e7eb; + color: #6b7280; } .p-splitbutton.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); @@ -2538,183 +2693,183 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #3B82F6; + color: #0ea5e9; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #3B82F6; + color: #0ea5e9; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(59, 130, 246, 0.04); + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(14, 165, 233, 0.04); border-color: transparent; - color: #3B82F6; + color: #0ea5e9; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(59, 130, 246, 0.16); + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(14, 165, 233, 0.16); border-color: transparent; - color: #3B82F6; + color: #0ea5e9; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #F59E0B; + color: #f97316; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(245, 158, 11, 0.16); - color: #F59E0B; + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #F59E0B; + color: #f97316; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(245, 158, 11, 0.04); + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(249, 115, 22, 0.04); border-color: transparent; - color: #F59E0B; + color: #f97316; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(245, 158, 11, 0.16); + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(249, 115, 22, 0.16); border-color: transparent; - color: #F59E0B; + color: #f97316; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -2723,15 +2878,15 @@ } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2741,18 +2896,18 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #ced4da; + background-color: #d1d5db; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #adb5bd; + background: #9ca3af; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #F0FDFA; - color: #0F766E; + background: #0f766e; + color: #0f766e; } .p-datatable .p-paginator-top { @@ -2764,17 +2919,17 @@ border-radius: 0; } .p-datatable .p-datatable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -2782,24 +2937,24 @@ .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; } .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #343a40; + color: #374151; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { @@ -2807,43 +2962,43 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #0F766E; - background: #F0FDFA; + color: #0f766e; + background: #0f766e; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; + color: #374151; } .p-datatable .p-sortable-column.p-highlight { - background: #F0FDFA; - color: #0F766E; + background: #0f766e; + color: #0f766e; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #0F766E; + color: #0f766e; } .p-datatable .p-sortable-column.p-highlight:hover { - background: #F0FDFA; - color: #0F766E; + background: #0f766e; + color: #0f766e; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #0F766E; + color: #0f766e; } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem #99F6E4; + box-shadow: inset 0 0 0 0.15rem #99f6e4; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { background: #ffffff; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -2853,7 +3008,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -2863,9 +3018,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, @@ -2873,40 +3028,40 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid #99F6E4; + outline: 0.15rem solid #99f6e4; outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #F0FDFA; - color: #0F766E; + background: #0f766e; + color: #0f766e; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #F0FDFA; + box-shadow: inset 0 2px 0 0 #0f766e; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #F0FDFA; + box-shadow: inset 0 -2px 0 0 #0f766e; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-datatable .p-column-resizer-helper { - background: #14B8A6; + background: #14b8a6; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { - background: #f8f9fa; + background: #f9fafb; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { - background-color: #f8f9fa; + background-color: #f9fafb; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; @@ -2966,17 +3121,17 @@ border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: #fcfcfc; + background: #f8f8fa; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #F0FDFA; - color: #0F766E; + background: #0f766e; + color: #0f766e; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #0F766E; + color: #0f766e; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #0F766E; + color: #0f766e; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; @@ -3018,27 +3173,23 @@ border-radius: 0; } .p-dataview .p-dataview-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-dataview .p-dataview-content { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #dee2e6; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3060,54 +3211,54 @@ .p-column-filter-menu-button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-menu-button:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #F0FDFA; - color: #0F766E; + background: #0f766e; + color: #0f766e; } .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-clear-button:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-column-filter-overlay { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); @@ -3120,41 +3271,41 @@ margin: 0; padding: 0.75rem 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #0F766E; - background: #F0FDFA; + color: #0f766e; + background: #0f766e; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99F6E4; + box-shadow: inset 0 0 0 0.15rem #99f6e4; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border-bottom: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1.25rem; - border-bottom: 1px solid #dee2e6; + border-bottom: 1px solid #e5e7eb; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3172,295 +3323,6 @@ padding: 1.25rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #f8f9fa; - border: 1px solid #dee2e6; - color: #343a40; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #495057; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #0D9488; - border: 1px solid #0D9488; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #f8f9fa; - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #14B8A6; - border: 1px solid #14B8A6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #0D9488; - color: #ffffff; - border-color: #0D9488; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #0F766E; - color: #ffffff; - border-color: #0F766E; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #14B8A6; - border-color: #14B8A6; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #0D9488; - border-color: #0D9488; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #495057; - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1.25rem; - background: #f8f9fa; - color: #343a40; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #0D9488; - border-color: #0D9488; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #0D9488; - border-color: #0D9488; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #495057; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f8f9fa; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #14B8A6; - border: 1px solid #14B8A6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #0D9488; - color: #ffffff; - border-color: #0D9488; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #0F766E; - color: #ffffff; - border-color: #0F766E; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #14B8A6; - border: 1px solid #14B8A6; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #14B8A6; - border-color: #14B8A6; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #0D9488; - border-color: #0D9488; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard a { - color: #495057; - } - .fc.fc-theme-standard .fc-highlight { - color: #0F766E; - background: #F0FDFA; - } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3468,9 +3330,9 @@ margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; @@ -3482,7 +3344,7 @@ .p-orderlist .p-orderlist-filter-container { padding: 1.25rem; background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { @@ -3490,83 +3352,90 @@ } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-orderlist .p-orderlist-list { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99F6E4; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #0F766E; - background: #F0FDFA; + color: #0f766e; + background: #0f766e; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { - background: #fcfcfc; + background: #f8f8fa; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { - background: #e9ecef; + background: #f3f4f6; } .p-orderlist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border: 0 none; - color: #495057; + color: #4b5563; background: #ffffff; margin: 0; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #F0FDFA; - color: #0F766E; + background: #0f766e; + color: #0f766e; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { - color: #80eed5; + color: #010505; } .p-organizationchart .p-organizationchart-line-down { - background: #dee2e6; + background: #e5e7eb; } .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #dee2e6; - border-color: #dee2e6; + border-right: 1px solid #e5e7eb; + border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #dee2e6; - border-color: #dee2e6; + border-top: 1px solid #e5e7eb; + border-color: #e5e7eb; } .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 1.25rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { @@ -3577,13 +3446,13 @@ .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-paginator { background: #ffffff; - color: #6c757d; - border: solid #e9ecef; + color: #6b7280; + border: solid #f3f4f6; border-width: 0; padding: 0.5rem 1rem; border-radius: 6px; @@ -3594,7 +3463,7 @@ .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3605,9 +3474,9 @@ .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; border-color: transparent; - color: #343a40; + color: #374151; } .p-paginator .p-paginator-first { border-top-left-radius: 50%; @@ -3635,7 +3504,7 @@ .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3644,7 +3513,7 @@ .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -3652,14 +3521,14 @@ border-radius: 50%; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #F0FDFA; - border-color: #F0FDFA; - color: #0F766E; + background: #0f766e; + border-color: #0f766e; + color: #0f766e; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; border-color: transparent; - color: #343a40; + color: #374151; } .p-picklist .p-picklist-buttons { @@ -3669,9 +3538,9 @@ margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; padding: 1.25rem; border-bottom: 0 none; border-top-right-radius: 6px; @@ -3683,7 +3552,7 @@ .p-picklist .p-picklist-filter-container { padding: 1.25rem; background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { @@ -3691,66 +3560,73 @@ } .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-picklist .p-picklist-list { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; margin: 0; border: 0 none; - color: #495057; + color: #4b5563; background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99F6E4; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #4b5563; + background: #e5e7eb; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #0F766E; - background: #F0FDFA; + color: #0f766e; + background: #0f766e; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { - background: #fcfcfc; + background: #f8f8fa; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { - background: #e9ecef; + background: #f3f4f6; } .p-picklist-item.cdk-drag-preview { padding: 0.75rem 1.25rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border: 0 none; - color: #495057; + color: #4b5563; background: #ffffff; margin: 0; } .p-timeline .p-timeline-event-marker { - border: 2px solid #14B8A6; + border: 2px solid #14b8a6; border-radius: 50%; width: 1rem; height: 1rem; background-color: #ffffff; } .p-timeline .p-timeline-event-connector { - background-color: #dee2e6; + background-color: #e5e7eb; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { @@ -3768,14 +3644,20 @@ } .p-tree { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; padding: 1.25rem; border-radius: 6px; } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #99f6e4; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3786,56 +3668,51 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99F6E4; + color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #F0FDFA; - color: #0F766E; + background: #0f766e; + color: #0f766e; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #0F766E; + color: #0f766e; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #0F766E; + color: #0f766e; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; @@ -3846,7 +3723,7 @@ } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; @@ -3859,28 +3736,28 @@ height: 2rem; } .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { - background-color: #99f1dd; + background-color: #0c5e58; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 6px; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background-color: #ffffff; - color: #495057; + color: #4b5563; padding: 0.5rem; transition: box-shadow 0.2s; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #F0FDFA; - color: #0F766E; + background-color: #0f766e; + color: #0f766e; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #0F766E; + color: #0f766e; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { @@ -3891,13 +3768,13 @@ color: inherit; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-treetable .p-paginator-top { @@ -3909,17 +3786,17 @@ border-radius: 0; } .p-treetable .p-treetable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3927,27 +3804,27 @@ .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; } .p-treetable .p-sortable-column { - outline-color: #99F6E4; + outline-color: #99f6e4; } .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #343a40; + color: #374151; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { @@ -3955,39 +3832,39 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #0F766E; - background: #F0FDFA; + color: #0f766e; + background: #0f766e; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #e9ecef; - color: #343a40; + background: #f3f4f6; + color: #374151; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #343a40; + color: #374151; } .p-treetable .p-sortable-column.p-highlight { - background: #F0FDFA; - color: #0F766E; + background: #0f766e; + color: #0f766e; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #0F766E; + color: #0f766e; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -3995,14 +3872,14 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { width: 2rem; @@ -4012,35 +3889,35 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #495057; + color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid #99F6E4; + outline: 0.15rem solid #99f6e4; outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #F0FDFA; - color: #0F766E; + background: #0f766e; + color: #0f766e; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #0F766E; + color: #0f766e; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #0F766E; + color: #0f766e; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #495057; + color: #4b5563; } .p-treetable .p-column-resizer-helper { - background: #14B8A6; + background: #14b8a6; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { - background: #f8f9fa; + background: #f9fafb; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; @@ -4102,23 +3979,23 @@ } .p-virtualscroller .p-virtualscroller-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-virtualscroller .p-virtualscroller-content { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; padding: 0; } .p-virtualscroller .p-virtualscroller-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -4128,9 +4005,9 @@ .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; @@ -4141,30 +4018,30 @@ .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #99F6E4; + box-shadow: inset 0 0 0 0.2rem #99f6e4; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; } .p-accordion .p-accordion-content { padding: 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; @@ -4177,7 +4054,7 @@ .p-card { background: #ffffff; - color: #495057; + color: #4b5563; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } @@ -4192,7 +4069,7 @@ .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-card .p-card-content { padding: 1.25rem 0; @@ -4209,7 +4086,7 @@ padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px #dee2e6; + border-top: 1px #e5e7eb; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -4219,23 +4096,23 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px #dee2e6; + border-left: 1px #e5e7eb; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-fieldset { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #374151; + background: #f9fafb; font-weight: 700; border-radius: 6px; } @@ -4245,7 +4122,7 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1.25rem; - color: #343a40; + color: #374151; border-radius: 6px; transition: box-shadow 0.2s; } @@ -4255,22 +4132,22 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-fieldset .p-fieldset-content { padding: 1.25rem; } .p-panel .p-panel-header { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; padding: 1.25rem; - background: #f8f9fa; - color: #343a40; + background: #f9fafb; + color: #374151; border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -4280,39 +4157,43 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; } .p-panel .p-panel-content { padding: 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4330,25 +4211,25 @@ } .p-scrollpanel .p-scrollpanel-bar { - background: #f8f9fa; + background: #f9fafb; border: 0 none; } .p-splitter { - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; background: #ffffff; border-radius: 6px; - color: #495057; + color: #4b5563; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #f8f9fa; + background: #f9fafb; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #dee2e6; + background: #e5e7eb; } .p-splitter .p-splitter-gutter-resizing { - background: #dee2e6; + background: #e5e7eb; } .p-tabview .p-tabview-nav-content { @@ -4356,18 +4237,18 @@ } .p-tabview .p-tabview-nav { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; + border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; @@ -4378,17 +4259,17 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #99F6E4; + box-shadow: inset 0 0 0 0.2rem #99f6e4; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; - border-color: #adb5bd; - color: #6c757d; + border-color: #9ca3af; + color: #6b7280; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; - border-color: #14B8A6; - color: #14B8A6; + border-color: #14b8a6; + color: #14b8a6; } .p-tabview .p-tabview-left-icon { margin-right: 0.5rem; @@ -4401,7 +4282,7 @@ } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; - color: #14B8A6; + color: #14b8a6; width: 3rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; @@ -4409,20 +4290,20 @@ .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #99F6E4; + box-shadow: inset 0 0 0 0.2rem #99f6e4; } .p-tabview .p-tabview-panels { background: #ffffff; padding: 1.25rem; border: 0 none; - color: #495057; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-toolbar { - background: #f8f9fa; - border: 1px solid #dee2e6; + background: #f9fafb; + border: 1px solid #e5e7eb; padding: 1.25rem; border-radius: 6px; gap: 0.5rem; @@ -4433,7 +4314,7 @@ .p-confirm-popup { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -4487,7 +4368,7 @@ .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; - color: #343a40; + color: #374151; padding: 1.5rem; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4499,7 +4380,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -4507,21 +4388,21 @@ margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { background: #ffffff; - color: #495057; + color: #4b5563; padding: 0 1.5rem 2rem 1.5rem; } .p-dialog .p-dialog-content:last-of-type { @@ -4531,7 +4412,7 @@ .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; - color: #495057; + color: #4b5563; padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; border-bottom-right-radius: 6px; @@ -4554,7 +4435,7 @@ .p-overlaypanel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); @@ -4563,7 +4444,7 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #14B8A6; + background: #14b8a6; color: #ffffff; width: 2rem; height: 2rem; @@ -4574,7 +4455,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #0D9488; + background: #0d9488; color: #ffffff; } .p-overlaypanel:after { @@ -4596,7 +4477,7 @@ .p-sidebar { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } @@ -4607,7 +4488,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -4615,15 +4496,15 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4636,30 +4517,30 @@ } .p-tooltip .p-tooltip-text { - background: #495057; + background: #4b5563; color: #ffffff; padding: 0.75rem 0.75rem; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #495057; + border-right-color: #4b5563; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #495057; + border-left-color: #4b5563; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #495057; + border-top-color: #4b5563; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #495057; + border-bottom-color: #4b5563; } .p-fileupload .p-fileupload-buttonbar { - background: #f8f9fa; + background: #f9fafb; padding: 1.25rem; - border: 1px solid #dee2e6; - color: #343a40; + border: 1px solid #e5e7eb; + color: #374151; border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4670,20 +4551,20 @@ .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-fileupload .p-fileupload-content { background: #ffffff; padding: 2rem 1rem; - border: 1px solid #dee2e6; - color: #495057; + border: 1px solid #e5e7eb; + color: #4b5563; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #14B8A6; + border-color: 1px dashed #14b8a6; border-style: dashed; - background-color: #F0FDFA; + background-color: #0f766e; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4696,19 +4577,19 @@ } .p-fileupload-choose:not(.p-disabled):hover { - background: #0D9488; + background: #0d9488; color: #ffffff; - border-color: #0D9488; + border-color: #0d9488; } .p-fileupload-choose:not(.p-disabled):active { - background: #0F766E; + background: #0f766e; color: #ffffff; - border-color: #0F766E; + border-color: #0f766e; } .p-breadcrumb { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-radius: 6px; padding: 1rem; } @@ -4719,29 +4600,29 @@ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; @@ -4751,67 +4632,70 @@ outline: 0 none; } .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; } .p-contextmenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #0F766E; - background: #F0FDFA; + color: #0f766e; + background: #0f766e; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0F766E; + color: #0f766e; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0F766E; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(20, 184, 166, 0.24); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { @@ -4838,7 +4722,7 @@ .p-dock .p-dock-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99F6E4; + box-shadow: inset 0 0 0 0.15rem #99f6e4; } .p-dock .p-dock-link { width: 4rem; @@ -4893,96 +4777,99 @@ } .p-megamenu { padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; } .p-megamenu .p-megamenu-root-list { outline: 0 none; } .p-megamenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #0F766E; - background: #F0FDFA; + color: #0f766e; + background: #0f766e; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0F766E; + color: #0f766e; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0F766E; + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(20, 184, 166, 0.24); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-megamenu .p-megamenu-panel { background: #ffffff; - color: #495057; + color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-megamenu .p-submenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-megamenu.p-megamenu-vertical { width: 12.5rem; - padding: 0.25rem 0; + padding: 0.5rem 0; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } @@ -4991,87 +4878,91 @@ user-select: none; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menu { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } .p-menu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: #0F766E; - background: #F0FDFA; + color: #0f766e; + background: #0f766e; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0F766E; + color: #0f766e; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0F766E; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(20, 184, 166, 0.24); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menu.p-menu-overlay { background: #ffffff; @@ -5081,18 +4972,18 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; - color: #343a40; + color: #374151; background: #ffffff; font-weight: 700; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menu .p-menuitem-badge { - background: #14B8A6; + background: #14b8a6; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5107,16 +4998,16 @@ .p-menubar { padding: 0.5rem; - background: #f8f9fa; - color: #495057; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; } .p-menubar .p-menubar-root-list { outline: 0 none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 6px; } @@ -5125,88 +5016,92 @@ user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menubar .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: #0F766E; - background: #F0FDFA; + color: #0f766e; + background: #0f766e; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0F766E; + color: #0f766e; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0F766E; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(20, 184, 166, 0.24); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menubar .p-submenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { @@ -5221,30 +5116,30 @@ display: flex; width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { - color: #6c757d; - background: #e9ecef; + color: #6b7280; + background: #f3f4f6; } .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-menubar .p-menubar-root-list { position: absolute; display: none; - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -5305,14 +5200,14 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #dee2e6; - color: #6c757d; - background: #f8f9fa; + border: 1px solid #e5e7eb; + color: #6b7280; + background: #f9fafb; border-radius: 6px; transition: box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; } @@ -5325,31 +5220,31 @@ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #99F6E4; + box-shadow: inset 0 0 0 0.2rem #99f6e4; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: #e9ecef; - border-color: #dee2e6; - color: #343a40; + background: #f3f4f6; + border-color: #e5e7eb; + color: #374151; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #f8f9fa; - border-color: #dee2e6; - color: #343a40; + background: #f9fafb; + border-color: #e5e7eb; + color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #dee2e6; - background: #e9ecef; - color: #343a40; + border-color: #e5e7eb; + background: #f3f4f6; + color: #374151; } .p-panelmenu .p-panelmenu-content { - padding: 0.25rem 0; - border: 1px solid #dee2e6; + padding: 0.5rem 0; + border: 1px solid #e5e7eb; background: #ffffff; - color: #495057; + color: #4b5563; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; @@ -5360,63 +5255,66 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: #0F766E; - background: #F0FDFA; + color: #0f766e; + background: #0f766e; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0F766E; + color: #0f766e; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0F766E; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(20, 184, 166, 0.24); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -5427,10 +5325,10 @@ } .p-slidemenu { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } @@ -5441,57 +5339,60 @@ outline: 0 none; } .p-slidemenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #0F766E; - background: #F0FDFA; + color: #0f766e; + background: #0f766e; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0F766E; + color: #0f766e; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0F766E; + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(20, 184, 166, 0.24); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5499,13 +5400,13 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-slidemenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-slidemenu .p-slidemenu-icon { @@ -5517,15 +5418,15 @@ } .p-slidemenu .p-slidemenu-backward { padding: 0.75rem 1.25rem; - color: #495057; + color: #4b5563; } .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #99F6E4; + box-shadow: inset 0 0 0 0.2rem #99f6e4; } .p-slidemenu .p-menuitem-badge { - background: #14B8A6; + background: #14b8a6; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5545,8 +5446,8 @@ background: #ffffff; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #495057; - border: 1px solid #e9ecef; + color: #4b5563; + border: 1px solid #f3f4f6; background: #ffffff; min-width: 2rem; height: 2rem; @@ -5557,24 +5458,24 @@ } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; - color: #6c757d; + color: #6b7280; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #F0FDFA; - color: #0F766E; + background: #0f766e; + color: #0f766e; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 700; - color: #495057; + color: #4b5563; } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; width: 100%; top: 50%; left: 0; @@ -5585,11 +5486,11 @@ .p-tabmenu .p-tabmenu-nav { background: #ffffff; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #14B8A6; + background: #14b8a6; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5605,11 +5506,11 @@ margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #dee2e6; + border: solid #e5e7eb; border-width: 0 0 2px 0; - border-color: transparent transparent #dee2e6 transparent; + border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #6c757d; + color: #6b7280; padding: 1.25rem; font-weight: 700; border-top-right-radius: 6px; @@ -5623,17 +5524,17 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #99F6E4; + box-shadow: inset 0 0 0 0.2rem #99f6e4; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; - border-color: #adb5bd; - color: #6c757d; + border-color: #9ca3af; + color: #6b7280; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; - border-color: #14B8A6; - color: #14B8A6; + border-color: #14b8a6; + color: #14b8a6; } .p-tabmenu .p-tabmenu-left-icon { margin-right: 0.5rem; @@ -5643,7 +5544,7 @@ } .p-tabmenu .p-tabmenu-nav-btn.p-link { background: #ffffff; - color: #14B8A6; + color: #14b8a6; width: 3rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; @@ -5651,14 +5552,14 @@ .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #99F6E4; + box-shadow: inset 0 0 0 0.2rem #99f6e4; } .p-tieredmenu { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; border-radius: 6px; width: 12.5rem; } @@ -5671,66 +5572,69 @@ outline: 0 none; } .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; + padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-tieredmenu .p-menuitem > .p-menuitem-content { - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; border-radius: 0; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #495057; + color: #4b5563; padding: 0.75rem 1.25rem; user-select: none; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; + color: #6b7280; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; + color: #6b7280; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #0F766E; - background: #F0FDFA; + color: #0f766e; + background: #0f766e; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #0F766E; + color: #0f766e; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0F766E; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(20, 184, 166, 0.24); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #495057; - background: #dee2e6; + color: #4b5563; + background: #e5e7eb; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #495057; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; + color: #4b5563; + background: #f3f4f6; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; + color: #4b5563; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #dee2e6; + border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5747,16 +5651,16 @@ border-radius: 6px; } .p-inline-message.p-inline-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; border-width: 0px; - color: #696cff; + color: #3b82f6; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #696cff; + color: #3b82f6; } .p-inline-message.p-inline-message-success { - background: #e4f8f0; + background: rgba(228, 248, 240, 0.7); border: solid #1ea97c; border-width: 0px; color: #1ea97c; @@ -5765,7 +5669,7 @@ color: #1ea97c; } .p-inline-message.p-inline-message-warn { - background: #fff2e2; + background: rgba(255, 242, 226, 0.7); border: solid #cc8925; border-width: 0px; color: #cc8925; @@ -5774,7 +5678,7 @@ color: #cc8925; } .p-inline-message.p-inline-message-error { - background: #ffe7e6; + background: rgba(255, 231, 230, 0.7); border: solid #ff5757; border-width: 0px; color: #ff5757; @@ -5817,22 +5721,22 @@ .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-message.p-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; border-width: 0 0 0 6px; - color: #696cff; + color: #3b82f6; } .p-message.p-message-info .p-message-icon { - color: #696cff; + color: #3b82f6; } .p-message.p-message-info .p-message-close { - color: #696cff; + color: #3b82f6; } .p-message.p-message-success { - background: #e4f8f0; + background: rgba(228, 248, 240, 0.7); border: solid #1ea97c; border-width: 0 0 0 6px; color: #1ea97c; @@ -5844,7 +5748,7 @@ color: #1ea97c; } .p-message.p-message-warn { - background: #fff2e2; + background: rgba(255, 242, 226, 0.7); border: solid #cc8925; border-width: 0 0 0 6px; color: #cc8925; @@ -5856,7 +5760,7 @@ color: #cc8925; } .p-message.p-message-error { - background: #ffe7e6; + background: rgba(255, 231, 230, 0.7); border: solid #ff5757; border-width: 0 0 0 6px; color: #ff5757; @@ -5869,7 +5773,7 @@ } .p-message .p-message-text { font-size: 1rem; - font-weight: 400; + font-weight: 500; } .p-message .p-message-icon { font-size: 1.5rem; @@ -5887,7 +5791,7 @@ } .p-toast { - opacity: 0.9; + opacity: 1; } .p-toast .p-toast-message { margin: 0 0 1rem 0; @@ -5927,20 +5831,20 @@ .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-toast .p-toast-message.p-toast-message-info { - background: #e9e9ff; - border: solid #696cff; + background: rgba(219, 234, 254, 0.7); + border: solid #3b82f6; border-width: 0 0 0 6px; - color: #696cff; + color: #3b82f6; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #696cff; + color: #3b82f6; } .p-toast .p-toast-message.p-toast-message-success { - background: #e4f8f0; + background: rgba(228, 248, 240, 0.7); border: solid #1ea97c; border-width: 0 0 0 6px; color: #1ea97c; @@ -5950,7 +5854,7 @@ color: #1ea97c; } .p-toast .p-toast-message.p-toast-message-warn { - background: #fff2e2; + background: rgba(255, 242, 226, 0.7); border: solid #cc8925; border-width: 0 0 0 6px; color: #cc8925; @@ -5960,7 +5864,7 @@ color: #cc8925; } .p-toast .p-toast-message.p-toast-message-error { - background: #ffe7e6; + background: rgba(255, 231, 230, 0.7); border: solid #ff5757; border-width: 0 0 0 6px; color: #ff5757; @@ -5973,7 +5877,7 @@ .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; - color: #f8f9fa; + color: #f9fafb; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5988,11 +5892,11 @@ } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-item-nav { background: transparent; - color: #f8f9fa; + color: #f9fafb; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -6009,29 +5913,29 @@ } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); - color: #f8f9fa; + color: #f9fafb; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #ced4da; + background-color: #d1d5db; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #adb5bd; + background: #9ca3af; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #F0FDFA; - color: #0F766E; + background: #0f766e; + color: #0f766e; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -6049,8 +5953,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #F0FDFA; - color: #0F766E; + background: #0f766e; + color: #0f766e; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -6060,7 +5964,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; - color: #f8f9fa; + color: #f9fafb; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -6069,12 +5973,12 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); - color: #f8f9fa; + color: #f9fafb; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-galleria-mask { @@ -6124,7 +6028,7 @@ } .p-avatar { - background-color: #dee2e6; + background-color: #e5e7eb; border-radius: 6px; } .p-avatar.p-avatar-lg { @@ -6149,7 +6053,7 @@ } .p-badge { - background: #14B8A6; + background: #14b8a6; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -6158,23 +6062,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #64748B; + background-color: #64748b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-badge.p-badge-info { - background-color: #3B82F6; + background-color: #0ea5e9; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #F59E0B; + background-color: #f97316; color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -6191,8 +6095,8 @@ } .p-chip { - background-color: #dee2e6; - color: #495057; + background-color: #e5e7eb; + color: #4b5563; border-radius: 16px; padding: 0 0.75rem; } @@ -6220,7 +6124,7 @@ .p-chip .pi-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-chip .pi-chip-remove-icon:focus { outline: 0 none; @@ -6232,25 +6136,25 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #e9ecef; - color: #495057; + background: #f3f4f6; + color: #4b5563; } .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99F6E4; + box-shadow: 0 0 0 0.2rem #99f6e4; } .p-progressbar { border: 0 none; height: 1.5rem; - background: #dee2e6; + background: #e5e7eb; border-radius: 6px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #14B8A6; + background: #14b8a6; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -6272,7 +6176,7 @@ } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; - color: #f8f9fa; + color: #f9fafb; } .p-scrolltop .p-icon { width: 1.5rem; @@ -6280,7 +6184,7 @@ } .p-skeleton { - background-color: #dee2e6; + background-color: #e5e7eb; border-radius: 6px; } .p-skeleton:after { @@ -6288,7 +6192,7 @@ } .p-tag { - background: #14B8A6; + background: #14b8a6; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -6296,19 +6200,19 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { - background-color: #3B82F6; + background-color: #0ea5e9; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #F59E0B; + background-color: #f97316; color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -6322,8 +6226,8 @@ .p-terminal { background: #ffffff; - color: #495057; - border: 1px solid #dee2e6; + color: #4b5563; + border: 1px solid #e5e7eb; padding: 1.25rem; } .p-terminal .p-terminal-input { @@ -6337,6 +6241,11 @@ font-weight: 700; } + .p-selectbutton > .p-button, +.p-togglebutton.p-button { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-accordion .p-accordion-header .p-accordion-header-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -6344,21 +6253,17 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link { transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #14B8A6; + background-color: #14b8a6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #14B8A6; + background-color: #14b8a6; } .p-button:focus { @@ -6371,10 +6276,10 @@ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; } .p-button.p-button-help:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; @@ -6384,9 +6289,31 @@ } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #14B8A6; + box-shadow: inset 0 2px 0 0 #14b8a6; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #14B8A6; + box-shadow: inset 0 -2px 0 0 #14b8a6; + } + + .p-speeddial-item.p-focus > .p-speeddial-action { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 black; + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, +.p-orderlist-controls .p-button { + transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #14b8a6; + color: #ffffff; } } diff --git a/src/assets/components/themes/luna-amber/theme.css b/src/assets/components/themes/luna-amber/theme.css index 7b5a5b1b72a..8026e335455 100644 --- a/src/assets/components/themes/luna-amber/theme.css +++ b/src/assets/components/themes/luna-amber/theme.css @@ -1,6 +1,8 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; --surface-a: #191919; --surface-b: #191919; --surface-c: #4c4c4c; @@ -32,15 +34,15 @@ --gray-700: #474747; --gray-800: #303030; --gray-900: #191919; - --content-padding:0.571rem 1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#191919; - --surface-section:#191919; - --surface-card:#323232; - --surface-overlay:#323232; - --surface-border:#4b4b4b; - --surface-hover:#4c4c4c; + --content-padding: 0.571rem 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #191919; + --surface-section: #191919; + --surface-card: #323232; + --surface-overlay: #323232; + --surface-border: #4b4b4b; + --surface-hover: #4c4c4c; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #FFE082; --highlight-text-color: #212529; @@ -171,6 +173,105 @@ --primary-900:#665a34; } +.p-editor-container .p-editor-toolbar { + background: #191919; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #191919; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #888888; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #888888; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #888888; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #323232; + border: 1px solid #191919; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #dedede; + background: #4c4c4c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.429rem 0.857rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #191919; +} +.p-editor-container .p-editor-content .ql-editor { + background: #191919; + color: #dedede; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #dedede; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #dedede; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #dedede; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFE082; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFE082; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFE082; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFE082; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.786rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.2145rem 0.429rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #FFE082; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #FFE082; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.2145rem 0.429rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.2145rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #dedede; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.2145rem 0.429rem; - background: #FFE082; - color: #212529; - border-radius: 3px; + background: #4b4b4b; + color: #dedede; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #464646; + color: #dedede; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e57373; } @@ -309,18 +413,20 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #dedede; - background: #4c4c4c; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #212529; background: #FFE082; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.429rem 0.857rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #ffe081; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #dedede; - background: transparent; + background: #3c3c3c; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #dedede; + background: #4c4c4c; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 700; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e57373; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -347,6 +457,13 @@ border-color: #e57373; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + border-color: #FFE082; + } + .p-datepicker { padding: 0.857rem; background: #323232; @@ -607,6 +724,9 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #e57373; + } .p-cascadeselect-panel { background: #323232; @@ -626,33 +746,27 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.429rem 0.857rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #212529; background: #FFE082; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #ffe081; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #dedede; + background: #3c3c3c; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; background: #4c4c4c; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.429rem 0.857rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e57373; - } .p-input-filled .p-cascadeselect { background: #4b4b4b; @@ -664,6 +778,10 @@ background-color: #4b4b4b; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e57373; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.429rem; } @@ -747,24 +865,29 @@ border-color: #212529; } - .p-chips .p-chips-multiple-container { - padding: 0.2145rem 0.429rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #FFE082; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #FFE082; } + .p-chips .p-chips-multiple-container { + padding: 0.2145rem 0.429rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.2145rem 0.429rem; - background: #FFE082; - color: #212529; - border-radius: 3px; + margin-right: 0.5rem; + background: #4b4b4b; + color: #dedede; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #464646; + color: #dedede; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -773,9 +896,9 @@ padding: 0.2145rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #dedede; padding: 0; margin: 0; @@ -837,7 +960,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #9b9b9b; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -852,6 +975,9 @@ color: #888888; right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #e57373; + } .p-dropdown-panel { background: #323232; @@ -893,14 +1019,16 @@ color: #212529; background: #FFE082; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #ffe081; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #dedede; - background: #4c4c4c; + background: #3c3c3c; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.429rem 0.857rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; - background: transparent; + background: #4c4c4c; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -909,9 +1037,10 @@ background: #191919; font-weight: 700; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e57373; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; } .p-input-filled .p-dropdown { @@ -927,105 +1056,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #191919; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #191919; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #888888; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #888888; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #888888; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #323232; - border: 1px solid #191919; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); - border-radius: 3px; - padding: 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #dedede; - background: #4c4c4c; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.429rem 0.857rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #191919; - } - .p-editor-container .p-editor-content .ql-editor { - background: #191919; - color: #dedede; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #dedede; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #dedede; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #dedede; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #FFE082; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #FFE082; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #FFE082; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #FFE082; - } - .p-inputgroup-addon { background: #252525; color: #888888; @@ -1282,6 +1312,7 @@ color: #dedede; border: 1px solid #4b4b4b; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.429rem 0.857rem; @@ -1304,6 +1335,7 @@ } .p-listbox .p-listbox-list { padding: 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1317,11 +1349,6 @@ color: #212529; background: #FFE082; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1337,10 +1364,23 @@ color: #dedede; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #ffe081; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #dedede; + background: #3c3c3c; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; background: #4c4c4c; } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + border-color: #FFE082; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #e57373; @@ -1368,14 +1408,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: #9b9b9b; } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.2145rem 0.429rem; - background: #FFE082; - color: #212529; - border-radius: 3px; + margin-right: 0.5rem; + background: #4b4b4b; + color: #dedede; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1388,10 +1426,18 @@ border-bottom-right-radius: 3px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.2145rem 0.429rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.429rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #888888; + right: 2.357rem; + } + .p-multiselect-panel { background: #323232; color: #dedede; @@ -1454,15 +1500,17 @@ color: #212529; background: #FFE082; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #ffe081; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #dedede; + background: #3c3c3c; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; background: #4c4c4c; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1479,10 +1527,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e57373; - } - .p-input-filled .p-multiselect { background: #4b4b4b; } @@ -1493,12 +1537,8 @@ background-color: #4b4b4b; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.429rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #888888; - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e57373; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1518,13 +1558,13 @@ background: #eaeaea; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #E57373; + background: #e57373; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFB74D; + background: #ffb74d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #AED581; + background: #aed581; } p-password.p-password-clearable .p-password-input { @@ -1609,38 +1649,35 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #dedede; - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #e4018d; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; + border-color: #FFE082; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #FFE082; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #FFE082; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b5019f; } - .p-highlight .p-rating .p-rating-icon { + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #212529; } @@ -1912,12 +1949,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #FFD54F; color: #212529; border-color: #FFD54F; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #FFCA28; color: #212529; border-color: #FFCA28; @@ -1927,12 +1964,12 @@ color: #FFE082; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); color: #FFE082; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); color: #FFE082; border: 1px solid; @@ -1941,11 +1978,11 @@ color: #888888; border-color: #888888; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #4c4c4c; color: #888888; } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #3c3c3c; color: #888888; } @@ -1954,12 +1991,12 @@ color: #FFE082; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); color: #FFE082; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); color: #FFE082; border-color: transparent; @@ -1967,11 +2004,11 @@ .p-button.p-button-text.p-button-plain { color: #888888; } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #4c4c4c; color: #888888; } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #3c3c3c; color: #888888; } @@ -2055,298 +2092,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #121212; - background: #B0BEC5; - border: 1px solid #B0BEC5; + background: #b0bec5; + border: 1px solid #b0bec5; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #90A4AE; + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #90a4ae; color: #121212; - border-color: #90A4AE; + border-color: #90a4ae; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #CFD8DC; + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #cfd8dc; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #78909C; + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #78909c; color: #121212; - border-color: #78909C; + border-color: #78909c; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(176, 190, 197, 0.16); - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #212529; - background: #4FC3F7; - border: 1px solid #4FC3F7; + background: #4fc3f7; + border: 1px solid #4fc3f7; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #29B6F6; + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #29b6f6; color: #212529; - border-color: #29B6F6; + border-color: #29b6f6; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #E1F5FE; + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #e1f5fe; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #03A9F4; + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #03a9f4; color: #212529; - border-color: #03A9F4; + border-color: #03a9f4; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(79, 195, 247, 0.16); - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #212529; - background: #AED581; - border: 1px solid #AED581; + background: #aed581; + border: 1px solid #aed581; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #9CCC65; + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #9ccc65; color: #212529; - border-color: #9CCC65; + border-color: #9ccc65; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #F1F8E9; + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #f1f8e9; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #8BC34A; + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #8bc34a; color: #212529; - border-color: #8BC34A; + border-color: #8bc34a; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #AED581; + color: #aed581; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); - color: #AED581; + color: #aed581; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(174, 213, 129, 0.16); - color: #AED581; + color: #aed581; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #AED581; + color: #aed581; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; - color: #AED581; + color: #aed581; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; - color: #AED581; + color: #aed581; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; - background: #FFB74D; - border: 1px solid #FFB74D; + background: #ffb74d; + border: 1px solid #ffb74d; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #FFA726; + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ffa726; color: #212529; - border-color: #FFA726; + border-color: #ffa726; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #FFFDE7; + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #fffde7; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #FF9800; + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #ff9800; color: #212529; - border-color: #FF9800; + border-color: #ff9800; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); - color: #FFB74D; + color: #ffb74d; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 183, 77, 0.16); - color: #FFB74D; + color: #ffb74d; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + background: #ce93d8; + border: 1px solid #ce93d8; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #BA68C8; + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #ba68c8; color: #121212; - border-color: #BA68C8; + border-color: #ba68c8; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #CE93D8; + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #ce93d8; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #AB47BC; + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #ab47bc; color: #121212; - border-color: #AB47BC; + border-color: #ab47bc; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #212529; - background: #E57373; - border: 1px solid #E57373; + background: #e57373; + border: 1px solid #e57373; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #EF5350; + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #ef5350; color: #212529; - border-color: #EF5350; + border-color: #ef5350; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #FFEBEE; + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #ffebee; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #F44336; + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #f44336; color: #212529; - border-color: #F44336; + border-color: #f44336; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #E57373; + color: #e57373; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); - color: #E57373; + color: #e57373; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(229, 115, 115, 0.16); - color: #E57373; + color: #e57373; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #E57373; + color: #e57373; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; - color: #E57373; + color: #e57373; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; - color: #E57373; + color: #e57373; } .p-button.p-button-link { @@ -2354,20 +2511,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #FFE082; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem white; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #FFE082; border-color: transparent; @@ -2459,11 +2616,11 @@ color: #FFE082; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); color: #FFE082; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); color: #FFE082; } @@ -2471,11 +2628,11 @@ color: #888888; border-color: #888888; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #4c4c4c; color: #888888; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #3c3c3c; color: #888888; } @@ -2484,12 +2641,12 @@ color: #FFE082; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); color: #FFE082; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); color: #FFE082; border-color: transparent; @@ -2497,11 +2654,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #888888; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #4c4c4c; color: #888888; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #3c3c3c; color: #888888; } @@ -2531,176 +2688,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); - color: #B0BEC5; + color: #b0bec5; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(176, 190, 197, 0.16); - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); - color: #4FC3F7; + color: #4fc3f7; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(79, 195, 247, 0.16); - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #AED581; + color: #aed581; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); - color: #AED581; + color: #aed581; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(174, 213, 129, 0.16); - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #AED581; + color: #aed581; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; - color: #AED581; + color: #aed581; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); - color: #FFB74D; + color: #ffb74d; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 183, 77, 0.16); - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #E57373; + color: #e57373; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); - color: #E57373; + color: #e57373; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(229, 115, 115, 0.16); - color: #E57373; + color: #e57373; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #E57373; + color: #e57373; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; - color: #E57373; + color: #e57373; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; - color: #E57373; + color: #e57373; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3024,10 +3181,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #4b4b4b; - border-width: 1px; - } .p-dataview .p-dataview-footer { background: #323232; color: #dedede; @@ -3165,295 +3318,6 @@ padding: 0.571rem 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #191919; - border: 1px solid #191919; - color: #dedede; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #323232; - border: 1px solid #191919; - color: #dedede; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #191919; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #191919; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #FFD54F; - border: 1px solid #FFD54F; - color: #212529; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #191919; - border: 1px solid #191919; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #212529; - background: #FFE082; - border: 1px solid #FFE082; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #FFD54F; - color: #212529; - border-color: #FFD54F; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #FFCA28; - color: #212529; - border-color: #FFCA28; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #252525; - border: 1px solid #252525; - color: #dedede; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #4c4c4c; - border-color: #4c4c4c; - color: #dedede; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #FFE082; - border-color: #FFE082; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #FFD54F; - border-color: #FFD54F; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #191919; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #191919; - border-color: #191919; - color: #dedede; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #dedede; - border-color: #191919; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #323232; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #191919; - padding: 0.857rem 1rem; - background: #191919; - color: #dedede; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #8888; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #dedede; - border-color: transparent; - background: transparent; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 0.571rem 1rem; - border: 1px solid #191919; - background: #323232; - color: #dedede; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #212529; - background: #FFD54F; - border-color: #FFD54F; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #212529; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #FFD54F; - border-color: #FFD54F; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #4c4c4c; - color: #dedede; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #191919; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #212529; - background: #FFE082; - border: 1px solid #FFE082; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #FFD54F; - color: #212529; - border-color: #FFD54F; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #FFCA28; - color: #212529; - border-color: #FFCA28; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.5; - color: #212529; - background: #FFE082; - border: 1px solid #FFE082; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #252525; - border: 1px solid #252525; - color: #dedede; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #4c4c4c; - border-color: #4c4c4c; - color: #dedede; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #FFE082; - border-color: #FFE082; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #FFD54F; - border-color: #FFD54F; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard a { - color: #dedede; - } - .fc.fc-theme-standard .fc-highlight { - color: #212529; - background: #FFE082; - } - .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3492,6 +3356,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; @@ -3501,15 +3366,21 @@ background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #4c4c4c; + color: #dedede; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #dedede; + background: #3c3c3c; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #212529; background: #FFE082; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #ffe081; + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.429rem 0.857rem; color: #dedede; @@ -3693,6 +3564,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.429rem 0.857rem; @@ -3702,15 +3574,21 @@ background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #4c4c4c; + color: #dedede; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #dedede; + background: #3c3c3c; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #212529; background: #FFE082; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #ffe081; + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.429rem 0.857rem; color: #dedede; @@ -3769,6 +3647,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem white; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; @@ -3805,11 +3689,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #dedede; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #FFE082; color: #212529; @@ -4297,15 +4176,19 @@ border: 1px solid #191919; background: #323232; color: #dedede; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #191919; background: #323232; color: #dedede; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4777,7 +4660,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4790,7 +4674,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4800,7 +4685,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-contextmenu .p-menuitem-separator { @@ -4921,7 +4807,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4934,7 +4821,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4944,7 +4832,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-megamenu .p-megamenu-panel { @@ -5001,7 +4890,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } @@ -5040,7 +4930,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5053,7 +4944,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5063,7 +4955,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menu.p-menu-overlay { @@ -5135,7 +5028,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5165,7 +5059,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5178,7 +5073,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5188,7 +5084,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-submenu-list { @@ -5379,7 +5276,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5392,7 +5290,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5402,7 +5301,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5460,7 +5360,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5473,7 +5374,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5483,7 +5385,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-slidemenu.p-slidemenu-overlay { @@ -5696,7 +5599,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5709,7 +5613,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5719,7 +5624,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-tieredmenu .p-menuitem-separator { @@ -6151,23 +6057,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #B0BEC5; + background-color: #b0bec5; color: #121212; } .p-badge.p-badge-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-badge.p-badge-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-badge.p-badge-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-badge.p-badge-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } .p-badge.p-badge-lg { @@ -6289,19 +6195,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-tag.p-tag-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-tag.p-tag-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-tag.p-tag-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } .p-tag .p-tag-icon { diff --git a/src/assets/components/themes/luna-blue/theme.css b/src/assets/components/themes/luna-blue/theme.css index 1f723365014..ffb37e59e25 100644 --- a/src/assets/components/themes/luna-blue/theme.css +++ b/src/assets/components/themes/luna-blue/theme.css @@ -1,6 +1,8 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; --surface-a: #191919; --surface-b: #191919; --surface-c: #4c4c4c; @@ -32,15 +34,15 @@ --gray-700: #474747; --gray-800: #303030; --gray-900: #191919; - --content-padding:0.571rem 1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#191919; - --surface-section:#191919; - --surface-card:#323232; - --surface-overlay:#323232; - --surface-border:#4b4b4b; - --surface-hover:#4c4c4c; + --content-padding: 0.571rem 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #191919; + --surface-section: #191919; + --surface-card: #323232; + --surface-overlay: #323232; + --surface-border: #4b4b4b; + --surface-hover: #4c4c4c; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #81D4FA; --highlight-text-color: #212529; @@ -171,6 +173,105 @@ --primary-900:#345564; } +.p-editor-container .p-editor-toolbar { + background: #191919; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #191919; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #888888; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #888888; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #888888; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #323232; + border: 1px solid #191919; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #dedede; + background: #4c4c4c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.429rem 0.857rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #191919; +} +.p-editor-container .p-editor-content .ql-editor { + background: #191919; + color: #dedede; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #dedede; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #dedede; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #dedede; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #81D4FA; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #81D4FA; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #81D4FA; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #81D4FA; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.786rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.2145rem 0.429rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #81D4FA; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #81D4FA; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.2145rem 0.429rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.2145rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #dedede; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.2145rem 0.429rem; - background: #81D4FA; - color: #212529; - border-radius: 3px; + background: #4b4b4b; + color: #dedede; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #464646; + color: #dedede; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e57373; } @@ -309,18 +413,20 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #dedede; - background: #4c4c4c; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #212529; background: #81D4FA; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.429rem 0.857rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #81d4fa; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #dedede; - background: transparent; + background: #3c3c3c; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #dedede; + background: #4c4c4c; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 700; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e57373; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -347,6 +457,13 @@ border-color: #e57373; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + border-color: #81D4FA; + } + .p-datepicker { padding: 0.857rem; background: #323232; @@ -607,6 +724,9 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #e57373; + } .p-cascadeselect-panel { background: #323232; @@ -626,33 +746,27 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.429rem 0.857rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #212529; background: #81D4FA; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #81d4fa; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #dedede; + background: #3c3c3c; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; background: #4c4c4c; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.429rem 0.857rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e57373; - } .p-input-filled .p-cascadeselect { background: #4b4b4b; @@ -664,6 +778,10 @@ background-color: #4b4b4b; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e57373; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.429rem; } @@ -747,24 +865,29 @@ border-color: #212529; } - .p-chips .p-chips-multiple-container { - padding: 0.2145rem 0.429rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #81D4FA; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #81D4FA; } + .p-chips .p-chips-multiple-container { + padding: 0.2145rem 0.429rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.2145rem 0.429rem; - background: #81D4FA; - color: #212529; - border-radius: 3px; + margin-right: 0.5rem; + background: #4b4b4b; + color: #dedede; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #464646; + color: #dedede; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -773,9 +896,9 @@ padding: 0.2145rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #dedede; padding: 0; margin: 0; @@ -837,7 +960,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #9b9b9b; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -852,6 +975,9 @@ color: #888888; right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #e57373; + } .p-dropdown-panel { background: #323232; @@ -893,14 +1019,16 @@ color: #212529; background: #81D4FA; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #81d4fa; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #dedede; - background: #4c4c4c; + background: #3c3c3c; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.429rem 0.857rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; - background: transparent; + background: #4c4c4c; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -909,9 +1037,10 @@ background: #191919; font-weight: 700; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e57373; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; } .p-input-filled .p-dropdown { @@ -927,105 +1056,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #191919; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #191919; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #888888; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #888888; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #888888; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #323232; - border: 1px solid #191919; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); - border-radius: 3px; - padding: 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #dedede; - background: #4c4c4c; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.429rem 0.857rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #191919; - } - .p-editor-container .p-editor-content .ql-editor { - background: #191919; - color: #dedede; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #dedede; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #dedede; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #dedede; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #81D4FA; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #81D4FA; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #81D4FA; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #81D4FA; - } - .p-inputgroup-addon { background: #252525; color: #888888; @@ -1282,6 +1312,7 @@ color: #dedede; border: 1px solid #4b4b4b; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.429rem 0.857rem; @@ -1304,6 +1335,7 @@ } .p-listbox .p-listbox-list { padding: 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1317,11 +1349,6 @@ color: #212529; background: #81D4FA; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1337,10 +1364,23 @@ color: #dedede; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #81d4fa; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #dedede; + background: #3c3c3c; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; background: #4c4c4c; } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + border-color: #81D4FA; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #e57373; @@ -1368,14 +1408,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: #9b9b9b; } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.2145rem 0.429rem; - background: #81D4FA; - color: #212529; - border-radius: 3px; + margin-right: 0.5rem; + background: #4b4b4b; + color: #dedede; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1388,10 +1426,18 @@ border-bottom-right-radius: 3px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.2145rem 0.429rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.429rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #888888; + right: 2.357rem; + } + .p-multiselect-panel { background: #323232; color: #dedede; @@ -1454,15 +1500,17 @@ color: #212529; background: #81D4FA; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #81d4fa; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #dedede; + background: #3c3c3c; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; background: #4c4c4c; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1479,10 +1527,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e57373; - } - .p-input-filled .p-multiselect { background: #4b4b4b; } @@ -1493,12 +1537,8 @@ background-color: #4b4b4b; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.429rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #888888; - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e57373; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1518,13 +1558,13 @@ background: #eaeaea; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #E57373; + background: #e57373; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFB74D; + background: #ffb74d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #AED581; + background: #aed581; } p-password.p-password-clearable .p-password-input { @@ -1609,38 +1649,35 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #dedede; - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #e4018d; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; + border-color: #81D4FA; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #81D4FA; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #81D4FA; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b5019f; } - .p-highlight .p-rating .p-rating-icon { + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #212529; } @@ -1912,12 +1949,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #4FC3F7; color: #212529; border-color: #4FC3F7; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #29B6F6; color: #212529; border-color: #29B6F6; @@ -1927,12 +1964,12 @@ color: #81D4FA; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); color: #81D4FA; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); color: #81D4FA; border: 1px solid; @@ -1941,11 +1978,11 @@ color: #888888; border-color: #888888; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #4c4c4c; color: #888888; } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #3c3c3c; color: #888888; } @@ -1954,12 +1991,12 @@ color: #81D4FA; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); color: #81D4FA; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); color: #81D4FA; border-color: transparent; @@ -1967,11 +2004,11 @@ .p-button.p-button-text.p-button-plain { color: #888888; } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #4c4c4c; color: #888888; } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #3c3c3c; color: #888888; } @@ -2055,298 +2092,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #121212; - background: #B0BEC5; - border: 1px solid #B0BEC5; + background: #b0bec5; + border: 1px solid #b0bec5; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #90A4AE; + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #90a4ae; color: #121212; - border-color: #90A4AE; + border-color: #90a4ae; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #CFD8DC; + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #cfd8dc; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #78909C; + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #78909c; color: #121212; - border-color: #78909C; + border-color: #78909c; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(176, 190, 197, 0.16); - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #212529; - background: #4FC3F7; - border: 1px solid #4FC3F7; + background: #4fc3f7; + border: 1px solid #4fc3f7; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #29B6F6; + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #29b6f6; color: #212529; - border-color: #29B6F6; + border-color: #29b6f6; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #E1F5FE; + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #e1f5fe; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #03A9F4; + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #03a9f4; color: #212529; - border-color: #03A9F4; + border-color: #03a9f4; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(79, 195, 247, 0.16); - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #212529; - background: #AED581; - border: 1px solid #AED581; + background: #aed581; + border: 1px solid #aed581; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #9CCC65; + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #9ccc65; color: #212529; - border-color: #9CCC65; + border-color: #9ccc65; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #F1F8E9; + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #f1f8e9; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #8BC34A; + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #8bc34a; color: #212529; - border-color: #8BC34A; + border-color: #8bc34a; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #AED581; + color: #aed581; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); - color: #AED581; + color: #aed581; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(174, 213, 129, 0.16); - color: #AED581; + color: #aed581; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #AED581; + color: #aed581; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; - color: #AED581; + color: #aed581; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; - color: #AED581; + color: #aed581; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; - background: #FFB74D; - border: 1px solid #FFB74D; + background: #ffb74d; + border: 1px solid #ffb74d; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #FFA726; + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ffa726; color: #212529; - border-color: #FFA726; + border-color: #ffa726; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #FFFDE7; + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #fffde7; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #FF9800; + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #ff9800; color: #212529; - border-color: #FF9800; + border-color: #ff9800; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); - color: #FFB74D; + color: #ffb74d; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 183, 77, 0.16); - color: #FFB74D; + color: #ffb74d; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + background: #ce93d8; + border: 1px solid #ce93d8; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #BA68C8; + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #ba68c8; color: #121212; - border-color: #BA68C8; + border-color: #ba68c8; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #CE93D8; + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #ce93d8; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #AB47BC; + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #ab47bc; color: #121212; - border-color: #AB47BC; + border-color: #ab47bc; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #212529; - background: #E57373; - border: 1px solid #E57373; + background: #e57373; + border: 1px solid #e57373; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #EF5350; + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #ef5350; color: #212529; - border-color: #EF5350; + border-color: #ef5350; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #FFEBEE; + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #ffebee; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #F44336; + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #f44336; color: #212529; - border-color: #F44336; + border-color: #f44336; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #E57373; + color: #e57373; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); - color: #E57373; + color: #e57373; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(229, 115, 115, 0.16); - color: #E57373; + color: #e57373; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #E57373; + color: #e57373; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; - color: #E57373; + color: #e57373; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; - color: #E57373; + color: #e57373; } .p-button.p-button-link { @@ -2354,20 +2511,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #81D4FA; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem white; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #81D4FA; border-color: transparent; @@ -2459,11 +2616,11 @@ color: #81D4FA; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); color: #81D4FA; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); color: #81D4FA; } @@ -2471,11 +2628,11 @@ color: #888888; border-color: #888888; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #4c4c4c; color: #888888; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #3c3c3c; color: #888888; } @@ -2484,12 +2641,12 @@ color: #81D4FA; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); color: #81D4FA; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); color: #81D4FA; border-color: transparent; @@ -2497,11 +2654,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #888888; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #4c4c4c; color: #888888; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #3c3c3c; color: #888888; } @@ -2531,176 +2688,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); - color: #B0BEC5; + color: #b0bec5; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(176, 190, 197, 0.16); - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); - color: #4FC3F7; + color: #4fc3f7; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(79, 195, 247, 0.16); - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #AED581; + color: #aed581; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); - color: #AED581; + color: #aed581; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(174, 213, 129, 0.16); - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #AED581; + color: #aed581; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; - color: #AED581; + color: #aed581; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); - color: #FFB74D; + color: #ffb74d; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 183, 77, 0.16); - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #E57373; + color: #e57373; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); - color: #E57373; + color: #e57373; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(229, 115, 115, 0.16); - color: #E57373; + color: #e57373; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #E57373; + color: #e57373; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; - color: #E57373; + color: #e57373; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; - color: #E57373; + color: #e57373; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3024,10 +3181,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #4b4b4b; - border-width: 1px; - } .p-dataview .p-dataview-footer { background: #323232; color: #dedede; @@ -3165,295 +3318,6 @@ padding: 0.571rem 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #191919; - border: 1px solid #191919; - color: #dedede; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #323232; - border: 1px solid #191919; - color: #dedede; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #191919; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #191919; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #4FC3F7; - border: 1px solid #4FC3F7; - color: #212529; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #191919; - border: 1px solid #191919; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #212529; - background: #81D4FA; - border: 1px solid #81D4FA; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #4FC3F7; - color: #212529; - border-color: #4FC3F7; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #29B6F6; - color: #212529; - border-color: #29B6F6; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #252525; - border: 1px solid #252525; - color: #dedede; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #4c4c4c; - border-color: #4c4c4c; - color: #dedede; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #81D4FA; - border-color: #81D4FA; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #4FC3F7; - border-color: #4FC3F7; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #191919; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #191919; - border-color: #191919; - color: #dedede; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #dedede; - border-color: #191919; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #323232; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #191919; - padding: 0.857rem 1rem; - background: #191919; - color: #dedede; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #8888; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #dedede; - border-color: transparent; - background: transparent; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 0.571rem 1rem; - border: 1px solid #191919; - background: #323232; - color: #dedede; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #212529; - background: #4FC3F7; - border-color: #4FC3F7; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #212529; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #4FC3F7; - border-color: #4FC3F7; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #4c4c4c; - color: #dedede; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #191919; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #212529; - background: #81D4FA; - border: 1px solid #81D4FA; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #4FC3F7; - color: #212529; - border-color: #4FC3F7; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #29B6F6; - color: #212529; - border-color: #29B6F6; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.5; - color: #212529; - background: #81D4FA; - border: 1px solid #81D4FA; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #252525; - border: 1px solid #252525; - color: #dedede; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #4c4c4c; - border-color: #4c4c4c; - color: #dedede; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #81D4FA; - border-color: #81D4FA; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #4FC3F7; - border-color: #4FC3F7; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard a { - color: #dedede; - } - .fc.fc-theme-standard .fc-highlight { - color: #212529; - background: #81D4FA; - } - .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3492,6 +3356,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; @@ -3501,15 +3366,21 @@ background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #4c4c4c; + color: #dedede; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #dedede; + background: #3c3c3c; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #212529; background: #81D4FA; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #81d4fa; + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.429rem 0.857rem; color: #dedede; @@ -3693,6 +3564,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.429rem 0.857rem; @@ -3702,15 +3574,21 @@ background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #4c4c4c; + color: #dedede; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #dedede; + background: #3c3c3c; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #212529; background: #81D4FA; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #81d4fa; + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.429rem 0.857rem; color: #dedede; @@ -3769,6 +3647,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem white; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; @@ -3805,11 +3689,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #dedede; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #81D4FA; color: #212529; @@ -4297,15 +4176,19 @@ border: 1px solid #191919; background: #323232; color: #dedede; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #191919; background: #323232; color: #dedede; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4777,7 +4660,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4790,7 +4674,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4800,7 +4685,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-contextmenu .p-menuitem-separator { @@ -4921,7 +4807,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4934,7 +4821,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4944,7 +4832,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-megamenu .p-megamenu-panel { @@ -5001,7 +4890,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } @@ -5040,7 +4930,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5053,7 +4944,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5063,7 +4955,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menu.p-menu-overlay { @@ -5135,7 +5028,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5165,7 +5059,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5178,7 +5073,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5188,7 +5084,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-submenu-list { @@ -5379,7 +5276,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5392,7 +5290,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5402,7 +5301,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5460,7 +5360,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5473,7 +5374,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5483,7 +5385,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-slidemenu.p-slidemenu-overlay { @@ -5696,7 +5599,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5709,7 +5613,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5719,7 +5624,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-tieredmenu .p-menuitem-separator { @@ -6151,23 +6057,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #B0BEC5; + background-color: #b0bec5; color: #121212; } .p-badge.p-badge-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-badge.p-badge-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-badge.p-badge-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-badge.p-badge-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } .p-badge.p-badge-lg { @@ -6289,19 +6195,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-tag.p-tag-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-tag.p-tag-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-tag.p-tag-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } .p-tag .p-tag-icon { diff --git a/src/assets/components/themes/luna-green/theme.css b/src/assets/components/themes/luna-green/theme.css index ec0cb98656a..75b666e2f7b 100644 --- a/src/assets/components/themes/luna-green/theme.css +++ b/src/assets/components/themes/luna-green/theme.css @@ -1,6 +1,8 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; --surface-a: #191919; --surface-b: #191919; --surface-c: #4c4c4c; @@ -32,15 +34,15 @@ --gray-700: #474747; --gray-800: #303030; --gray-900: #191919; - --content-padding:0.571rem 1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#191919; - --surface-section:#191919; - --surface-card:#323232; - --surface-overlay:#323232; - --surface-border:#4b4b4b; - --surface-hover:#4c4c4c; + --content-padding: 0.571rem 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #191919; + --surface-section: #191919; + --surface-card: #323232; + --surface-overlay: #323232; + --surface-border: #4b4b4b; + --surface-hover: #4c4c4c; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #C5E1A5; --highlight-text-color: #212529; @@ -171,6 +173,105 @@ --primary-900:#4f5a42; } +.p-editor-container .p-editor-toolbar { + background: #191919; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #191919; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #888888; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #888888; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #888888; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #323232; + border: 1px solid #191919; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #dedede; + background: #4c4c4c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.429rem 0.857rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #191919; +} +.p-editor-container .p-editor-content .ql-editor { + background: #191919; + color: #dedede; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #dedede; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #dedede; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #dedede; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #C5E1A5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #C5E1A5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #C5E1A5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #C5E1A5; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.786rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.2145rem 0.429rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #C5E1A5; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #C5E1A5; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.2145rem 0.429rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.2145rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #dedede; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.2145rem 0.429rem; - background: #C5E1A5; - color: #212529; - border-radius: 3px; + background: #4b4b4b; + color: #dedede; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #464646; + color: #dedede; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e57373; } @@ -309,18 +413,20 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #dedede; - background: #4c4c4c; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #212529; background: #C5E1A5; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.429rem 0.857rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #c5e1a5; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #dedede; - background: transparent; + background: #3c3c3c; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #dedede; + background: #4c4c4c; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 700; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e57373; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -347,6 +457,13 @@ border-color: #e57373; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + border-color: #C5E1A5; + } + .p-datepicker { padding: 0.857rem; background: #323232; @@ -607,6 +724,9 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #e57373; + } .p-cascadeselect-panel { background: #323232; @@ -626,33 +746,27 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.429rem 0.857rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #212529; background: #C5E1A5; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #c5e1a5; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #dedede; + background: #3c3c3c; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; background: #4c4c4c; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.429rem 0.857rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e57373; - } .p-input-filled .p-cascadeselect { background: #4b4b4b; @@ -664,6 +778,10 @@ background-color: #4b4b4b; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e57373; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.429rem; } @@ -747,24 +865,29 @@ border-color: #212529; } - .p-chips .p-chips-multiple-container { - padding: 0.2145rem 0.429rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #C5E1A5; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #C5E1A5; } + .p-chips .p-chips-multiple-container { + padding: 0.2145rem 0.429rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.2145rem 0.429rem; - background: #C5E1A5; - color: #212529; - border-radius: 3px; + margin-right: 0.5rem; + background: #4b4b4b; + color: #dedede; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #464646; + color: #dedede; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -773,9 +896,9 @@ padding: 0.2145rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #dedede; padding: 0; margin: 0; @@ -837,7 +960,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #9b9b9b; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -852,6 +975,9 @@ color: #888888; right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #e57373; + } .p-dropdown-panel { background: #323232; @@ -893,14 +1019,16 @@ color: #212529; background: #C5E1A5; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #c5e1a5; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #dedede; - background: #4c4c4c; + background: #3c3c3c; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.429rem 0.857rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; - background: transparent; + background: #4c4c4c; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -909,9 +1037,10 @@ background: #191919; font-weight: 700; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e57373; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; } .p-input-filled .p-dropdown { @@ -927,105 +1056,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #191919; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #191919; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #888888; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #888888; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #888888; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #323232; - border: 1px solid #191919; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); - border-radius: 3px; - padding: 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #dedede; - background: #4c4c4c; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.429rem 0.857rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #191919; - } - .p-editor-container .p-editor-content .ql-editor { - background: #191919; - color: #dedede; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #dedede; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #dedede; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #dedede; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #C5E1A5; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #C5E1A5; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #C5E1A5; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #C5E1A5; - } - .p-inputgroup-addon { background: #252525; color: #888888; @@ -1282,6 +1312,7 @@ color: #dedede; border: 1px solid #4b4b4b; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.429rem 0.857rem; @@ -1304,6 +1335,7 @@ } .p-listbox .p-listbox-list { padding: 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1317,11 +1349,6 @@ color: #212529; background: #C5E1A5; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1337,10 +1364,23 @@ color: #dedede; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #c5e1a5; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #dedede; + background: #3c3c3c; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; background: #4c4c4c; } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + border-color: #C5E1A5; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #e57373; @@ -1368,14 +1408,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: #9b9b9b; } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.2145rem 0.429rem; - background: #C5E1A5; - color: #212529; - border-radius: 3px; + margin-right: 0.5rem; + background: #4b4b4b; + color: #dedede; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1388,10 +1426,18 @@ border-bottom-right-radius: 3px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.2145rem 0.429rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.429rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #888888; + right: 2.357rem; + } + .p-multiselect-panel { background: #323232; color: #dedede; @@ -1454,15 +1500,17 @@ color: #212529; background: #C5E1A5; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #c5e1a5; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #dedede; + background: #3c3c3c; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; background: #4c4c4c; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1479,10 +1527,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e57373; - } - .p-input-filled .p-multiselect { background: #4b4b4b; } @@ -1493,12 +1537,8 @@ background-color: #4b4b4b; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.429rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #888888; - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e57373; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1518,13 +1558,13 @@ background: #eaeaea; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #E57373; + background: #e57373; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFB74D; + background: #ffb74d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #AED581; + background: #aed581; } p-password.p-password-clearable .p-password-input { @@ -1609,38 +1649,35 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #dedede; - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #e4018d; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; + border-color: #C5E1A5; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #C5E1A5; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #C5E1A5; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b5019f; } - .p-highlight .p-rating .p-rating-icon { + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #212529; } @@ -1912,12 +1949,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #AED581; color: #212529; border-color: #AED581; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #9CCC65; color: #212529; border-color: #9CCC65; @@ -1927,12 +1964,12 @@ color: #C5E1A5; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); color: #C5E1A5; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); color: #C5E1A5; border: 1px solid; @@ -1941,11 +1978,11 @@ color: #888888; border-color: #888888; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #4c4c4c; color: #888888; } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #3c3c3c; color: #888888; } @@ -1954,12 +1991,12 @@ color: #C5E1A5; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); color: #C5E1A5; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); color: #C5E1A5; border-color: transparent; @@ -1967,11 +2004,11 @@ .p-button.p-button-text.p-button-plain { color: #888888; } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #4c4c4c; color: #888888; } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #3c3c3c; color: #888888; } @@ -2055,298 +2092,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #121212; - background: #B0BEC5; - border: 1px solid #B0BEC5; + background: #b0bec5; + border: 1px solid #b0bec5; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #90A4AE; + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #90a4ae; color: #121212; - border-color: #90A4AE; + border-color: #90a4ae; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #CFD8DC; + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #cfd8dc; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #78909C; + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #78909c; color: #121212; - border-color: #78909C; + border-color: #78909c; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(176, 190, 197, 0.16); - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #212529; - background: #4FC3F7; - border: 1px solid #4FC3F7; + background: #4fc3f7; + border: 1px solid #4fc3f7; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #29B6F6; + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #29b6f6; color: #212529; - border-color: #29B6F6; + border-color: #29b6f6; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #E1F5FE; + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #e1f5fe; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #03A9F4; + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #03a9f4; color: #212529; - border-color: #03A9F4; + border-color: #03a9f4; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(79, 195, 247, 0.16); - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #212529; - background: #AED581; - border: 1px solid #AED581; + background: #aed581; + border: 1px solid #aed581; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #9CCC65; + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #9ccc65; color: #212529; - border-color: #9CCC65; + border-color: #9ccc65; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #F1F8E9; + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #f1f8e9; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #8BC34A; + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #8bc34a; color: #212529; - border-color: #8BC34A; + border-color: #8bc34a; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #AED581; + color: #aed581; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); - color: #AED581; + color: #aed581; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(174, 213, 129, 0.16); - color: #AED581; + color: #aed581; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #AED581; + color: #aed581; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; - color: #AED581; + color: #aed581; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; - color: #AED581; + color: #aed581; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; - background: #FFB74D; - border: 1px solid #FFB74D; + background: #ffb74d; + border: 1px solid #ffb74d; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #FFA726; + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ffa726; color: #212529; - border-color: #FFA726; + border-color: #ffa726; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #FFFDE7; + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #fffde7; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #FF9800; + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #ff9800; color: #212529; - border-color: #FF9800; + border-color: #ff9800; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); - color: #FFB74D; + color: #ffb74d; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 183, 77, 0.16); - color: #FFB74D; + color: #ffb74d; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + background: #ce93d8; + border: 1px solid #ce93d8; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #BA68C8; + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #ba68c8; color: #121212; - border-color: #BA68C8; + border-color: #ba68c8; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #CE93D8; + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #ce93d8; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #AB47BC; + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #ab47bc; color: #121212; - border-color: #AB47BC; + border-color: #ab47bc; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #212529; - background: #E57373; - border: 1px solid #E57373; + background: #e57373; + border: 1px solid #e57373; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #EF5350; + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #ef5350; color: #212529; - border-color: #EF5350; + border-color: #ef5350; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #FFEBEE; + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #ffebee; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #F44336; + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #f44336; color: #212529; - border-color: #F44336; + border-color: #f44336; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #E57373; + color: #e57373; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); - color: #E57373; + color: #e57373; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(229, 115, 115, 0.16); - color: #E57373; + color: #e57373; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #E57373; + color: #e57373; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; - color: #E57373; + color: #e57373; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; - color: #E57373; + color: #e57373; } .p-button.p-button-link { @@ -2354,20 +2511,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #C5E1A5; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem white; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #C5E1A5; border-color: transparent; @@ -2459,11 +2616,11 @@ color: #C5E1A5; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); color: #C5E1A5; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); color: #C5E1A5; } @@ -2471,11 +2628,11 @@ color: #888888; border-color: #888888; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #4c4c4c; color: #888888; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #3c3c3c; color: #888888; } @@ -2484,12 +2641,12 @@ color: #C5E1A5; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); color: #C5E1A5; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); color: #C5E1A5; border-color: transparent; @@ -2497,11 +2654,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #888888; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #4c4c4c; color: #888888; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #3c3c3c; color: #888888; } @@ -2531,176 +2688,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); - color: #B0BEC5; + color: #b0bec5; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(176, 190, 197, 0.16); - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); - color: #4FC3F7; + color: #4fc3f7; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(79, 195, 247, 0.16); - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #AED581; + color: #aed581; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); - color: #AED581; + color: #aed581; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(174, 213, 129, 0.16); - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #AED581; + color: #aed581; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; - color: #AED581; + color: #aed581; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); - color: #FFB74D; + color: #ffb74d; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 183, 77, 0.16); - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #E57373; + color: #e57373; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); - color: #E57373; + color: #e57373; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(229, 115, 115, 0.16); - color: #E57373; + color: #e57373; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #E57373; + color: #e57373; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; - color: #E57373; + color: #e57373; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; - color: #E57373; + color: #e57373; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3024,10 +3181,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #4b4b4b; - border-width: 1px; - } .p-dataview .p-dataview-footer { background: #323232; color: #dedede; @@ -3165,295 +3318,6 @@ padding: 0.571rem 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #191919; - border: 1px solid #191919; - color: #dedede; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #323232; - border: 1px solid #191919; - color: #dedede; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #191919; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #191919; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #AED581; - border: 1px solid #AED581; - color: #212529; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #191919; - border: 1px solid #191919; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #212529; - background: #C5E1A5; - border: 1px solid #C5E1A5; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #AED581; - color: #212529; - border-color: #AED581; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #9CCC65; - color: #212529; - border-color: #9CCC65; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #252525; - border: 1px solid #252525; - color: #dedede; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #4c4c4c; - border-color: #4c4c4c; - color: #dedede; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #C5E1A5; - border-color: #C5E1A5; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #AED581; - border-color: #AED581; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #191919; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #191919; - border-color: #191919; - color: #dedede; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #dedede; - border-color: #191919; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #323232; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #191919; - padding: 0.857rem 1rem; - background: #191919; - color: #dedede; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #8888; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #dedede; - border-color: transparent; - background: transparent; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 0.571rem 1rem; - border: 1px solid #191919; - background: #323232; - color: #dedede; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #212529; - background: #AED581; - border-color: #AED581; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #212529; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #AED581; - border-color: #AED581; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #4c4c4c; - color: #dedede; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #191919; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #212529; - background: #C5E1A5; - border: 1px solid #C5E1A5; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #AED581; - color: #212529; - border-color: #AED581; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #9CCC65; - color: #212529; - border-color: #9CCC65; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.5; - color: #212529; - background: #C5E1A5; - border: 1px solid #C5E1A5; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #252525; - border: 1px solid #252525; - color: #dedede; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #4c4c4c; - border-color: #4c4c4c; - color: #dedede; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #C5E1A5; - border-color: #C5E1A5; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #AED581; - border-color: #AED581; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard a { - color: #dedede; - } - .fc.fc-theme-standard .fc-highlight { - color: #212529; - background: #C5E1A5; - } - .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3492,6 +3356,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; @@ -3501,15 +3366,21 @@ background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #4c4c4c; + color: #dedede; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #dedede; + background: #3c3c3c; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #212529; background: #C5E1A5; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #c5e1a5; + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.429rem 0.857rem; color: #dedede; @@ -3693,6 +3564,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.429rem 0.857rem; @@ -3702,15 +3574,21 @@ background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #4c4c4c; + color: #dedede; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #dedede; + background: #3c3c3c; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #212529; background: #C5E1A5; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #c5e1a5; + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.429rem 0.857rem; color: #dedede; @@ -3769,6 +3647,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem white; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; @@ -3805,11 +3689,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #dedede; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #C5E1A5; color: #212529; @@ -4297,15 +4176,19 @@ border: 1px solid #191919; background: #323232; color: #dedede; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #191919; background: #323232; color: #dedede; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4777,7 +4660,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4790,7 +4674,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4800,7 +4685,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-contextmenu .p-menuitem-separator { @@ -4921,7 +4807,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4934,7 +4821,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4944,7 +4832,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-megamenu .p-megamenu-panel { @@ -5001,7 +4890,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } @@ -5040,7 +4930,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5053,7 +4944,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5063,7 +4955,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menu.p-menu-overlay { @@ -5135,7 +5028,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5165,7 +5059,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5178,7 +5073,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5188,7 +5084,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-submenu-list { @@ -5379,7 +5276,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5392,7 +5290,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5402,7 +5301,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5460,7 +5360,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5473,7 +5374,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5483,7 +5385,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-slidemenu.p-slidemenu-overlay { @@ -5696,7 +5599,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5709,7 +5613,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5719,7 +5624,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-tieredmenu .p-menuitem-separator { @@ -6151,23 +6057,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #B0BEC5; + background-color: #b0bec5; color: #121212; } .p-badge.p-badge-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-badge.p-badge-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-badge.p-badge-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-badge.p-badge-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } .p-badge.p-badge-lg { @@ -6289,19 +6195,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-tag.p-tag-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-tag.p-tag-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-tag.p-tag-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } .p-tag .p-tag-icon { diff --git a/src/assets/components/themes/luna-pink/theme.css b/src/assets/components/themes/luna-pink/theme.css index 35f1dfb7ffc..3cf9e83812a 100644 --- a/src/assets/components/themes/luna-pink/theme.css +++ b/src/assets/components/themes/luna-pink/theme.css @@ -1,6 +1,8 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; --surface-a: #191919; --surface-b: #191919; --surface-c: #4c4c4c; @@ -32,15 +34,15 @@ --gray-700: #474747; --gray-800: #303030; --gray-900: #191919; - --content-padding:0.571rem 1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#191919; - --surface-section:#191919; - --surface-card:#323232; - --surface-overlay:#323232; - --surface-border:#4b4b4b; - --surface-hover:#4c4c4c; + --content-padding: 0.571rem 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #191919; + --surface-section: #191919; + --surface-card: #323232; + --surface-overlay: #323232; + --surface-border: #4b4b4b; + --surface-hover: #4c4c4c; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #F48FB1; --highlight-text-color: #212529; @@ -171,6 +173,105 @@ --primary-900:#623947; } +.p-editor-container .p-editor-toolbar { + background: #191919; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #191919; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #888888; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #888888; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #888888; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #323232; + border: 1px solid #191919; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #dedede; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #dedede; + background: #4c4c4c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.429rem 0.857rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #191919; +} +.p-editor-container .p-editor-content .ql-editor { + background: #191919; + color: #dedede; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #dedede; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #dedede; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #dedede; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #F48FB1; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #F48FB1; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #F48FB1; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #F48FB1; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.786rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.2145rem 0.429rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #F48FB1; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #F48FB1; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.2145rem 0.429rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.2145rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #dedede; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.2145rem 0.429rem; - background: #F48FB1; - color: #212529; - border-radius: 3px; + background: #4b4b4b; + color: #dedede; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #464646; + color: #dedede; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e57373; } @@ -309,18 +413,20 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #dedede; - background: #4c4c4c; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #212529; background: #F48FB1; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.429rem 0.857rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #f48fb1; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #dedede; - background: transparent; + background: #3c3c3c; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #dedede; + background: #4c4c4c; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 700; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e57373; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -347,6 +457,13 @@ border-color: #e57373; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + border-color: #F48FB1; + } + .p-datepicker { padding: 0.857rem; background: #323232; @@ -607,6 +724,9 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #e57373; + } .p-cascadeselect-panel { background: #323232; @@ -626,33 +746,27 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.429rem 0.857rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #212529; background: #F48FB1; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #f48fb1; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #dedede; + background: #3c3c3c; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; background: #4c4c4c; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.429rem 0.857rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e57373; - } .p-input-filled .p-cascadeselect { background: #4b4b4b; @@ -664,6 +778,10 @@ background-color: #4b4b4b; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e57373; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.429rem; } @@ -747,24 +865,29 @@ border-color: #212529; } - .p-chips .p-chips-multiple-container { - padding: 0.2145rem 0.429rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #F48FB1; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #F48FB1; } + .p-chips .p-chips-multiple-container { + padding: 0.2145rem 0.429rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.2145rem 0.429rem; - background: #F48FB1; - color: #212529; - border-radius: 3px; + margin-right: 0.5rem; + background: #4b4b4b; + color: #dedede; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #464646; + color: #dedede; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -773,9 +896,9 @@ padding: 0.2145rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #dedede; padding: 0; margin: 0; @@ -837,7 +960,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #9b9b9b; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -852,6 +975,9 @@ color: #888888; right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #e57373; + } .p-dropdown-panel { background: #323232; @@ -893,14 +1019,16 @@ color: #212529; background: #F48FB1; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #f48fb1; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #dedede; - background: #4c4c4c; + background: #3c3c3c; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.429rem 0.857rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; - background: transparent; + background: #4c4c4c; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -909,9 +1037,10 @@ background: #191919; font-weight: 700; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e57373; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.429rem 0.857rem; + color: #dedede; + background: transparent; } .p-input-filled .p-dropdown { @@ -927,105 +1056,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #191919; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #191919; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #888888; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #888888; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #888888; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #323232; - border: 1px solid #191919; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); - border-radius: 3px; - padding: 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #dedede; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #dedede; - background: #4c4c4c; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.429rem 0.857rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #191919; - } - .p-editor-container .p-editor-content .ql-editor { - background: #191919; - color: #dedede; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #dedede; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #dedede; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #dedede; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #F48FB1; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #F48FB1; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #F48FB1; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #F48FB1; - } - .p-inputgroup-addon { background: #252525; color: #888888; @@ -1282,6 +1312,7 @@ color: #dedede; border: 1px solid #4b4b4b; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.429rem 0.857rem; @@ -1304,6 +1335,7 @@ } .p-listbox .p-listbox-list { padding: 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1317,11 +1349,6 @@ color: #212529; background: #F48FB1; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1337,10 +1364,23 @@ color: #dedede; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #f48fb1; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #dedede; + background: #3c3c3c; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; background: #4c4c4c; } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + border-color: #F48FB1; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #e57373; @@ -1368,14 +1408,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: #9b9b9b; } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.2145rem 0.429rem; - background: #F48FB1; - color: #212529; - border-radius: 3px; + margin-right: 0.5rem; + background: #4b4b4b; + color: #dedede; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1388,10 +1426,18 @@ border-bottom-right-radius: 3px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.2145rem 0.429rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.429rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #888888; + right: 2.357rem; + } + .p-multiselect-panel { background: #323232; color: #dedede; @@ -1454,15 +1500,17 @@ color: #212529; background: #F48FB1; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #f48fb1; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #dedede; + background: #3c3c3c; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; background: #4c4c4c; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1479,10 +1527,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e57373; - } - .p-input-filled .p-multiselect { background: #4b4b4b; } @@ -1493,12 +1537,8 @@ background-color: #4b4b4b; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.429rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #888888; - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e57373; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1518,13 +1558,13 @@ background: #eaeaea; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #E57373; + background: #e57373; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFB74D; + background: #ffb74d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #AED581; + background: #aed581; } p-password.p-password-clearable .p-password-input { @@ -1609,38 +1649,35 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #dedede; - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #e4018d; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; + border-color: #F48FB1; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #F48FB1; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #F48FB1; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b5019f; } - .p-highlight .p-rating .p-rating-icon { + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #212529; } @@ -1912,12 +1949,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #F06292; color: #212529; border-color: #F06292; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #EC407A; color: #212529; border-color: #EC407A; @@ -1927,12 +1964,12 @@ color: #F48FB1; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); color: #F48FB1; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); color: #F48FB1; border: 1px solid; @@ -1941,11 +1978,11 @@ color: #888888; border-color: #888888; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #4c4c4c; color: #888888; } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #3c3c3c; color: #888888; } @@ -1954,12 +1991,12 @@ color: #F48FB1; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); color: #F48FB1; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); color: #F48FB1; border-color: transparent; @@ -1967,11 +2004,11 @@ .p-button.p-button-text.p-button-plain { color: #888888; } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #4c4c4c; color: #888888; } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #3c3c3c; color: #888888; } @@ -2055,298 +2092,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #121212; - background: #B0BEC5; - border: 1px solid #B0BEC5; + background: #b0bec5; + border: 1px solid #b0bec5; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #90A4AE; + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #90a4ae; color: #121212; - border-color: #90A4AE; + border-color: #90a4ae; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #CFD8DC; + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #cfd8dc; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #78909C; + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #78909c; color: #121212; - border-color: #78909C; + border-color: #78909c; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(176, 190, 197, 0.16); - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #212529; - background: #4FC3F7; - border: 1px solid #4FC3F7; + background: #4fc3f7; + border: 1px solid #4fc3f7; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #29B6F6; + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #29b6f6; color: #212529; - border-color: #29B6F6; + border-color: #29b6f6; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #E1F5FE; + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #e1f5fe; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #03A9F4; + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #03a9f4; color: #212529; - border-color: #03A9F4; + border-color: #03a9f4; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(79, 195, 247, 0.16); - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #212529; - background: #AED581; - border: 1px solid #AED581; + background: #aed581; + border: 1px solid #aed581; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #9CCC65; + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #9ccc65; color: #212529; - border-color: #9CCC65; + border-color: #9ccc65; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #F1F8E9; + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #f1f8e9; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #8BC34A; + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #8bc34a; color: #212529; - border-color: #8BC34A; + border-color: #8bc34a; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #AED581; + color: #aed581; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); - color: #AED581; + color: #aed581; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(174, 213, 129, 0.16); - color: #AED581; + color: #aed581; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #AED581; + color: #aed581; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; - color: #AED581; + color: #aed581; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; - color: #AED581; + color: #aed581; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; - background: #FFB74D; - border: 1px solid #FFB74D; + background: #ffb74d; + border: 1px solid #ffb74d; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #FFA726; + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ffa726; color: #212529; - border-color: #FFA726; + border-color: #ffa726; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #FFFDE7; + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #fffde7; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #FF9800; + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #ff9800; color: #212529; - border-color: #FF9800; + border-color: #ff9800; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); - color: #FFB74D; + color: #ffb74d; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 183, 77, 0.16); - color: #FFB74D; + color: #ffb74d; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + background: #ce93d8; + border: 1px solid #ce93d8; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #BA68C8; + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #ba68c8; color: #121212; - border-color: #BA68C8; + border-color: #ba68c8; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #CE93D8; + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 1px #ce93d8; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #AB47BC; + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #ab47bc; color: #121212; - border-color: #AB47BC; + border-color: #ab47bc; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #212529; - background: #E57373; - border: 1px solid #E57373; + background: #e57373; + border: 1px solid #e57373; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #EF5350; + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #ef5350; color: #212529; - border-color: #EF5350; + border-color: #ef5350; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.1rem #FFEBEE; + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.1rem #ffebee; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #F44336; + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #f44336; color: #212529; - border-color: #F44336; + border-color: #f44336; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #E57373; + color: #e57373; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); - color: #E57373; + color: #e57373; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(229, 115, 115, 0.16); - color: #E57373; + color: #e57373; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #E57373; + color: #e57373; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; - color: #E57373; + color: #e57373; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; - color: #E57373; + color: #e57373; } .p-button.p-button-link { @@ -2354,20 +2511,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #F48FB1; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem white; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #F48FB1; border-color: transparent; @@ -2459,11 +2616,11 @@ color: #F48FB1; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); color: #F48FB1; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); color: #F48FB1; } @@ -2471,11 +2628,11 @@ color: #888888; border-color: #888888; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #4c4c4c; color: #888888; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #3c3c3c; color: #888888; } @@ -2484,12 +2641,12 @@ color: #F48FB1; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); color: #F48FB1; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); color: #F48FB1; border-color: transparent; @@ -2497,11 +2654,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #888888; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #4c4c4c; color: #888888; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #3c3c3c; color: #888888; } @@ -2531,176 +2688,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); - color: #B0BEC5; + color: #b0bec5; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(176, 190, 197, 0.16); - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); - color: #4FC3F7; + color: #4fc3f7; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(79, 195, 247, 0.16); - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #AED581; + color: #aed581; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); - color: #AED581; + color: #aed581; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(174, 213, 129, 0.16); - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #AED581; + color: #aed581; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; - color: #AED581; + color: #aed581; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); - color: #FFB74D; + color: #ffb74d; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 183, 77, 0.16); - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #E57373; + color: #e57373; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); - color: #E57373; + color: #e57373; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(229, 115, 115, 0.16); - color: #E57373; + color: #e57373; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #E57373; + color: #e57373; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; - color: #E57373; + color: #e57373; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; - color: #E57373; + color: #e57373; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3024,10 +3181,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #4b4b4b; - border-width: 1px; - } .p-dataview .p-dataview-footer { background: #323232; color: #dedede; @@ -3165,295 +3318,6 @@ padding: 0.571rem 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #191919; - border: 1px solid #191919; - color: #dedede; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #323232; - border: 1px solid #191919; - color: #dedede; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #191919; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #191919; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #F06292; - border: 1px solid #F06292; - color: #212529; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #191919; - border: 1px solid #191919; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #212529; - background: #F48FB1; - border: 1px solid #F48FB1; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #F06292; - color: #212529; - border-color: #F06292; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #EC407A; - color: #212529; - border-color: #EC407A; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #252525; - border: 1px solid #252525; - color: #dedede; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #4c4c4c; - border-color: #4c4c4c; - color: #dedede; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #F48FB1; - border-color: #F48FB1; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #F06292; - border-color: #F06292; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #191919; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #191919; - border-color: #191919; - color: #dedede; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #dedede; - border-color: #191919; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #323232; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #191919; - padding: 0.857rem 1rem; - background: #191919; - color: #dedede; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #8888; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #dedede; - border-color: transparent; - background: transparent; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 0.571rem 1rem; - border: 1px solid #191919; - background: #323232; - color: #dedede; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #212529; - background: #F06292; - border-color: #F06292; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #212529; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #F06292; - border-color: #F06292; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #4c4c4c; - color: #dedede; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #191919; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #212529; - background: #F48FB1; - border: 1px solid #F48FB1; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #F06292; - color: #212529; - border-color: #F06292; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #EC407A; - color: #212529; - border-color: #EC407A; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.5; - color: #212529; - background: #F48FB1; - border: 1px solid #F48FB1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #252525; - border: 1px solid #252525; - color: #dedede; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #4c4c4c; - border-color: #4c4c4c; - color: #dedede; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #F48FB1; - border-color: #F48FB1; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #F06292; - border-color: #F06292; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard a { - color: #dedede; - } - .fc.fc-theme-standard .fc-highlight { - color: #212529; - background: #F48FB1; - } - .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3492,6 +3356,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; @@ -3501,15 +3366,21 @@ background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #4c4c4c; + color: #dedede; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #dedede; + background: #3c3c3c; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #212529; background: #F48FB1; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #f48fb1; + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.429rem 0.857rem; color: #dedede; @@ -3693,6 +3564,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.429rem 0.857rem; @@ -3702,15 +3574,21 @@ background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #4c4c4c; + color: #dedede; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #dedede; + background: #3c3c3c; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #212529; background: #F48FB1; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #f48fb1; + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.429rem 0.857rem; color: #dedede; @@ -3769,6 +3647,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem white; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; @@ -3805,11 +3689,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #dedede; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #F48FB1; color: #212529; @@ -4297,15 +4176,19 @@ border: 1px solid #191919; background: #323232; color: #dedede; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #191919; background: #323232; color: #dedede; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4777,7 +4660,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4790,7 +4674,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4800,7 +4685,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-contextmenu .p-menuitem-separator { @@ -4921,7 +4807,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4934,7 +4821,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4944,7 +4832,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-megamenu .p-megamenu-panel { @@ -5001,7 +4890,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } @@ -5040,7 +4930,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5053,7 +4944,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5063,7 +4955,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menu.p-menu-overlay { @@ -5135,7 +5028,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5165,7 +5059,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5178,7 +5073,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5188,7 +5084,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-menubar .p-submenu-list { @@ -5379,7 +5276,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5392,7 +5290,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5402,7 +5301,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5460,7 +5360,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5473,7 +5374,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5483,7 +5385,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-slidemenu.p-slidemenu-overlay { @@ -5696,7 +5599,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5709,7 +5613,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5719,7 +5624,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } .p-tieredmenu .p-menuitem-separator { @@ -6151,23 +6057,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #B0BEC5; + background-color: #b0bec5; color: #121212; } .p-badge.p-badge-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-badge.p-badge-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-badge.p-badge-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-badge.p-badge-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } .p-badge.p-badge-lg { @@ -6289,19 +6195,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-tag.p-tag-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-tag.p-tag-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-tag.p-tag-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } .p-tag .p-tag-icon { diff --git a/src/assets/components/themes/md-dark-deeppurple/theme.css b/src/assets/components/themes/md-dark-deeppurple/theme.css index ddfa75efc64..ed5e5b50d7b 100644 --- a/src/assets/components/themes/md-dark-deeppurple/theme.css +++ b/src/assets/components/themes/md-dark-deeppurple/theme.css @@ -1,16 +1,17 @@ :root { font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - --font-family:Roboto,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:hsla(0,0%,100%,.04); - --surface-d:hsla(0,0%,100%,.12); - --surface-e:#1e1e1e; - --surface-f:#262626; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#CE93D8; - --primary-color-text:#121212; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: hsla(0, 0%, 100%, 0.04); + --surface-d: hsla(0, 0%, 100%, 0.12); + --surface-e: #1e1e1e; + --surface-f: #262626; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #CE93D8; + --primary-color-text: #121212; --surface-0: #121212; --surface-50: #2a2a2a; --surface-100: #414141; @@ -32,15 +33,15 @@ --gray-700: #414141; --gray-800: #2a2a2a; --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#262626; - --surface-border:hsla(0,0%,100%,.12); - --surface-hover:hsla(0,0%,100%,.04); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #262626; + --surface-border: hsla(0, 0%, 100%, 0.12); + --surface-hover: hsla(0, 0%, 100%, 0.04); --maskbg: rgba(0, 0, 0, 0.32); --highlight-bg: rgba(206, 147, 216, 0.16); --highlight-text-color: #CE93D8; @@ -195,6 +196,105 @@ --primary-900:#523b56; } +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 1rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-content .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #CE93D8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #CE93D8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #CE93D8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #CE93D8; +} + @layer primeng { * { box-sizing: border-box; @@ -276,41 +376,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 4rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.5rem 1rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: rgba(255, 255, 255, 0.6); } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #CE93D8; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.5rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.5rem 1rem; - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border-radius: 4px; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: rgba(255, 255, 255, 0.24); + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44435; } @@ -333,18 +436,20 @@ transition: none; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 1rem 1rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -354,6 +459,10 @@ font-weight: 400; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44435; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 3rem; } @@ -371,6 +480,13 @@ border-color: #f44435; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-datepicker { padding: 0.5rem; background: #1e1e1e; @@ -631,6 +747,9 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #f44435; + } .p-cascadeselect-panel { background: #2b2b2b; @@ -650,33 +769,27 @@ transition: none; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 1rem 1rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 1rem 1rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f44435; - } .p-input-filled .p-cascadeselect { background: rgba(255, 255, 255, 0.06); @@ -688,6 +801,10 @@ background-color: rgba(255, 255, 255, 0.1); } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44435; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 1rem; } @@ -767,24 +884,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.5rem 1rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(255, 255, 255, 0.6); } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #CE93D8; } + .p-chips .p-chips-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.5rem 1rem; - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border-radius: 4px; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: rgba(255, 255, 255, 0.24); + color: rgba(255, 255, 255, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -793,9 +915,9 @@ padding: 0.5rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -857,7 +979,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -872,6 +994,9 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #f44435; + } .p-dropdown-panel { background: #2b2b2b; @@ -913,14 +1038,16 @@ color: #CE93D8; background: rgba(206, 147, 216, 0.16); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); + background: rgba(255, 255, 255, 0.12); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 1rem 1rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.04); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -929,9 +1056,10 @@ background: transparent; font-weight: 400; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f44435; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -947,105 +1075,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #1e1e1e; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid rgba(255, 255, 255, 0.12); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; - padding: 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 1rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid rgba(255, 255, 255, 0.12); - } - .p-editor-container .p-editor-content .ql-editor { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #CE93D8; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #CE93D8; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #CE93D8; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #CE93D8; - } - .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1302,6 +1331,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 1rem; @@ -1324,6 +1354,7 @@ } .p-listbox .p-listbox-list { padding: 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1337,11 +1368,6 @@ color: #CE93D8; background: rgba(206, 147, 216, 0.16); } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1357,10 +1383,23 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44435; @@ -1388,14 +1427,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.5rem 1rem; - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border-radius: 4px; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1408,10 +1445,18 @@ border-bottom-right-radius: 4px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.5rem 1rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 2rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-multiselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1474,15 +1519,17 @@ color: #CE93D8; background: rgba(206, 147, 216, 0.16); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1499,10 +1546,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f44435; - } - .p-input-filled .p-multiselect { background: rgba(255, 255, 255, 0.06); } @@ -1513,12 +1556,8 @@ background-color: rgba(255, 255, 255, 0.1); } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 2rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44435; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1538,13 +1577,13 @@ background: rgba(206, 147, 216, 0.32); } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #EF9A9A; + background: #ef9a9a; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFF59D; + background: #fff59d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } p-password.p-password-clearable .p-password-input { @@ -1625,34 +1664,31 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #CE93D8; - margin-left: 0.5rem; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #f44435; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; + border-color: #CE93D8; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #CE93D8; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #CE93D8; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f44435; } @@ -1924,12 +1960,12 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.92); color: #121212; border-color: transparent; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.68); color: #121212; border-color: transparent; @@ -1939,12 +1975,12 @@ color: #CE93D8; border: 0 none; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #CE93D8; border: 0 none; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #CE93D8; border: 0 none; @@ -1953,11 +1989,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -1966,12 +2002,12 @@ color: #CE93D8; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #CE93D8; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #CE93D8; border-color: transparent; @@ -1979,11 +2015,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2067,298 +2103,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #121212; background: #A5D6A7; border: 0 none; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: rgba(165, 214, 167, 0.92); color: #121212; border-color: transparent; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: rgba(165, 214, 167, 0.68); color: #121212; border-color: transparent; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #A5D6A7; border: 0 none; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(165, 214, 167, 0.04); color: #A5D6A7; border: 0 none; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(165, 214, 167, 0.16); color: #A5D6A7; border: 0 none; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #A5D6A7; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(165, 214, 167, 0.04); border-color: transparent; color: #A5D6A7; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(165, 214, 167, 0.16); border-color: transparent; color: #A5D6A7; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #212121; - background: #90CAF9; + background: #90caf9; border: 0 none; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #90CAF9; + color: #90caf9; border: 0 none; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); - color: #90CAF9; + color: #90caf9; border: 0 none; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(144, 202, 249, 0.16); - color: #90CAF9; + color: #90caf9; border: 0 none; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #90CAF9; + color: #90caf9; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; - color: #90CAF9; + color: #90caf9; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; - color: #90CAF9; + color: #90caf9; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #212121; - background: #C5E1A5; + background: #c5e1a5; border: 0 none; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212121; - background: #FFF59D; + background: #fff59d; border: 0 none; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FFF59D; + color: #fff59d; border: 0 none; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); - color: #FFF59D; + color: #fff59d; border: 0 none; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 245, 157, 0.16); - color: #FFF59D; + color: #fff59d; border: 0 none; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FFF59D; + color: #fff59d; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; - color: #FFF59D; + color: #fff59d; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; - color: #FFF59D; + color: #fff59d; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #212121; - background: #CE93D8; + background: #ce93d8; border: 0 none; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 0 none; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; border: 0 none; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; border: 0 none; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #212121; - background: #EF9A9A; + background: #ef9a9a; border: 0 none; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-button.p-button-link { @@ -2366,20 +2522,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #CE93D8; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: none; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #CE93D8; border-color: transparent; @@ -2471,11 +2627,11 @@ color: #CE93D8; border: 0 none; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #CE93D8; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #CE93D8; } @@ -2483,11 +2639,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2496,12 +2652,12 @@ color: #CE93D8; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #CE93D8; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #CE93D8; border-color: transparent; @@ -2509,11 +2665,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2546,11 +2702,11 @@ color: #A5D6A7; border: 0 none; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(165, 214, 167, 0.04); color: #A5D6A7; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(165, 214, 167, 0.16); color: #A5D6A7; } @@ -2559,12 +2715,12 @@ color: #A5D6A7; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(165, 214, 167, 0.04); border-color: transparent; color: #A5D6A7; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(165, 214, 167, 0.16); border-color: transparent; color: #A5D6A7; @@ -2572,147 +2728,147 @@ .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #90CAF9; + color: #90caf9; border: 0 none; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); - color: #90CAF9; + color: #90caf9; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #90CAF9; + color: #90caf9; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; - color: #90CAF9; + color: #90caf9; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFF59D; + color: #fff59d; border: 0 none; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); - color: #FFF59D; + color: #fff59d; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFF59D; + color: #fff59d; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; - color: #FFF59D; + color: #fff59d; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 0 none; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; + color: #ef9a9a; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; + color: #ef9a9a; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3008,321 +3164,57 @@ padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; - } - .p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; - } - - .p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; - } - .p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; - } - .p-dataview .p-dataview-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; - } - .p-dataview .p-dataview-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 1rem 0; - } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - } - .p-dataview .p-dataview-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - } - .p-dataview .p-dataview-loading-icon { - font-size: 2rem; - } - .p-dataview .p-dataview-emptymessage { - padding: 1rem; - } - - .p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; - } - - .p-column-filter-menu-button { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); - } - .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); - } - .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - - .p-column-filter-clear-button { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); - } - .p-column-filter-clear-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - - .p-column-filter-overlay { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - min-width: 12.5rem; - } - .p-column-filter-overlay .p-column-filter-row-items { - padding: 0; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #2b2b2b; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - } - .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; - } - .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; - } - .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; - } - .p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 1rem 1rem; - } - .p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; - } - - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid rgba(255, 255, 255, 0.12); - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid rgba(255, 255, 255, 0.12); - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: rgba(206, 147, 216, 0.16); - border: 1px solid rgba(206, 147, 216, 0.16); - color: #CE93D8; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #121212; - background: #CE93D8; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: rgba(206, 147, 216, 0.92); - color: #121212; - border-color: transparent; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: rgba(206, 147, 216, 0.68); - color: #121212; - border-color: transparent; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; + padding: 1.25rem 1.25rem; } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: rgba(255, 255, 255, 0.12); + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; } - .fc.fc-theme-standard .fc-view-harness th { + .p-dataview .p-dataview-header { background: #1e1e1e; - border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; } - .fc.fc-theme-standard .fc-view-harness td { + .p-dataview .p-dataview-content { + background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-color: rgba(255, 255, 255, 0.12); + border: 0 none; + padding: 1rem 0; } - .fc.fc-theme-standard .fc-view-harness .fc-view { + .p-dataview .p-dataview-footer { background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid rgba(255, 255, 255, 0.12); + .p-dataview .p-dataview-emptymessage { padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { width: 2.5rem; height: 2.5rem; color: rgba(255, 255, 255, 0.6); @@ -3331,139 +3223,110 @@ border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + .p-column-filter-menu-button:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #CE93D8; + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: rgba(206, 147, 216, 0.16); - border-color: rgba(206, 147, 216, 0.16); - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { color: #CE93D8; } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: rgba(206, 147, 216, 0.16); - border-color: rgba(206, 147, 216, 0.16); - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1e1e1e; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #121212; - background: #CE93D8; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: rgba(206, 147, 216, 0.92); - color: #121212; - border-color: transparent; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: rgba(206, 147, 216, 0.68); - color: #121212; - border-color: transparent; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.38; - color: #121212; - background: #CE93D8; + + .p-column-filter-clear-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); + + .p-column-filter-overlay { + background: #2b2b2b; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; - z-index: 1; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; } - .fc.fc-theme-standard .fc-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 1rem 1rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; } .p-orderlist .p-orderlist-controls { @@ -3504,6 +3367,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 1rem 1rem; @@ -3513,15 +3377,21 @@ background: transparent; transition: none; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 1rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3705,6 +3575,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 1rem 1rem; @@ -3714,15 +3585,21 @@ background: transparent; transition: none; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 1rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3781,6 +3658,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.25rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 4px; @@ -3817,11 +3700,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: rgba(206, 147, 216, 0.16); color: #CE93D8; @@ -4333,15 +4211,19 @@ border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 1rem 1rem; border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4813,7 +4695,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4826,7 +4709,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4836,7 +4720,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-contextmenu .p-menuitem-separator { @@ -4957,7 +4842,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4970,7 +4856,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4980,7 +4867,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-megamenu .p-megamenu-panel { @@ -5037,7 +4925,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } @@ -5076,7 +4965,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5089,7 +4979,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5099,7 +4990,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menu.p-menu-overlay { @@ -5171,7 +5063,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5201,7 +5094,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5214,7 +5108,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5224,7 +5119,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-submenu-list { @@ -5415,7 +5311,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5428,7 +5325,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5438,7 +5336,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5520,7 +5419,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5533,7 +5433,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5543,7 +5444,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-slidemenu.p-slidemenu-overlay { @@ -5756,7 +5658,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5769,7 +5672,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5779,7 +5683,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-tieredmenu .p-menuitem-separator { @@ -5800,25 +5705,25 @@ border-radius: 4px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 1px; - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 1px; - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 1px; color: #7f6003; @@ -5827,13 +5732,13 @@ color: #7f6003; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 1px; - color: #B71C1C; + color: #b71c1c; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5873,31 +5778,31 @@ box-shadow: none; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-icon { - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-close { - color: #01579B; + color: #01579b; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-close { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5909,16 +5814,16 @@ color: #7f6003; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-close { - color: #B71C1C; + color: #b71c1c; } .p-message .p-message-text { font-size: 1rem; @@ -5983,27 +5888,27 @@ box-shadow: none; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -6013,14 +5918,14 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #B71C1C; + color: #b71c1c; } .p-galleria .p-galleria-close { @@ -6215,19 +6120,19 @@ color: #121212; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-badge.p-badge-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-badge.p-badge-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-badge.p-badge-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } .p-badge.p-badge-lg { @@ -6349,19 +6254,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-tag.p-tag-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-tag.p-tag-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-tag.p-tag-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } .p-tag .p-tag-icon { @@ -7270,51 +7175,6 @@ background: transparent; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - background: rgba(206, 147, 216, 0.76); - } - .fc.fc-unthemed .fc-toolbar .fc-button:active { - background: rgba(206, 147, 216, 0.68); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(206, 147, 216, 0.76); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(206, 147, 216, 0.68); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - background: rgba(206, 147, 216, 0.76); - } - .fc.fc-theme-standard .fc-toolbar .fc-button:active { - background: rgba(206, 147, 216, 0.68); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(206, 147, 216, 0.76); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(206, 147, 216, 0.68); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - } - .p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(206, 147, 216, 0.16); } @@ -7563,25 +7423,25 @@ background-color: #1e1e1e; } - .p-rating .p-rating-icon { + .p-rating { + gap: 0; + } + .p-rating .p-rating-item { border-radius: 50%; width: 2rem; height: 2rem; - display: inline-flex; justify-content: center; - align-items: center; - margin-left: 0; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { background: rgba(206, 147, 216, 0.12); } - .p-rating .p-rating-icon.p-rating-cancel:focus { + .p-rating .p-rating-item.p-focus.p-rating-cancel-item { background: rgba(244, 68, 53, 0.12); } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover { background-color: rgba(0, 0, 0, 0.04); } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { background: rgba(244, 68, 53, 0.04); } @@ -7856,10 +7716,10 @@ border-color: rgba(255, 255, 255, 0.12); } - .p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(206, 147, 216, 0.12); } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); } .p-splitbutton.p-button-outlined > .p-button { @@ -7884,49 +7744,49 @@ color: rgba(255, 255, 255, 0.38) !important; border-color: rgba(255, 255, 255, 0.38) !important; } - .p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(165, 214, 167, 0.12); } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(165, 214, 167, 0.16); } - .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(144, 202, 249, 0.12); } - .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(197, 225, 165, 0.12); } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(255, 245, 157, 0.12); } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(206, 147, 216, 0.12); } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(239, 154, 154, 0.12); } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); } } diff --git a/src/assets/components/themes/md-dark-indigo/theme.css b/src/assets/components/themes/md-dark-indigo/theme.css index 138be1c848d..2041323f028 100644 --- a/src/assets/components/themes/md-dark-indigo/theme.css +++ b/src/assets/components/themes/md-dark-indigo/theme.css @@ -1,16 +1,17 @@ :root { font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - --font-family:Roboto,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:hsla(0,0%,100%,.04); - --surface-d:hsla(0,0%,100%,.12); - --surface-e:#1e1e1e; - --surface-f:#262626; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#9FA8DA; - --primary-color-text:#121212; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: hsla(0, 0%, 100%, 0.04); + --surface-d: hsla(0, 0%, 100%, 0.12); + --surface-e: #1e1e1e; + --surface-f: #262626; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #9FA8DA; + --primary-color-text: #121212; --surface-0: #121212; --surface-50: #2a2a2a; --surface-100: #414141; @@ -32,15 +33,15 @@ --gray-700: #414141; --gray-800: #2a2a2a; --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#262626; - --surface-border:hsla(0,0%,100%,.12); - --surface-hover:hsla(0,0%,100%,.04); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #262626; + --surface-border: hsla(0, 0%, 100%, 0.12); + --surface-hover: hsla(0, 0%, 100%, 0.04); --maskbg: rgba(0, 0, 0, 0.32); --highlight-bg: rgba(159, 168, 218, 0.16); --highlight-text-color: #9FA8DA; @@ -195,6 +196,105 @@ --primary-900:#404357; } +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 1rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-content .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #9FA8DA; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #9FA8DA; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #9FA8DA; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #9FA8DA; +} + @layer primeng { * { box-sizing: border-box; @@ -276,41 +376,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 4rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.5rem 1rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: rgba(255, 255, 255, 0.6); } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.5rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.5rem 1rem; - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - border-radius: 4px; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: rgba(255, 255, 255, 0.24); + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44435; } @@ -333,18 +436,20 @@ transition: none; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 1rem 1rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -354,6 +459,10 @@ font-weight: 400; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44435; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 3rem; } @@ -371,6 +480,13 @@ border-color: #f44435; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-datepicker { padding: 0.5rem; background: #1e1e1e; @@ -631,6 +747,9 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #f44435; + } .p-cascadeselect-panel { background: #2b2b2b; @@ -650,33 +769,27 @@ transition: none; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 1rem 1rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 1rem 1rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f44435; - } .p-input-filled .p-cascadeselect { background: rgba(255, 255, 255, 0.06); @@ -688,6 +801,10 @@ background-color: rgba(255, 255, 255, 0.1); } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44435; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 1rem; } @@ -767,24 +884,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.5rem 1rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(255, 255, 255, 0.6); } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } + .p-chips .p-chips-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.5rem 1rem; - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - border-radius: 4px; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: rgba(255, 255, 255, 0.24); + color: rgba(255, 255, 255, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -793,9 +915,9 @@ padding: 0.5rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -857,7 +979,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -872,6 +994,9 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #f44435; + } .p-dropdown-panel { background: #2b2b2b; @@ -913,14 +1038,16 @@ color: #9FA8DA; background: rgba(159, 168, 218, 0.16); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); + background: rgba(255, 255, 255, 0.12); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 1rem 1rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.04); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -929,9 +1056,10 @@ background: transparent; font-weight: 400; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f44435; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 1rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -947,105 +1075,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #1e1e1e; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid rgba(255, 255, 255, 0.12); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; - padding: 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 1rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid rgba(255, 255, 255, 0.12); - } - .p-editor-container .p-editor-content .ql-editor { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #9FA8DA; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #9FA8DA; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #9FA8DA; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #9FA8DA; - } - .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1302,6 +1331,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 1rem; @@ -1324,6 +1354,7 @@ } .p-listbox .p-listbox-list { padding: 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1337,11 +1368,6 @@ color: #9FA8DA; background: rgba(159, 168, 218, 0.16); } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1357,10 +1383,23 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44435; @@ -1388,14 +1427,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.5rem 1rem; - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - border-radius: 4px; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1408,10 +1445,18 @@ border-bottom-right-radius: 4px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.5rem 1rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 2rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-multiselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1474,15 +1519,17 @@ color: #9FA8DA; background: rgba(159, 168, 218, 0.16); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1499,10 +1546,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f44435; - } - .p-input-filled .p-multiselect { background: rgba(255, 255, 255, 0.06); } @@ -1513,12 +1556,8 @@ background-color: rgba(255, 255, 255, 0.1); } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 2rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44435; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1538,13 +1577,13 @@ background: rgba(159, 168, 218, 0.32); } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #EF9A9A; + background: #ef9a9a; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFF59D; + background: #fff59d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } p-password.p-password-clearable .p-password-input { @@ -1625,34 +1664,31 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #9FA8DA; - margin-left: 0.5rem; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #f44435; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; + border-color: #9FA8DA; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #9FA8DA; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #9FA8DA; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f44435; } @@ -1924,12 +1960,12 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: rgba(159, 168, 218, 0.92); color: #121212; border-color: transparent; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: rgba(159, 168, 218, 0.68); color: #121212; border-color: transparent; @@ -1939,12 +1975,12 @@ color: #9FA8DA; border: 0 none; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(159, 168, 218, 0.04); color: #9FA8DA; border: 0 none; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(159, 168, 218, 0.16); color: #9FA8DA; border: 0 none; @@ -1953,11 +1989,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -1966,12 +2002,12 @@ color: #9FA8DA; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(159, 168, 218, 0.04); color: #9FA8DA; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(159, 168, 218, 0.16); color: #9FA8DA; border-color: transparent; @@ -1979,11 +2015,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2067,298 +2103,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #121212; background: #F48FB1; border: 0 none; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.92); color: #121212; border-color: transparent; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.68); color: #121212; border-color: transparent; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #F48FB1; border: 0 none; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); color: #F48FB1; border: 0 none; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); color: #F48FB1; border: 0 none; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #F48FB1; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; color: #F48FB1; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; color: #F48FB1; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #212121; - background: #90CAF9; + background: #90caf9; border: 0 none; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #90CAF9; + color: #90caf9; border: 0 none; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); - color: #90CAF9; + color: #90caf9; border: 0 none; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(144, 202, 249, 0.16); - color: #90CAF9; + color: #90caf9; border: 0 none; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #90CAF9; + color: #90caf9; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; - color: #90CAF9; + color: #90caf9; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; - color: #90CAF9; + color: #90caf9; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #212121; - background: #C5E1A5; + background: #c5e1a5; border: 0 none; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212121; - background: #FFF59D; + background: #fff59d; border: 0 none; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FFF59D; + color: #fff59d; border: 0 none; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); - color: #FFF59D; + color: #fff59d; border: 0 none; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 245, 157, 0.16); - color: #FFF59D; + color: #fff59d; border: 0 none; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FFF59D; + color: #fff59d; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; - color: #FFF59D; + color: #fff59d; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; - color: #FFF59D; + color: #fff59d; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #212121; - background: #CE93D8; + background: #ce93d8; border: 0 none; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 0 none; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; border: 0 none; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; border: 0 none; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #212121; - background: #EF9A9A; + background: #ef9a9a; border: 0 none; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-button.p-button-link { @@ -2366,20 +2522,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #9FA8DA; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: none; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #9FA8DA; border-color: transparent; @@ -2471,11 +2627,11 @@ color: #9FA8DA; border: 0 none; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(159, 168, 218, 0.04); color: #9FA8DA; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(159, 168, 218, 0.16); color: #9FA8DA; } @@ -2483,11 +2639,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2496,12 +2652,12 @@ color: #9FA8DA; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(159, 168, 218, 0.04); color: #9FA8DA; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(159, 168, 218, 0.16); color: #9FA8DA; border-color: transparent; @@ -2509,11 +2665,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2546,11 +2702,11 @@ color: #F48FB1; border: 0 none; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); color: #F48FB1; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); color: #F48FB1; } @@ -2559,12 +2715,12 @@ color: #F48FB1; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; color: #F48FB1; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; color: #F48FB1; @@ -2572,147 +2728,147 @@ .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #90CAF9; + color: #90caf9; border: 0 none; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); - color: #90CAF9; + color: #90caf9; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #90CAF9; + color: #90caf9; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; - color: #90CAF9; + color: #90caf9; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFF59D; + color: #fff59d; border: 0 none; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); - color: #FFF59D; + color: #fff59d; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFF59D; + color: #fff59d; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; - color: #FFF59D; + color: #fff59d; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 0 none; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; + color: #ef9a9a; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; + color: #ef9a9a; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3008,321 +3164,57 @@ padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; - } - .p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; - } - - .p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; - } - .p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; - } - .p-dataview .p-dataview-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; - } - .p-dataview .p-dataview-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 1rem 0; - } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - } - .p-dataview .p-dataview-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - } - .p-dataview .p-dataview-loading-icon { - font-size: 2rem; - } - .p-dataview .p-dataview-emptymessage { - padding: 1rem; - } - - .p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; - } - - .p-column-filter-menu-button { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); - } - .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); - } - .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - - .p-column-filter-clear-button { - width: 2.5rem; - height: 2.5rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); - } - .p-column-filter-clear-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - - .p-column-filter-overlay { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - min-width: 12.5rem; - } - .p-column-filter-overlay .p-column-filter-row-items { - padding: 0; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #2b2b2b; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - } - .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; - } - .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; - } - .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; - } - .p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 1rem 1rem; - } - .p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; - } - - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid rgba(255, 255, 255, 0.12); - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid rgba(255, 255, 255, 0.12); - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: rgba(159, 168, 218, 0.16); - border: 1px solid rgba(159, 168, 218, 0.16); - color: #9FA8DA; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #121212; - background: #9FA8DA; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: rgba(159, 168, 218, 0.92); - color: #121212; - border-color: transparent; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: rgba(159, 168, 218, 0.68); - color: #121212; - border-color: transparent; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; + padding: 1.25rem 1.25rem; } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: rgba(255, 255, 255, 0.12); + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; } - .fc.fc-theme-standard .fc-view-harness th { + .p-dataview .p-dataview-header { background: #1e1e1e; - border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; } - .fc.fc-theme-standard .fc-view-harness td { + .p-dataview .p-dataview-content { + background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-color: rgba(255, 255, 255, 0.12); + border: 0 none; + padding: 1rem 0; } - .fc.fc-theme-standard .fc-view-harness .fc-view { + .p-dataview .p-dataview-footer { background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid rgba(255, 255, 255, 0.12); + .p-dataview .p-dataview-emptymessage { padding: 1rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { width: 2.5rem; height: 2.5rem; color: rgba(255, 255, 255, 0.6); @@ -3331,139 +3223,110 @@ border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + .p-column-filter-menu-button:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #9FA8DA; + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: rgba(159, 168, 218, 0.16); - border-color: rgba(159, 168, 218, 0.16); - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { color: #9FA8DA; } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: rgba(159, 168, 218, 0.16); - border-color: rgba(159, 168, 218, 0.16); - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1e1e1e; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #121212; - background: #9FA8DA; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: rgba(159, 168, 218, 0.92); - color: #121212; - border-color: transparent; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: rgba(159, 168, 218, 0.68); - color: #121212; - border-color: transparent; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.38; - color: #121212; - background: #9FA8DA; + + .p-column-filter-clear-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); + + .p-column-filter-overlay { + background: #2b2b2b; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; - z-index: 1; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; } - .fc.fc-theme-standard .fc-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 1rem 1rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; } .p-orderlist .p-orderlist-controls { @@ -3504,6 +3367,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 1rem 1rem; @@ -3513,15 +3377,21 @@ background: transparent; transition: none; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 1rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3705,6 +3575,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 1rem 1rem; @@ -3714,15 +3585,21 @@ background: transparent; transition: none; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 1rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3781,6 +3658,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.25rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 4px; @@ -3817,11 +3700,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: rgba(159, 168, 218, 0.16); color: #9FA8DA; @@ -4333,15 +4211,19 @@ border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 1rem 1rem; border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4813,7 +4695,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4826,7 +4709,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4836,7 +4720,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-contextmenu .p-menuitem-separator { @@ -4957,7 +4842,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4970,7 +4856,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4980,7 +4867,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-megamenu .p-megamenu-panel { @@ -5037,7 +4925,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } @@ -5076,7 +4965,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5089,7 +4979,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5099,7 +4990,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menu.p-menu-overlay { @@ -5171,7 +5063,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5201,7 +5094,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5214,7 +5108,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5224,7 +5119,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-submenu-list { @@ -5415,7 +5311,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5428,7 +5325,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5438,7 +5336,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5520,7 +5419,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5533,7 +5433,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5543,7 +5444,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-slidemenu.p-slidemenu-overlay { @@ -5756,7 +5658,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5769,7 +5672,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5779,7 +5683,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-tieredmenu .p-menuitem-separator { @@ -5800,25 +5705,25 @@ border-radius: 4px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 1px; - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 1px; - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 1px; color: #7f6003; @@ -5827,13 +5732,13 @@ color: #7f6003; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 1px; - color: #B71C1C; + color: #b71c1c; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5873,31 +5778,31 @@ box-shadow: none; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-icon { - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-close { - color: #01579B; + color: #01579b; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-close { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5909,16 +5814,16 @@ color: #7f6003; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-close { - color: #B71C1C; + color: #b71c1c; } .p-message .p-message-text { font-size: 1rem; @@ -5983,27 +5888,27 @@ box-shadow: none; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -6013,14 +5918,14 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #B71C1C; + color: #b71c1c; } .p-galleria .p-galleria-close { @@ -6215,19 +6120,19 @@ color: #121212; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-badge.p-badge-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-badge.p-badge-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-badge.p-badge-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } .p-badge.p-badge-lg { @@ -6349,19 +6254,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-tag.p-tag-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-tag.p-tag-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-tag.p-tag-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } .p-tag .p-tag-icon { @@ -7270,51 +7175,6 @@ background: transparent; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - background: rgba(159, 168, 218, 0.76); - } - .fc.fc-unthemed .fc-toolbar .fc-button:active { - background: rgba(159, 168, 218, 0.68); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(159, 168, 218, 0.76); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(159, 168, 218, 0.68); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - background: rgba(159, 168, 218, 0.76); - } - .fc.fc-theme-standard .fc-toolbar .fc-button:active { - background: rgba(159, 168, 218, 0.68); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(159, 168, 218, 0.76); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(159, 168, 218, 0.68); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - } - .p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(159, 168, 218, 0.16); } @@ -7563,25 +7423,25 @@ background-color: #1e1e1e; } - .p-rating .p-rating-icon { + .p-rating { + gap: 0; + } + .p-rating .p-rating-item { border-radius: 50%; width: 2rem; height: 2rem; - display: inline-flex; justify-content: center; - align-items: center; - margin-left: 0; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { background: rgba(159, 168, 218, 0.12); } - .p-rating .p-rating-icon.p-rating-cancel:focus { + .p-rating .p-rating-item.p-focus.p-rating-cancel-item { background: rgba(244, 68, 53, 0.12); } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover { background-color: rgba(0, 0, 0, 0.04); } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { background: rgba(244, 68, 53, 0.04); } @@ -7856,10 +7716,10 @@ border-color: rgba(255, 255, 255, 0.12); } - .p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(159, 168, 218, 0.12); } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(159, 168, 218, 0.16); } .p-splitbutton.p-button-outlined > .p-button { @@ -7884,49 +7744,49 @@ color: rgba(255, 255, 255, 0.38) !important; border-color: rgba(255, 255, 255, 0.38) !important; } - .p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(244, 143, 177, 0.12); } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); } - .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(144, 202, 249, 0.12); } - .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(197, 225, 165, 0.12); } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(255, 245, 157, 0.12); } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(206, 147, 216, 0.12); } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(239, 154, 154, 0.12); } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); } } diff --git a/src/assets/components/themes/md-light-deeppurple/theme.css b/src/assets/components/themes/md-light-deeppurple/theme.css index aca3d729ff8..ed63152cdb9 100644 --- a/src/assets/components/themes/md-light-deeppurple/theme.css +++ b/src/assets/components/themes/md-light-deeppurple/theme.css @@ -1,46 +1,47 @@ :root { font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - --font-family:Roboto,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; - --surface-a:#ffffff; - --surface-b:#fafafa; - --surface-c:rgba(0,0,0,.04); - --surface-d:rgba(0,0,0,.12); - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:rgba(0, 0, 0, 0.87); - --text-color-secondary:rgba(0, 0, 0, 0.6); - --primary-color:#673AB7; - --primary-color-text:#ffffff; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #ffffff; + --surface-b: #fafafa; + --surface-c: rgba(0, 0, 0, 0.04); + --surface-d: rgba(0, 0, 0, 0.12); + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: rgba(0, 0, 0, 0.87); + --text-color-secondary: rgba(0, 0, 0, 0.6); + --primary-color: #673AB7; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; + --surface-50: #fafafa; + --surface-100: #f5f5f5; + --surface-200: #eeeeee; + --surface-300: #e0e0e0; + --surface-400: #bdbdbd; + --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; + --gray-50: #fafafa; + --gray-100: #f5f5f5; + --gray-200: #eeeeee; + --gray-300: #e0e0e0; + --gray-400: #bdbdbd; + --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#fafafa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:rgba(0,0,0,.12); - --surface-hover:rgba(0,0,0,.04); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #fafafa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: rgba(0, 0, 0, 0.12); + --surface-hover: rgba(0, 0, 0, 0.04); --maskbg: rgba(0, 0, 0, 0.32); --highlight-bg: rgba(103, 58, 183, 0.12); --highlight-text-color: #673AB7; @@ -195,6 +196,105 @@ --primary-900:#291749; } +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 1rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #673AB7; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #673AB7; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #673AB7; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #673AB7; +} + @layer primeng { * { box-sizing: border-box; @@ -217,7 +317,7 @@ } .p-error { - color: #B00020; + color: #b00020; } .p-text-secondary { @@ -276,42 +376,45 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 4rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.5rem 1rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: rgba(0, 0, 0, 0.87); } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #673AB7; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.5rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(0, 0, 0, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.5rem 1rem; - background: rgba(103, 58, 183, 0.12); - color: #673AB7; - border-radius: 4px; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #B00020; + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: rgba(0, 0, 0, 0.24); + color: rgba(0, 0, 0, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #b00020; } .p-autocomplete-panel { @@ -333,18 +436,20 @@ transition: none; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 1rem 1rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(0, 0, 0, 0.87); - background: transparent; + background: rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -354,6 +459,10 @@ font-weight: 400; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #b00020; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 3rem; } @@ -368,7 +477,14 @@ } p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #B00020; + border-color: #b00020; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; } .p-datepicker { @@ -631,6 +747,9 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #b00020; + } .p-cascadeselect-panel { background: #ffffff; @@ -650,33 +769,27 @@ transition: none; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 1rem 1rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 1rem 1rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #B00020; - } .p-input-filled .p-cascadeselect { background: #f5f5f5; @@ -688,6 +801,10 @@ background-color: #dcdcdc; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #b00020; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 1rem; } @@ -747,7 +864,7 @@ } p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #B00020; + border-color: #b00020; } .p-input-filled .p-checkbox .p-checkbox-box { @@ -767,24 +884,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.5rem 1rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(0, 0, 0, 0.87); } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #673AB7; } + .p-chips .p-chips-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.5rem 1rem; - background: rgba(103, 58, 183, 0.12); - color: #673AB7; - border-radius: 4px; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: rgba(0, 0, 0, 0.24); + color: rgba(0, 0, 0, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -793,16 +915,16 @@ padding: 0.5rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(0, 0, 0, 0.87); padding: 0; margin: 0; } p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } p-chips.p-chips-clearable .p-inputtext { @@ -857,7 +979,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(0, 0, 0, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -872,6 +994,9 @@ color: rgba(0, 0, 0, 0.6); right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #b00020; + } .p-dropdown-panel { background: #ffffff; @@ -913,14 +1038,16 @@ color: #673AB7; background: rgba(103, 58, 183, 0.12); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); + background: rgba(0, 0, 0, 0.12); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 1rem 1rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); - background: transparent; + background: rgba(0, 0, 0, 0.04); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -929,9 +1056,10 @@ background: #ffffff; font-weight: 400; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #B00020; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -947,105 +1075,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #ffffff; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #e0e0e0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(0, 0, 0, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(0, 0, 0, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(0, 0, 0, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; - padding: 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 1rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #e0e0e0; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(0, 0, 0, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(0, 0, 0, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #673AB7; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #673AB7; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #673AB7; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #673AB7; - } - .p-inputgroup-addon { background: #ffffff; color: rgba(0, 0, 0, 0.6); @@ -1121,7 +1150,7 @@ } p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } p-inputmask.p-inputmask-clearable .p-inputtext { @@ -1133,7 +1162,7 @@ } p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { @@ -1191,7 +1220,7 @@ } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #B00020; + border-color: #b00020; } .p-inputtext { @@ -1216,7 +1245,7 @@ border-color: #673AB7; } .p-inputtext.ng-dirty.ng-invalid { - border-color: #B00020; + border-color: #b00020; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1234,7 +1263,7 @@ } .p-float-label > .ng-invalid.ng-dirty + label { - color: #B00020; + color: #b00020; } .p-input-icon-left > .p-icon-wrapper.p-icon, @@ -1302,6 +1331,7 @@ color: rgba(0, 0, 0, 0.87); border: 1px solid #e5e5e5; border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 1rem; @@ -1324,6 +1354,7 @@ } .p-listbox .p-listbox-list { padding: 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1337,11 +1368,6 @@ color: #673AB7; background: rgba(103, 58, 183, 0.12); } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1357,13 +1383,26 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #B00020; + border-color: #b00020; } .p-multiselect { @@ -1388,14 +1427,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(0, 0, 0, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.5rem 1rem; - background: rgba(103, 58, 183, 0.12); - color: #673AB7; - border-radius: 4px; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1408,10 +1445,18 @@ border-bottom-right-radius: 4px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.5rem 1rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 2rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.357rem; + } + .p-multiselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1474,15 +1519,17 @@ color: #673AB7; background: rgba(103, 58, 183, 0.12); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1499,10 +1546,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #B00020; - } - .p-input-filled .p-multiselect { background: #f5f5f5; } @@ -1513,16 +1556,12 @@ background-color: #dcdcdc; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 2rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(0, 0, 0, 0.6); - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #b00020; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-password-panel { @@ -1538,13 +1577,13 @@ background: rgba(103, 58, 183, 0.32); } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; + background: #d32f2f; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; + background: #fbc02d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; + background: #689f38; } p-password.p-password-clearable .p-password-input { @@ -1602,7 +1641,7 @@ } p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #B00020; + border-color: #b00020; } .p-input-filled .p-radiobutton .p-radiobutton-box { @@ -1625,35 +1664,32 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #673AB7; - margin-left: 0.5rem; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #B00020; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #b00020; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; + border-color: #673AB7; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #673AB7; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #673AB7; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #B00020; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #b00020; } .p-selectbutton .p-button { @@ -1695,7 +1731,7 @@ } p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #B00020; + border-color: #b00020; } .p-slider { @@ -1789,7 +1825,7 @@ } p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #B00020; + border-color: #b00020; } .p-treeselect { @@ -1830,7 +1866,7 @@ } p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #B00020; + border-color: #b00020; } .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { @@ -1924,12 +1960,12 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: rgba(103, 58, 183, 0.92); color: #ffffff; border-color: transparent; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: rgba(103, 58, 183, 0.68); color: #ffffff; border-color: transparent; @@ -1939,12 +1975,12 @@ color: #673AB7; border: 0 none; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(103, 58, 183, 0.04); color: #673AB7; border: 0 none; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(103, 58, 183, 0.16); color: #673AB7; border: 0 none; @@ -1953,11 +1989,11 @@ color: rgba(0, 0, 0, 0.6); border-color: rgba(0, 0, 0, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(0, 0, 0, 0.16); color: rgba(0, 0, 0, 0.6); } @@ -1966,12 +2002,12 @@ color: #673AB7; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(103, 58, 183, 0.04); color: #673AB7; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(103, 58, 183, 0.16); color: #673AB7; border-color: transparent; @@ -1979,11 +2015,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(0, 0, 0, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(0, 0, 0, 0.16); color: rgba(0, 0, 0, 0.6); } @@ -2067,298 +2103,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #4CAF50; border: 0 none; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: rgba(76, 175, 80, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: rgba(76, 175, 80, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #4CAF50; border: 0 none; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); color: #4CAF50; border: 0 none; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(76, 175, 80, 0.16); color: #4CAF50; border: 0 none; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #4CAF50; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); border-color: transparent; color: #4CAF50; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(76, 175, 80, 0.16); border-color: transparent; color: #4CAF50; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; - background: #2196F3; + background: #2196f3; border: 0 none; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #2196F3; + color: #2196f3; border: 0 none; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + color: #2196f3; border: 0 none; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + color: #2196f3; border: 0 none; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #2196F3; + color: #2196f3; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; - color: #2196F3; + color: #2196f3; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; - color: #2196F3; + color: #2196f3; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; - background: #689F38; + background: #689f38; border: 0 none; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #689F38; + color: #689f38; border: 0 none; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; border: 0 none; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; border: 0 none; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; - background: #FBC02D; + background: #fbc02d; border: 0 none; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.92); color: #212529; border-color: transparent; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.68); color: #212529; border-color: transparent; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 0 none; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; border: 0 none; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; border: 0 none; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; - background: #9C27B0; + background: #9c27b0; border: 0 none; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 0 none; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; border: 0 none; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; border: 0 none; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; - background: #D32F2F; + background: #d32f2f; border: 0 none; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 0 none; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; border: 0 none; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; border: 0 none; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-button.p-button-link { @@ -2366,20 +2522,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #673AB7; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: none; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #673AB7; border-color: transparent; @@ -2471,11 +2627,11 @@ color: #673AB7; border: 0 none; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(103, 58, 183, 0.04); color: #673AB7; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(103, 58, 183, 0.16); color: #673AB7; } @@ -2483,11 +2639,11 @@ color: rgba(0, 0, 0, 0.6); border-color: rgba(0, 0, 0, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(0, 0, 0, 0.16); color: rgba(0, 0, 0, 0.6); } @@ -2496,12 +2652,12 @@ color: #673AB7; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(103, 58, 183, 0.04); color: #673AB7; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(103, 58, 183, 0.16); color: #673AB7; border-color: transparent; @@ -2509,11 +2665,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(0, 0, 0, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(0, 0, 0, 0.16); color: rgba(0, 0, 0, 0.6); } @@ -2546,11 +2702,11 @@ color: #4CAF50; border: 0 none; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); color: #4CAF50; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(76, 175, 80, 0.16); color: #4CAF50; } @@ -2559,12 +2715,12 @@ color: #4CAF50; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); border-color: transparent; color: #4CAF50; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(76, 175, 80, 0.16); border-color: transparent; color: #4CAF50; @@ -2572,147 +2728,147 @@ .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #2196F3; + color: #2196f3; border: 0 none; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + color: #2196f3; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #2196F3; + color: #2196f3; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; - color: #2196F3; + color: #2196f3; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border: 0 none; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 0 none; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 0 none; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 0 none; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3007,322 +3163,58 @@ .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { padding: 1.25rem 1.25rem; } - .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; - } - .p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; - } - - .p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; - } - .p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; - } - .p-dataview .p-dataview-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; - } - .p-dataview .p-dataview-content { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - padding: 1rem 0; - } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - } - .p-dataview .p-dataview-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - } - .p-dataview .p-dataview-loading-icon { - font-size: 2rem; - } - .p-dataview .p-dataview-emptymessage { - padding: 1rem; - } - - .p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; - } - - .p-column-filter-menu-button { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-column-filter-menu-button:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); - } - .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); - } - .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - - .p-column-filter-clear-button { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-column-filter-clear-button:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); - } - .p-column-filter-clear-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - - .p-column-filter-overlay { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - min-width: 12.5rem; - } - .p-column-filter-overlay .p-column-filter-row-items { - padding: 0; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 1rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - } - .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; - } - .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; - } - .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; - } - .p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 1rem 1rem; - } - .p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; - } - - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #ffffff; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #e0e0e0; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #e0e0e0; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: rgba(103, 58, 183, 0.12); - border: 1px solid rgba(103, 58, 183, 0.12); - color: #673AB7; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #ffffff; - border: 1px solid #e0e0e0; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #673AB7; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: rgba(103, 58, 183, 0.92); - color: #ffffff; - border-color: transparent; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: rgba(103, 58, 183, 0.68); - color: #ffffff; - border-color: transparent; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #e0e0e0; + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; } - .fc.fc-theme-standard .fc-view-harness th { + .p-dataview .p-dataview-header { background: #ffffff; - border-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; } - .fc.fc-theme-standard .fc-view-harness td { + .p-dataview .p-dataview-content { + background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-color: #e0e0e0; + border: 0 none; + padding: 1rem 0; } - .fc.fc-theme-standard .fc-view-harness .fc-view { + .p-dataview .p-dataview-footer { background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #e0e0e0; + .p-dataview .p-dataview-emptymessage { padding: 1rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { width: 2.5rem; height: 2.5rem; color: rgba(0, 0, 0, 0.6); @@ -3331,139 +3223,110 @@ border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + .p-column-filter-menu-button:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top: 0 none; + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #673AB7; + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: rgba(103, 58, 183, 0.12); - border-color: rgba(103, 58, 183, 0.12); - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { color: #673AB7; } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: rgba(103, 58, 183, 0.12); - border-color: rgba(103, 58, 183, 0.12); - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #673AB7; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: rgba(103, 58, 183, 0.92); - color: #ffffff; - border-color: transparent; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: rgba(103, 58, 183, 0.68); - color: #ffffff; - border-color: transparent; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.38; - color: #ffffff; - background: #673AB7; + + .p-column-filter-clear-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; + .p-column-filter-clear-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + + .p-column-filter-overlay { background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #e0e0e1; - border-color: #e0e0e1; + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #d9d8d9; - border-color: #d9d8d9; + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; - z-index: 1; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); } - .fc.fc-theme-standard a { - color: rgba(0, 0, 0, 0.87); + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; } - .fc.fc-theme-standard .fc-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 1rem 1rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; } .p-orderlist .p-orderlist-controls { @@ -3504,6 +3367,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 1rem 1rem; @@ -3513,15 +3377,21 @@ background: transparent; transition: none; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 1rem 1rem; color: rgba(0, 0, 0, 0.87); @@ -3705,6 +3575,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 1rem 1rem; @@ -3714,15 +3585,21 @@ background: transparent; transition: none; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 1rem 1rem; color: rgba(0, 0, 0, 0.87); @@ -3781,6 +3658,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.25rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 4px; @@ -3817,11 +3700,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(0, 0, 0, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: rgba(103, 58, 183, 0.12); color: #673AB7; @@ -4333,15 +4211,19 @@ border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 1rem 1rem; border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4813,7 +4695,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4826,7 +4709,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4836,7 +4720,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-contextmenu .p-menuitem-separator { @@ -4957,7 +4842,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4970,7 +4856,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4980,7 +4867,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-megamenu .p-megamenu-panel { @@ -5037,7 +4925,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } @@ -5076,7 +4965,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5089,7 +4979,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5099,7 +4990,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menu.p-menu-overlay { @@ -5171,7 +5063,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5201,7 +5094,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5214,7 +5108,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5224,7 +5119,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-submenu-list { @@ -5415,7 +5311,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5428,7 +5325,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5438,7 +5336,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5520,7 +5419,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5533,7 +5433,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5543,7 +5444,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-slidemenu.p-slidemenu-overlay { @@ -5756,7 +5658,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5769,7 +5672,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5779,7 +5683,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-tieredmenu .p-menuitem-separator { @@ -5800,25 +5705,25 @@ border-radius: 4px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 1px; - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 1px; - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 1px; color: #7f6003; @@ -5827,13 +5732,13 @@ color: #7f6003; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 1px; - color: #B71C1C; + color: #b71c1c; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5873,31 +5778,31 @@ box-shadow: none; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-icon { - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-close { - color: #01579B; + color: #01579b; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-close { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5909,16 +5814,16 @@ color: #7f6003; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-close { - color: #B71C1C; + color: #b71c1c; } .p-message .p-message-text { font-size: 1rem; @@ -5983,27 +5888,27 @@ box-shadow: none; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -6013,14 +5918,14 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #B71C1C; + color: #b71c1c; } .p-galleria .p-galleria-close { @@ -6215,19 +6120,19 @@ color: #ffffff; } .p-badge.p-badge-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-badge.p-badge-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-badge.p-badge-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-badge.p-badge-lg { @@ -6349,19 +6254,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-tag .p-tag-icon { @@ -6475,7 +6380,7 @@ } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { box-shadow: none; @@ -6483,21 +6388,21 @@ } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-breadcrumb .p-menuitem-link { @@ -6729,16 +6634,16 @@ } p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: #B00020; + border-color: #b00020; } p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { box-shadow: none; } p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-input-filled .p-calendar-w-btn { @@ -6775,7 +6680,7 @@ } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -6783,14 +6688,14 @@ } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { border: 0 none; @@ -6850,14 +6755,14 @@ } .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { @@ -6870,18 +6775,18 @@ } .p-input-filled .p-cascadeselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { @@ -7007,18 +6912,18 @@ } .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-datatable .p-sortable-column { @@ -7090,18 +6995,18 @@ } .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-galleria .p-galleria-indicators { @@ -7120,7 +7025,7 @@ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } .p-inputtext:enabled:focus.ng-invalid.ng-dirty { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-input-filled .p-inputtext { @@ -7146,7 +7051,7 @@ } .p-input-filled .p-inputtext.ng-invalid.ng-dirty { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { box-shadow: none; @@ -7184,12 +7089,12 @@ } p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -7197,12 +7102,12 @@ } p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -7270,51 +7175,6 @@ background: transparent; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - background: rgba(103, 58, 183, 0.76); - } - .fc.fc-unthemed .fc-toolbar .fc-button:active { - background: rgba(103, 58, 183, 0.68); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(103, 58, 183, 0.76); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(103, 58, 183, 0.68); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - background: rgba(103, 58, 183, 0.76); - } - .fc.fc-theme-standard .fc-toolbar .fc-button:active { - background: rgba(103, 58, 183, 0.68); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(103, 58, 183, 0.76); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(103, 58, 183, 0.68); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; - } - .p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(103, 58, 183, 0.16); } @@ -7426,18 +7286,18 @@ } .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-orderlist .p-orderlist-list .p-orderlist-item:focus { @@ -7563,25 +7423,25 @@ background-color: #ffffff; } - .p-rating .p-rating-icon { + .p-rating { + gap: 0; + } + .p-rating .p-rating-item { border-radius: 50%; width: 2rem; height: 2rem; - display: inline-flex; justify-content: center; - align-items: center; - margin-left: 0; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { background: rgba(103, 58, 183, 0.12); } - .p-rating .p-rating-icon.p-rating-cancel:focus { + .p-rating .p-rating-item.p-focus.p-rating-cancel-item { background: rgba(176, 0, 32, 0.12); } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover { background-color: rgba(0, 0, 0, 0.04); } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { background: rgba(176, 0, 32, 0.04); } @@ -7781,18 +7641,18 @@ } .p-input-filled .p-treeselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-treeselect.p-invalid:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { @@ -7856,10 +7716,10 @@ border-color: #d9d8d9; } - .p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(103, 58, 183, 0.12); } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(103, 58, 183, 0.16); } .p-splitbutton.p-button-outlined > .p-button { @@ -7884,49 +7744,49 @@ color: rgba(0, 0, 0, 0.38) !important; border-color: rgba(0, 0, 0, 0.38) !important; } - .p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(76, 175, 80, 0.12); } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(76, 175, 80, 0.16); } - .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(33, 150, 243, 0.12); } - .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(104, 159, 56, 0.12); } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(251, 192, 45, 0.12); } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(156, 39, 176, 0.12); } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(211, 47, 47, 0.12); } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); } } diff --git a/src/assets/components/themes/md-light-indigo/theme.css b/src/assets/components/themes/md-light-indigo/theme.css index c2138bb534a..403993ca69d 100644 --- a/src/assets/components/themes/md-light-indigo/theme.css +++ b/src/assets/components/themes/md-light-indigo/theme.css @@ -1,46 +1,47 @@ :root { font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - --font-family:Roboto,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; - --surface-a:#ffffff; - --surface-b:#fafafa; - --surface-c:rgba(0,0,0,.04); - --surface-d:rgba(0,0,0,.12); - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:rgba(0, 0, 0, 0.87); - --text-color-secondary:rgba(0, 0, 0, 0.6); - --primary-color:#3F51B5; - --primary-color-text:#ffffff; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #ffffff; + --surface-b: #fafafa; + --surface-c: rgba(0, 0, 0, 0.04); + --surface-d: rgba(0, 0, 0, 0.12); + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: rgba(0, 0, 0, 0.87); + --text-color-secondary: rgba(0, 0, 0, 0.6); + --primary-color: #3F51B5; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; + --surface-50: #fafafa; + --surface-100: #f5f5f5; + --surface-200: #eeeeee; + --surface-300: #e0e0e0; + --surface-400: #bdbdbd; + --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; + --gray-50: #fafafa; + --gray-100: #f5f5f5; + --gray-200: #eeeeee; + --gray-300: #e0e0e0; + --gray-400: #bdbdbd; + --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#fafafa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:rgba(0,0,0,.12); - --surface-hover:rgba(0,0,0,.04); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #fafafa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: rgba(0, 0, 0, 0.12); + --surface-hover: rgba(0, 0, 0, 0.04); --maskbg: rgba(0, 0, 0, 0.32); --highlight-bg: rgba(63, 81, 181, 0.12); --highlight-text-color: #3F51B5; @@ -195,6 +196,105 @@ --primary-900:#192048; } +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 1rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #3F51B5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #3F51B5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #3F51B5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #3F51B5; +} + @layer primeng { * { box-sizing: border-box; @@ -217,7 +317,7 @@ } .p-error { - color: #B00020; + color: #b00020; } .p-text-secondary { @@ -276,42 +376,45 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 4rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.5rem 1rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: rgba(0, 0, 0, 0.87); } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #3F51B5; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.5rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(0, 0, 0, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.5rem 1rem; - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; - border-radius: 4px; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #B00020; + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: rgba(0, 0, 0, 0.24); + color: rgba(0, 0, 0, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #b00020; } .p-autocomplete-panel { @@ -333,18 +436,20 @@ transition: none; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 1rem 1rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(0, 0, 0, 0.87); - background: transparent; + background: rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -354,6 +459,10 @@ font-weight: 400; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #b00020; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 3rem; } @@ -368,7 +477,14 @@ } p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #B00020; + border-color: #b00020; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; } .p-datepicker { @@ -631,6 +747,9 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #b00020; + } .p-cascadeselect-panel { background: #ffffff; @@ -650,33 +769,27 @@ transition: none; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 1rem 1rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 1rem 1rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #B00020; - } .p-input-filled .p-cascadeselect { background: #f5f5f5; @@ -688,6 +801,10 @@ background-color: #dcdcdc; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #b00020; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 1rem; } @@ -747,7 +864,7 @@ } p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #B00020; + border-color: #b00020; } .p-input-filled .p-checkbox .p-checkbox-box { @@ -767,24 +884,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.5rem 1rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(0, 0, 0, 0.87); } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #3F51B5; } + .p-chips .p-chips-multiple-container { + padding: 0.5rem 1rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.5rem 1rem; - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; - border-radius: 4px; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: rgba(0, 0, 0, 0.24); + color: rgba(0, 0, 0, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -793,16 +915,16 @@ padding: 0.5rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(0, 0, 0, 0.87); padding: 0; margin: 0; } p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } p-chips.p-chips-clearable .p-inputtext { @@ -857,7 +979,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(0, 0, 0, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -872,6 +994,9 @@ color: rgba(0, 0, 0, 0.6); right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #b00020; + } .p-dropdown-panel { background: #ffffff; @@ -913,14 +1038,16 @@ color: #3F51B5; background: rgba(63, 81, 181, 0.12); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); + background: rgba(0, 0, 0, 0.12); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 1rem 1rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); - background: transparent; + background: rgba(0, 0, 0, 0.04); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -929,9 +1056,10 @@ background: #ffffff; font-weight: 400; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #B00020; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 1rem 1rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -947,105 +1075,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #ffffff; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #e0e0e0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(0, 0, 0, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(0, 0, 0, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(0, 0, 0, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; - padding: 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 1rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #e0e0e0; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(0, 0, 0, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(0, 0, 0, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #3F51B5; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #3F51B5; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #3F51B5; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #3F51B5; - } - .p-inputgroup-addon { background: #ffffff; color: rgba(0, 0, 0, 0.6); @@ -1121,7 +1150,7 @@ } p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } p-inputmask.p-inputmask-clearable .p-inputtext { @@ -1133,7 +1162,7 @@ } p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { @@ -1191,7 +1220,7 @@ } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #B00020; + border-color: #b00020; } .p-inputtext { @@ -1216,7 +1245,7 @@ border-color: #3F51B5; } .p-inputtext.ng-dirty.ng-invalid { - border-color: #B00020; + border-color: #b00020; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1234,7 +1263,7 @@ } .p-float-label > .ng-invalid.ng-dirty + label { - color: #B00020; + color: #b00020; } .p-input-icon-left > .p-icon-wrapper.p-icon, @@ -1302,6 +1331,7 @@ color: rgba(0, 0, 0, 0.87); border: 1px solid #e5e5e5; border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 1rem; @@ -1324,6 +1354,7 @@ } .p-listbox .p-listbox-list { padding: 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1337,11 +1368,6 @@ color: #3F51B5; background: rgba(63, 81, 181, 0.12); } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1357,13 +1383,26 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #B00020; + border-color: #b00020; } .p-multiselect { @@ -1388,14 +1427,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(0, 0, 0, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.5rem 1rem; - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; - border-radius: 4px; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1408,10 +1445,18 @@ border-bottom-right-radius: 4px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.5rem 1rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 2rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.357rem; + } + .p-multiselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1474,15 +1519,17 @@ color: #3F51B5; background: rgba(63, 81, 181, 0.12); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1499,10 +1546,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #B00020; - } - .p-input-filled .p-multiselect { background: #f5f5f5; } @@ -1513,16 +1556,12 @@ background-color: #dcdcdc; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 2rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(0, 0, 0, 0.6); - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #b00020; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-password-panel { @@ -1538,13 +1577,13 @@ background: rgba(63, 81, 181, 0.32); } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; + background: #d32f2f; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; + background: #fbc02d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; + background: #689f38; } p-password.p-password-clearable .p-password-input { @@ -1602,7 +1641,7 @@ } p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #B00020; + border-color: #b00020; } .p-input-filled .p-radiobutton .p-radiobutton-box { @@ -1625,35 +1664,32 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #3F51B5; - margin-left: 0.5rem; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #B00020; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #b00020; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; + border-color: #3F51B5; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #3F51B5; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #3F51B5; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #B00020; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #b00020; } .p-selectbutton .p-button { @@ -1695,7 +1731,7 @@ } p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #B00020; + border-color: #b00020; } .p-slider { @@ -1789,7 +1825,7 @@ } p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #B00020; + border-color: #b00020; } .p-treeselect { @@ -1830,7 +1866,7 @@ } p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #B00020; + border-color: #b00020; } .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { @@ -1924,12 +1960,12 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: rgba(63, 81, 181, 0.92); color: #ffffff; border-color: transparent; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: rgba(63, 81, 181, 0.68); color: #ffffff; border-color: transparent; @@ -1939,12 +1975,12 @@ color: #3F51B5; border: 0 none; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(63, 81, 181, 0.04); color: #3F51B5; border: 0 none; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(63, 81, 181, 0.16); color: #3F51B5; border: 0 none; @@ -1953,11 +1989,11 @@ color: rgba(0, 0, 0, 0.6); border-color: rgba(0, 0, 0, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(0, 0, 0, 0.16); color: rgba(0, 0, 0, 0.6); } @@ -1966,12 +2002,12 @@ color: #3F51B5; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(63, 81, 181, 0.04); color: #3F51B5; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(63, 81, 181, 0.16); color: #3F51B5; border-color: transparent; @@ -1979,11 +2015,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(0, 0, 0, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(0, 0, 0, 0.16); color: rgba(0, 0, 0, 0.6); } @@ -2067,298 +2103,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #ff4081; border: 0 none; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: rgba(255, 64, 129, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: rgba(255, 64, 129, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #ff4081; border: 0 none; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 64, 129, 0.04); color: #ff4081; border: 0 none; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 64, 129, 0.16); color: #ff4081; border: 0 none; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #ff4081; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 64, 129, 0.04); border-color: transparent; color: #ff4081; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 64, 129, 0.16); border-color: transparent; color: #ff4081; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; - background: #2196F3; + background: #2196f3; border: 0 none; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #2196F3; + color: #2196f3; border: 0 none; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + color: #2196f3; border: 0 none; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + color: #2196f3; border: 0 none; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #2196F3; + color: #2196f3; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; - color: #2196F3; + color: #2196f3; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; - color: #2196F3; + color: #2196f3; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; - background: #689F38; + background: #689f38; border: 0 none; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #689F38; + color: #689f38; border: 0 none; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; border: 0 none; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; border: 0 none; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; - background: #FBC02D; + background: #fbc02d; border: 0 none; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.92); color: #212529; border-color: transparent; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.68); color: #212529; border-color: transparent; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 0 none; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; border: 0 none; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; border: 0 none; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; - background: #9C27B0; + background: #9c27b0; border: 0 none; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 0 none; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; border: 0 none; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; border: 0 none; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; - background: #D32F2F; + background: #d32f2f; border: 0 none; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 0 none; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; border: 0 none; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; border: 0 none; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-button.p-button-link { @@ -2366,20 +2522,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #3F51B5; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: none; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #3F51B5; border-color: transparent; @@ -2471,11 +2627,11 @@ color: #3F51B5; border: 0 none; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(63, 81, 181, 0.04); color: #3F51B5; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(63, 81, 181, 0.16); color: #3F51B5; } @@ -2483,11 +2639,11 @@ color: rgba(0, 0, 0, 0.6); border-color: rgba(0, 0, 0, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(0, 0, 0, 0.16); color: rgba(0, 0, 0, 0.6); } @@ -2496,12 +2652,12 @@ color: #3F51B5; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(63, 81, 181, 0.04); color: #3F51B5; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(63, 81, 181, 0.16); color: #3F51B5; border-color: transparent; @@ -2509,11 +2665,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(0, 0, 0, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(0, 0, 0, 0.16); color: rgba(0, 0, 0, 0.6); } @@ -2546,11 +2702,11 @@ color: #ff4081; border: 0 none; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 64, 129, 0.04); color: #ff4081; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 64, 129, 0.16); color: #ff4081; } @@ -2559,12 +2715,12 @@ color: #ff4081; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 64, 129, 0.04); border-color: transparent; color: #ff4081; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 64, 129, 0.16); border-color: transparent; color: #ff4081; @@ -2572,147 +2728,147 @@ .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #2196F3; + color: #2196f3; border: 0 none; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + color: #2196f3; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #2196F3; + color: #2196f3; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; - color: #2196F3; + color: #2196f3; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border: 0 none; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 0 none; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 0 none; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 0 none; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3007,322 +3163,58 @@ .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { padding: 1.25rem 1.25rem; } - .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 1.25rem 1.25rem; - } - .p-datatable.p-datatable-lg .p-datatable-footer { - padding: 1.25rem 1.25rem; - } - - .p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; - } - .p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; - } - .p-dataview .p-dataview-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; - } - .p-dataview .p-dataview-content { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - padding: 1rem 0; - } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - } - .p-dataview .p-dataview-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 1rem 1rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - } - .p-dataview .p-dataview-loading-icon { - font-size: 2rem; - } - .p-dataview .p-dataview-emptymessage { - padding: 1rem; - } - - .p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; - } - - .p-column-filter-menu-button { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-column-filter-menu-button:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); - } - .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); - } - .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - - .p-column-filter-clear-button { - width: 2.5rem; - height: 2.5rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-column-filter-clear-button:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); - } - .p-column-filter-clear-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - - .p-column-filter-overlay { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - min-width: 12.5rem; - } - .p-column-filter-overlay .p-column-filter-row-items { - padding: 0; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 1rem 1rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 1rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - } - .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; - } - .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; - } - .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; - } - .p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 1rem 1rem; - } - .p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1rem; - } - - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #ffffff; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #e0e0e0; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #e0e0e0; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: rgba(63, 81, 181, 0.12); - border: 1px solid rgba(63, 81, 181, 0.12); - color: #3F51B5; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #ffffff; - border: 1px solid #e0e0e0; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #3F51B5; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: rgba(63, 81, 181, 0.92); - color: #ffffff; - border-color: transparent; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: rgba(63, 81, 181, 0.68); - color: #ffffff; - border-color: transparent; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #e0e0e0; + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; } - .fc.fc-theme-standard .fc-view-harness th { + .p-dataview .p-dataview-header { background: #ffffff; - border-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; } - .fc.fc-theme-standard .fc-view-harness td { + .p-dataview .p-dataview-content { + background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-color: #e0e0e0; + border: 0 none; + padding: 1rem 0; } - .fc.fc-theme-standard .fc-view-harness .fc-view { + .p-dataview .p-dataview-footer { background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #e0e0e0; + .p-dataview .p-dataview-emptymessage { padding: 1rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { width: 2.5rem; height: 2.5rem; color: rgba(0, 0, 0, 0.6); @@ -3331,139 +3223,110 @@ border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + .p-column-filter-menu-button:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top: 0 none; + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #3F51B5; + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: rgba(63, 81, 181, 0.12); - border-color: rgba(63, 81, 181, 0.12); - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { color: #3F51B5; } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: rgba(63, 81, 181, 0.12); - border-color: rgba(63, 81, 181, 0.12); - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #3F51B5; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: rgba(63, 81, 181, 0.92); - color: #ffffff; - border-color: transparent; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: rgba(63, 81, 181, 0.68); - color: #ffffff; - border-color: transparent; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.38; - color: #ffffff; - background: #3F51B5; + + .p-column-filter-clear-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; + .p-column-filter-clear-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + + .p-column-filter-overlay { background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #e0e0e1; - border-color: #e0e0e1; + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 1rem 1rem; + border: 0 none; color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #d9d8d9; - border-color: #d9d8d9; + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; - z-index: 1; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); } - .fc.fc-theme-standard a { - color: rgba(0, 0, 0, 0.87); + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; } - .fc.fc-theme-standard .fc-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 1rem 1rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; } .p-orderlist .p-orderlist-controls { @@ -3504,6 +3367,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 1rem 1rem; @@ -3513,15 +3377,21 @@ background: transparent; transition: none; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 1rem 1rem; color: rgba(0, 0, 0, 0.87); @@ -3705,6 +3575,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 1rem 1rem; @@ -3714,15 +3585,21 @@ background: transparent; transition: none; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 1rem 1rem; color: rgba(0, 0, 0, 0.87); @@ -3781,6 +3658,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.25rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 4px; @@ -3817,11 +3700,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(0, 0, 0, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: rgba(63, 81, 181, 0.12); color: #3F51B5; @@ -4333,15 +4211,19 @@ border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 1rem 1rem; border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4813,7 +4695,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4826,7 +4709,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4836,7 +4720,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-contextmenu .p-menuitem-separator { @@ -4957,7 +4842,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4970,7 +4856,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4980,7 +4867,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-megamenu .p-megamenu-panel { @@ -5037,7 +4925,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } @@ -5076,7 +4965,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5089,7 +4979,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5099,7 +4990,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menu.p-menu-overlay { @@ -5171,7 +5063,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5201,7 +5094,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5214,7 +5108,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5224,7 +5119,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-submenu-list { @@ -5415,7 +5311,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5428,7 +5325,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5438,7 +5336,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5520,7 +5419,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5533,7 +5433,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5543,7 +5444,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-slidemenu.p-slidemenu-overlay { @@ -5756,7 +5658,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5769,7 +5672,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5779,7 +5683,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-tieredmenu .p-menuitem-separator { @@ -5800,25 +5705,25 @@ border-radius: 4px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 1px; - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 1px; - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 1px; color: #7f6003; @@ -5827,13 +5732,13 @@ color: #7f6003; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 1px; - color: #B71C1C; + color: #b71c1c; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5873,31 +5778,31 @@ box-shadow: none; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-icon { - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-close { - color: #01579B; + color: #01579b; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-close { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5909,16 +5814,16 @@ color: #7f6003; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-close { - color: #B71C1C; + color: #b71c1c; } .p-message .p-message-text { font-size: 1rem; @@ -5983,27 +5888,27 @@ box-shadow: none; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -6013,14 +5918,14 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #B71C1C; + color: #b71c1c; } .p-galleria .p-galleria-close { @@ -6215,19 +6120,19 @@ color: #ffffff; } .p-badge.p-badge-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-badge.p-badge-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-badge.p-badge-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-badge.p-badge-lg { @@ -6349,19 +6254,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-tag .p-tag-icon { @@ -6475,7 +6380,7 @@ } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { box-shadow: none; @@ -6483,21 +6388,21 @@ } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-breadcrumb .p-menuitem-link { @@ -6729,16 +6634,16 @@ } p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: #B00020; + border-color: #b00020; } p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { box-shadow: none; } p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-input-filled .p-calendar-w-btn { @@ -6775,7 +6680,7 @@ } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -6783,14 +6688,14 @@ } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { border: 0 none; @@ -6850,14 +6755,14 @@ } .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { @@ -6870,18 +6775,18 @@ } .p-input-filled .p-cascadeselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { @@ -7007,18 +6912,18 @@ } .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-datatable .p-sortable-column { @@ -7090,18 +6995,18 @@ } .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-galleria .p-galleria-indicators { @@ -7120,7 +7025,7 @@ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } .p-inputtext:enabled:focus.ng-invalid.ng-dirty { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-input-filled .p-inputtext { @@ -7146,7 +7051,7 @@ } .p-input-filled .p-inputtext.ng-invalid.ng-dirty { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { box-shadow: none; @@ -7184,12 +7089,12 @@ } p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -7197,12 +7102,12 @@ } p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -7270,51 +7175,6 @@ background: transparent; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - background: rgba(63, 81, 181, 0.76); - } - .fc.fc-unthemed .fc-toolbar .fc-button:active { - background: rgba(63, 81, 181, 0.68); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(63, 81, 181, 0.76); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(63, 81, 181, 0.68); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - background: rgba(63, 81, 181, 0.76); - } - .fc.fc-theme-standard .fc-toolbar .fc-button:active { - background: rgba(63, 81, 181, 0.68); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(63, 81, 181, 0.76); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(63, 81, 181, 0.68); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; - } - .p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(63, 81, 181, 0.16); } @@ -7426,18 +7286,18 @@ } .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-orderlist .p-orderlist-list .p-orderlist-item:focus { @@ -7563,25 +7423,25 @@ background-color: #ffffff; } - .p-rating .p-rating-icon { + .p-rating { + gap: 0; + } + .p-rating .p-rating-item { border-radius: 50%; width: 2rem; height: 2rem; - display: inline-flex; justify-content: center; - align-items: center; - margin-left: 0; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { background: rgba(63, 81, 181, 0.12); } - .p-rating .p-rating-icon.p-rating-cancel:focus { + .p-rating .p-rating-item.p-focus.p-rating-cancel-item { background: rgba(176, 0, 32, 0.12); } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover { background-color: rgba(0, 0, 0, 0.04); } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { background: rgba(176, 0, 32, 0.04); } @@ -7781,18 +7641,18 @@ } .p-input-filled .p-treeselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-treeselect.p-invalid:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { @@ -7856,10 +7716,10 @@ border-color: #d9d8d9; } - .p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(63, 81, 181, 0.12); } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(63, 81, 181, 0.16); } .p-splitbutton.p-button-outlined > .p-button { @@ -7884,49 +7744,49 @@ color: rgba(0, 0, 0, 0.38) !important; border-color: rgba(0, 0, 0, 0.38) !important; } - .p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(255, 64, 129, 0.12); } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 64, 129, 0.16); } - .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(33, 150, 243, 0.12); } - .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(104, 159, 56, 0.12); } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(251, 192, 45, 0.12); } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(156, 39, 176, 0.12); } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(211, 47, 47, 0.12); } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); } } diff --git a/src/assets/components/themes/mdc-dark-deeppurple/theme.css b/src/assets/components/themes/mdc-dark-deeppurple/theme.css index 76c60ccf1d3..5c8c20e3ee3 100644 --- a/src/assets/components/themes/mdc-dark-deeppurple/theme.css +++ b/src/assets/components/themes/mdc-dark-deeppurple/theme.css @@ -1,16 +1,17 @@ :root { font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - --font-family:Roboto,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:hsla(0,0%,100%,.04); - --surface-d:hsla(0,0%,100%,.12); - --surface-e:#1e1e1e; - --surface-f:#262626; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#CE93D8; - --primary-color-text:#121212; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: hsla(0, 0%, 100%, 0.04); + --surface-d: hsla(0, 0%, 100%, 0.12); + --surface-e: #1e1e1e; + --surface-f: #262626; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #CE93D8; + --primary-color-text: #121212; --surface-0: #121212; --surface-50: #2a2a2a; --surface-100: #414141; @@ -32,15 +33,15 @@ --gray-700: #414141; --gray-800: #2a2a2a; --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#262626; - --surface-border:hsla(0,0%,100%,.12); - --surface-hover:hsla(0,0%,100%,.04); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #262626; + --surface-border: hsla(0, 0%, 100%, 0.12); + --surface-hover: hsla(0, 0%, 100%, 0.04); --maskbg: rgba(0, 0, 0, 0.32); --highlight-bg: rgba(206, 147, 216, 0.16); --highlight-text-color: #CE93D8; @@ -195,6 +196,105 @@ --primary-900:#523b56; } +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-content .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #CE93D8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #CE93D8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #CE93D8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #CE93D8; +} + @layer primeng { * { box-sizing: border-box; @@ -276,41 +376,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.5rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: rgba(255, 255, 255, 0.6); } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #CE93D8; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border-radius: 4px; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: rgba(255, 255, 255, 0.24); + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44435; } @@ -333,18 +436,20 @@ transition: none; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 0.75rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -354,6 +459,10 @@ font-weight: 400; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44435; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -371,6 +480,13 @@ border-color: #f44435; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } + .p-datepicker { padding: 0.5rem; background: #1e1e1e; @@ -631,6 +747,9 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #f44435; + } .p-cascadeselect-panel { background: #2b2b2b; @@ -650,33 +769,27 @@ transition: none; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 0.75rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 0.75rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f44435; - } .p-input-filled .p-cascadeselect { background: rgba(255, 255, 255, 0.06); @@ -688,6 +801,10 @@ background-color: rgba(255, 255, 255, 0.1); } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44435; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -767,24 +884,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(255, 255, 255, 0.6); } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #CE93D8; } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border-radius: 4px; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: rgba(255, 255, 255, 0.24); + color: rgba(255, 255, 255, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -793,9 +915,9 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -857,7 +979,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -872,6 +994,9 @@ color: rgba(255, 255, 255, 0.6); right: 2.75rem; } + .p-dropdown.p-invalid.p-component { + border-color: #f44435; + } .p-dropdown-panel { background: #2b2b2b; @@ -913,14 +1038,16 @@ color: #CE93D8; background: rgba(206, 147, 216, 0.16); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); + background: rgba(255, 255, 255, 0.12); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 0.75rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.04); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -929,9 +1056,10 @@ background: transparent; font-weight: 400; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f44435; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -947,105 +1075,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #1e1e1e; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid rgba(255, 255, 255, 0.12); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; - padding: 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 0.75rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid rgba(255, 255, 255, 0.12); - } - .p-editor-container .p-editor-content .ql-editor { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #CE93D8; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #CE93D8; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #CE93D8; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #CE93D8; - } - .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1302,6 +1331,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 0.75rem; @@ -1324,6 +1354,7 @@ } .p-listbox .p-listbox-list { padding: 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1337,11 +1368,6 @@ color: #CE93D8; background: rgba(206, 147, 216, 0.16); } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1357,10 +1383,23 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #CE93D8; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44435; @@ -1388,14 +1427,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - border-radius: 4px; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1408,10 +1445,18 @@ border-bottom-right-radius: 4px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; + } + .p-multiselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1474,15 +1519,17 @@ color: #CE93D8; background: rgba(206, 147, 216, 0.16); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1499,10 +1546,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f44435; - } - .p-input-filled .p-multiselect { background: rgba(255, 255, 255, 0.06); } @@ -1513,12 +1556,8 @@ background-color: rgba(255, 255, 255, 0.1); } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.75rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44435; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1538,13 +1577,13 @@ background: rgba(206, 147, 216, 0.32); } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #EF9A9A; + background: #ef9a9a; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFF59D; + background: #fff59d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } p-password.p-password-clearable .p-password-input { @@ -1625,34 +1664,31 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #CE93D8; - margin-left: 0.5rem; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); font-size: 1rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1rem; height: 1rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #f44435; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; + border-color: #CE93D8; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #CE93D8; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #CE93D8; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f44435; } @@ -1924,12 +1960,12 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.92); color: #121212; border-color: transparent; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.68); color: #121212; border-color: transparent; @@ -1939,12 +1975,12 @@ color: #CE93D8; border: 0 none; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #CE93D8; border: 0 none; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #CE93D8; border: 0 none; @@ -1953,11 +1989,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -1966,12 +2002,12 @@ color: #CE93D8; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #CE93D8; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #CE93D8; border-color: transparent; @@ -1979,11 +2015,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2067,298 +2103,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #121212; background: #A5D6A7; border: 0 none; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: rgba(165, 214, 167, 0.92); color: #121212; border-color: transparent; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: rgba(165, 214, 167, 0.68); color: #121212; border-color: transparent; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #A5D6A7; border: 0 none; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(165, 214, 167, 0.04); color: #A5D6A7; border: 0 none; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(165, 214, 167, 0.16); color: #A5D6A7; border: 0 none; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #A5D6A7; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(165, 214, 167, 0.04); border-color: transparent; color: #A5D6A7; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(165, 214, 167, 0.16); border-color: transparent; color: #A5D6A7; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #212121; - background: #90CAF9; + background: #90caf9; border: 0 none; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #90CAF9; + color: #90caf9; border: 0 none; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); - color: #90CAF9; + color: #90caf9; border: 0 none; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(144, 202, 249, 0.16); - color: #90CAF9; + color: #90caf9; border: 0 none; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #90CAF9; + color: #90caf9; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; - color: #90CAF9; + color: #90caf9; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; - color: #90CAF9; + color: #90caf9; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #212121; - background: #C5E1A5; + background: #c5e1a5; border: 0 none; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212121; - background: #FFF59D; + background: #fff59d; border: 0 none; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FFF59D; + color: #fff59d; border: 0 none; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); - color: #FFF59D; + color: #fff59d; border: 0 none; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 245, 157, 0.16); - color: #FFF59D; + color: #fff59d; border: 0 none; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FFF59D; + color: #fff59d; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; - color: #FFF59D; + color: #fff59d; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; - color: #FFF59D; + color: #fff59d; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #212121; - background: #CE93D8; + background: #ce93d8; border: 0 none; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 0 none; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; border: 0 none; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; border: 0 none; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #212121; - background: #EF9A9A; + background: #ef9a9a; border: 0 none; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-button.p-button-link { @@ -2366,20 +2522,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #CE93D8; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: none; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #CE93D8; border-color: transparent; @@ -2471,11 +2627,11 @@ color: #CE93D8; border: 0 none; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #CE93D8; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #CE93D8; } @@ -2483,11 +2639,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2496,12 +2652,12 @@ color: #CE93D8; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); color: #CE93D8; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); color: #CE93D8; border-color: transparent; @@ -2509,11 +2665,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2546,11 +2702,11 @@ color: #A5D6A7; border: 0 none; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(165, 214, 167, 0.04); color: #A5D6A7; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(165, 214, 167, 0.16); color: #A5D6A7; } @@ -2559,12 +2715,12 @@ color: #A5D6A7; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(165, 214, 167, 0.04); border-color: transparent; color: #A5D6A7; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(165, 214, 167, 0.16); border-color: transparent; color: #A5D6A7; @@ -2572,147 +2728,147 @@ .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #90CAF9; + color: #90caf9; border: 0 none; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); - color: #90CAF9; + color: #90caf9; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #90CAF9; + color: #90caf9; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; - color: #90CAF9; + color: #90caf9; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFF59D; + color: #fff59d; border: 0 none; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); - color: #FFF59D; + color: #fff59d; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFF59D; + color: #fff59d; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; - color: #FFF59D; + color: #fff59d; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 0 none; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; + color: #ef9a9a; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; + color: #ef9a9a; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3008,321 +3164,57 @@ padding: 0.9375rem 0.9375rem; } .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 0.9375rem 0.9375rem; - } - .p-datatable.p-datatable-lg .p-datatable-footer { - padding: 0.9375rem 0.9375rem; - } - - .p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; - } - .p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; - } - .p-dataview .p-dataview-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; - } - .p-dataview .p-dataview-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0.75rem; - } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - } - .p-dataview .p-dataview-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - } - .p-dataview .p-dataview-loading-icon { - font-size: 2rem; - } - .p-dataview .p-dataview-emptymessage { - padding: 0.75rem; - } - - .p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; - } - - .p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); - } - .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); - } - .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(206, 147, 216, 0.16); - color: #CE93D8; - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - - .p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); - } - .p-column-filter-clear-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - - .p-column-filter-overlay { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - min-width: 12.5rem; - } - .p-column-filter-overlay .p-column-filter-row-items { - padding: 0; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #2b2b2b; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - } - .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; - } - .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; - } - .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; - } - .p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 0.75rem; - } - .p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 0.75rem; - } - - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid rgba(255, 255, 255, 0.12); - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid rgba(255, 255, 255, 0.12); - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: rgba(206, 147, 216, 0.16); - border: 1px solid rgba(206, 147, 216, 0.16); - color: #CE93D8; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #121212; - background: #CE93D8; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: rgba(206, 147, 216, 0.92); - color: #121212; - border-color: transparent; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: rgba(206, 147, 216, 0.68); - color: #121212; - border-color: transparent; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; + padding: 0.9375rem 0.9375rem; } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 0.9375rem; } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: rgba(255, 255, 255, 0.12); + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; } - .fc.fc-theme-standard .fc-view-harness th { + .p-dataview .p-dataview-header { background: #1e1e1e; - border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; } - .fc.fc-theme-standard .fc-view-harness td { + .p-dataview .p-dataview-content { + background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-color: rgba(255, 255, 255, 0.12); + border: 0 none; + padding: 0.75rem; } - .fc.fc-theme-standard .fc-view-harness .fc-view { + .p-dataview .p-dataview-footer { background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid rgba(255, 255, 255, 0.12); + .p-dataview .p-dataview-emptymessage { padding: 0.75rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -3331,139 +3223,110 @@ border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + .p-column-filter-menu-button:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 0.75rem; - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #CE93D8; + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: rgba(206, 147, 216, 0.16); - border-color: rgba(206, 147, 216, 0.16); - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { color: #CE93D8; } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: rgba(206, 147, 216, 0.16); - border-color: rgba(206, 147, 216, 0.16); - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1e1e1e; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #121212; - background: #CE93D8; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: rgba(206, 147, 216, 0.92); - color: #121212; - border-color: transparent; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: rgba(206, 147, 216, 0.68); - color: #121212; - border-color: transparent; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.38; - color: #121212; - background: #CE93D8; + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); + + .p-column-filter-overlay { + background: #2b2b2b; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #CE93D8; + background: rgba(206, 147, 216, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; - z-index: 1; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; } - .fc.fc-theme-standard .fc-highlight { - color: #CE93D8; - background: rgba(206, 147, 216, 0.16); + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 0.75rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0.75rem; } .p-orderlist .p-orderlist-controls { @@ -3504,6 +3367,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 0.75rem; @@ -3513,15 +3377,21 @@ background: transparent; transition: none; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 0.75rem; color: rgba(255, 255, 255, 0.87); @@ -3705,6 +3575,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 0.75rem; @@ -3714,15 +3585,21 @@ background: transparent; transition: none; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 0.75rem; color: rgba(255, 255, 255, 0.87); @@ -3781,6 +3658,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.25rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 4px; @@ -3817,11 +3700,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: rgba(206, 147, 216, 0.16); color: #CE93D8; @@ -4333,15 +4211,19 @@ border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 0.75rem; border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4813,7 +4695,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4826,7 +4709,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4836,7 +4720,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-contextmenu .p-menuitem-separator { @@ -4957,7 +4842,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4970,7 +4856,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4980,7 +4867,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-megamenu .p-megamenu-panel { @@ -5037,7 +4925,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } @@ -5076,7 +4965,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5089,7 +4979,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5099,7 +4990,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menu.p-menu-overlay { @@ -5171,7 +5063,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5201,7 +5094,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5214,7 +5108,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5224,7 +5119,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-submenu-list { @@ -5415,7 +5311,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5428,7 +5325,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5438,7 +5336,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5520,7 +5419,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5533,7 +5433,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5543,7 +5444,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-slidemenu.p-slidemenu-overlay { @@ -5756,7 +5658,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5769,7 +5672,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5779,7 +5683,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-tieredmenu .p-menuitem-separator { @@ -5800,25 +5705,25 @@ border-radius: 4px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 1px; - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 1px; - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 1px; color: #7f6003; @@ -5827,13 +5732,13 @@ color: #7f6003; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 1px; - color: #B71C1C; + color: #b71c1c; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5873,31 +5778,31 @@ box-shadow: none; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-icon { - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-close { - color: #01579B; + color: #01579b; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-close { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5909,16 +5814,16 @@ color: #7f6003; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-close { - color: #B71C1C; + color: #b71c1c; } .p-message .p-message-text { font-size: 1rem; @@ -5983,27 +5888,27 @@ box-shadow: none; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -6013,14 +5918,14 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #B71C1C; + color: #b71c1c; } .p-galleria .p-galleria-close { @@ -6215,19 +6120,19 @@ color: #121212; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-badge.p-badge-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-badge.p-badge-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-badge.p-badge-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } .p-badge.p-badge-lg { @@ -6349,19 +6254,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-tag.p-tag-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-tag.p-tag-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-tag.p-tag-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } .p-tag .p-tag-icon { @@ -7270,51 +7175,6 @@ background: transparent; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - background: rgba(206, 147, 216, 0.76); - } - .fc.fc-unthemed .fc-toolbar .fc-button:active { - background: rgba(206, 147, 216, 0.68); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(206, 147, 216, 0.76); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(206, 147, 216, 0.68); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - background: rgba(206, 147, 216, 0.76); - } - .fc.fc-theme-standard .fc-toolbar .fc-button:active { - background: rgba(206, 147, 216, 0.68); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(206, 147, 216, 0.76); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(206, 147, 216, 0.68); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - } - .p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(206, 147, 216, 0.16); } @@ -7563,25 +7423,25 @@ background-color: #1e1e1e; } - .p-rating .p-rating-icon { + .p-rating { + gap: 0; + } + .p-rating .p-rating-item { border-radius: 50%; width: 2rem; height: 2rem; - display: inline-flex; justify-content: center; - align-items: center; - margin-left: 0; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { background: rgba(206, 147, 216, 0.12); } - .p-rating .p-rating-icon.p-rating-cancel:focus { + .p-rating .p-rating-item.p-focus.p-rating-cancel-item { background: rgba(244, 68, 53, 0.12); } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover { background-color: rgba(0, 0, 0, 0.04); } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { background: rgba(244, 68, 53, 0.04); } @@ -7856,10 +7716,10 @@ border-color: rgba(255, 255, 255, 0.12); } - .p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(206, 147, 216, 0.12); } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); } .p-splitbutton.p-button-outlined > .p-button { @@ -7884,49 +7744,49 @@ color: rgba(255, 255, 255, 0.38) !important; border-color: rgba(255, 255, 255, 0.38) !important; } - .p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(165, 214, 167, 0.12); } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(165, 214, 167, 0.16); } - .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(144, 202, 249, 0.12); } - .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(197, 225, 165, 0.12); } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(255, 245, 157, 0.12); } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(206, 147, 216, 0.12); } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(239, 154, 154, 0.12); } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); } } diff --git a/src/assets/components/themes/mdc-dark-indigo/theme.css b/src/assets/components/themes/mdc-dark-indigo/theme.css index 42b54c9f955..3e709f86bff 100644 --- a/src/assets/components/themes/mdc-dark-indigo/theme.css +++ b/src/assets/components/themes/mdc-dark-indigo/theme.css @@ -1,16 +1,17 @@ :root { font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - --font-family:Roboto,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:hsla(0,0%,100%,.04); - --surface-d:hsla(0,0%,100%,.12); - --surface-e:#1e1e1e; - --surface-f:#262626; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#9FA8DA; - --primary-color-text:#121212; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: hsla(0, 0%, 100%, 0.04); + --surface-d: hsla(0, 0%, 100%, 0.12); + --surface-e: #1e1e1e; + --surface-f: #262626; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #9FA8DA; + --primary-color-text: #121212; --surface-0: #121212; --surface-50: #2a2a2a; --surface-100: #414141; @@ -32,15 +33,15 @@ --gray-700: #414141; --gray-800: #2a2a2a; --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#262626; - --surface-border:hsla(0,0%,100%,.12); - --surface-hover:hsla(0,0%,100%,.04); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #262626; + --surface-border: hsla(0, 0%, 100%, 0.12); + --surface-hover: hsla(0, 0%, 100%, 0.04); --maskbg: rgba(0, 0, 0, 0.32); --highlight-bg: rgba(159, 168, 218, 0.16); --highlight-text-color: #9FA8DA; @@ -195,6 +196,105 @@ --primary-900:#404357; } +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-content .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #9FA8DA; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #9FA8DA; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #9FA8DA; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #9FA8DA; +} + @layer primeng { * { box-sizing: border-box; @@ -276,41 +376,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.5rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: rgba(255, 255, 255, 0.6); } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - border-radius: 4px; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: rgba(255, 255, 255, 0.24); + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44435; } @@ -333,18 +436,20 @@ transition: none; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 0.75rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -354,6 +459,10 @@ font-weight: 400; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44435; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -371,6 +480,13 @@ border-color: #f44435; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } + .p-datepicker { padding: 0.5rem; background: #1e1e1e; @@ -631,6 +747,9 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #f44435; + } .p-cascadeselect-panel { background: #2b2b2b; @@ -650,33 +769,27 @@ transition: none; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 0.75rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 0.75rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f44435; - } .p-input-filled .p-cascadeselect { background: rgba(255, 255, 255, 0.06); @@ -688,6 +801,10 @@ background-color: rgba(255, 255, 255, 0.1); } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44435; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -767,24 +884,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(255, 255, 255, 0.6); } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - border-radius: 4px; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: rgba(255, 255, 255, 0.24); + color: rgba(255, 255, 255, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -793,9 +915,9 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -857,7 +979,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -872,6 +994,9 @@ color: rgba(255, 255, 255, 0.6); right: 2.75rem; } + .p-dropdown.p-invalid.p-component { + border-color: #f44435; + } .p-dropdown-panel { background: #2b2b2b; @@ -913,14 +1038,16 @@ color: #9FA8DA; background: rgba(159, 168, 218, 0.16); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); + background: rgba(255, 255, 255, 0.12); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 0.75rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.04); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -929,9 +1056,10 @@ background: transparent; font-weight: 400; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f44435; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -947,105 +1075,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #1e1e1e; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid rgba(255, 255, 255, 0.12); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #2b2b2b; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; - padding: 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 0.75rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid rgba(255, 255, 255, 0.12); - } - .p-editor-container .p-editor-content .ql-editor { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #9FA8DA; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #9FA8DA; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #9FA8DA; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #9FA8DA; - } - .p-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1302,6 +1331,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 0.75rem; @@ -1324,6 +1354,7 @@ } .p-listbox .p-listbox-list { padding: 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1337,11 +1368,6 @@ color: #9FA8DA; background: rgba(159, 168, 218, 0.16); } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1357,10 +1383,23 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #9FA8DA; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44435; @@ -1388,14 +1427,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - border-radius: 4px; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1408,10 +1445,18 @@ border-bottom-right-radius: 4px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; + } + .p-multiselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1474,15 +1519,17 @@ color: #9FA8DA; background: rgba(159, 168, 218, 0.16); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1499,10 +1546,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f44435; - } - .p-input-filled .p-multiselect { background: rgba(255, 255, 255, 0.06); } @@ -1513,12 +1556,8 @@ background-color: rgba(255, 255, 255, 0.1); } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.75rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44435; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1538,13 +1577,13 @@ background: rgba(159, 168, 218, 0.32); } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #EF9A9A; + background: #ef9a9a; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFF59D; + background: #fff59d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } p-password.p-password-clearable .p-password-input { @@ -1625,34 +1664,31 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #9FA8DA; - margin-left: 0.5rem; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); font-size: 1rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1rem; height: 1rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #f44435; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; + border-color: #9FA8DA; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #9FA8DA; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #9FA8DA; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f44435; } @@ -1924,12 +1960,12 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: rgba(159, 168, 218, 0.92); color: #121212; border-color: transparent; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: rgba(159, 168, 218, 0.68); color: #121212; border-color: transparent; @@ -1939,12 +1975,12 @@ color: #9FA8DA; border: 0 none; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(159, 168, 218, 0.04); color: #9FA8DA; border: 0 none; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(159, 168, 218, 0.16); color: #9FA8DA; border: 0 none; @@ -1953,11 +1989,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -1966,12 +2002,12 @@ color: #9FA8DA; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(159, 168, 218, 0.04); color: #9FA8DA; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(159, 168, 218, 0.16); color: #9FA8DA; border-color: transparent; @@ -1979,11 +2015,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2067,298 +2103,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #121212; background: #F48FB1; border: 0 none; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.92); color: #121212; border-color: transparent; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.68); color: #121212; border-color: transparent; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #F48FB1; border: 0 none; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); color: #F48FB1; border: 0 none; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); color: #F48FB1; border: 0 none; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #F48FB1; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; color: #F48FB1; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; color: #F48FB1; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #212121; - background: #90CAF9; + background: #90caf9; border: 0 none; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #90CAF9; + color: #90caf9; border: 0 none; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); - color: #90CAF9; + color: #90caf9; border: 0 none; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(144, 202, 249, 0.16); - color: #90CAF9; + color: #90caf9; border: 0 none; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #90CAF9; + color: #90caf9; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; - color: #90CAF9; + color: #90caf9; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; - color: #90CAF9; + color: #90caf9; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #212121; - background: #C5E1A5; + background: #c5e1a5; border: 0 none; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212121; - background: #FFF59D; + background: #fff59d; border: 0 none; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FFF59D; + color: #fff59d; border: 0 none; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); - color: #FFF59D; + color: #fff59d; border: 0 none; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 245, 157, 0.16); - color: #FFF59D; + color: #fff59d; border: 0 none; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FFF59D; + color: #fff59d; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; - color: #FFF59D; + color: #fff59d; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; - color: #FFF59D; + color: #fff59d; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #212121; - background: #CE93D8; + background: #ce93d8; border: 0 none; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 0 none; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; border: 0 none; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; border: 0 none; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #212121; - background: #EF9A9A; + background: #ef9a9a; border: 0 none; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.92); color: #212121; border-color: transparent; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.68); color: #212121; border-color: transparent; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-button.p-button-link { @@ -2366,20 +2522,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #9FA8DA; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: none; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #9FA8DA; border-color: transparent; @@ -2471,11 +2627,11 @@ color: #9FA8DA; border: 0 none; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(159, 168, 218, 0.04); color: #9FA8DA; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(159, 168, 218, 0.16); color: #9FA8DA; } @@ -2483,11 +2639,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2496,12 +2652,12 @@ color: #9FA8DA; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(159, 168, 218, 0.04); color: #9FA8DA; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(159, 168, 218, 0.16); color: #9FA8DA; border-color: transparent; @@ -2509,11 +2665,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2546,11 +2702,11 @@ color: #F48FB1; border: 0 none; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); color: #F48FB1; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); color: #F48FB1; } @@ -2559,12 +2715,12 @@ color: #F48FB1; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; color: #F48FB1; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; color: #F48FB1; @@ -2572,147 +2728,147 @@ .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #90CAF9; + color: #90caf9; border: 0 none; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); - color: #90CAF9; + color: #90caf9; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #90CAF9; + color: #90caf9; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; - color: #90CAF9; + color: #90caf9; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFF59D; + color: #fff59d; border: 0 none; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); - color: #FFF59D; + color: #fff59d; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFF59D; + color: #fff59d; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; - color: #FFF59D; + color: #fff59d; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 0 none; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; + color: #ef9a9a; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; + color: #ef9a9a; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3008,321 +3164,57 @@ padding: 0.9375rem 0.9375rem; } .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 0.9375rem 0.9375rem; - } - .p-datatable.p-datatable-lg .p-datatable-footer { - padding: 0.9375rem 0.9375rem; - } - - .p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; - } - .p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; - } - .p-dataview .p-dataview-header { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; - } - .p-dataview .p-dataview-content { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - padding: 0.75rem; - } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid rgba(255, 255, 255, 0.12); - border-width: 0 0 1px 0; - } - .p-dataview .p-dataview-footer { - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #404040; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - } - .p-dataview .p-dataview-loading-icon { - font-size: 2rem; - } - .p-dataview .p-dataview-emptymessage { - padding: 0.75rem; - } - - .p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; - } - - .p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); - } - .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.6); - } - .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(159, 168, 218, 0.16); - color: #9FA8DA; - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - - .p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.6); - border-color: transparent; - background: rgba(255, 255, 255, 0.04); - } - .p-column-filter-clear-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - - .p-column-filter-overlay { - background: #2b2b2b; - color: rgba(255, 255, 255, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - min-width: 12.5rem; - } - .p-column-filter-overlay .p-column-filter-row-items { - padding: 0; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: none; - border-radius: 0; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); - margin: 0.5rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - background: #2b2b2b; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - } - .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; - } - .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; - } - .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; - } - .p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 0.75rem; - } - .p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 0.75rem; - } - - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid rgba(255, 255, 255, 0.12); - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid rgba(255, 255, 255, 0.12); - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: rgba(159, 168, 218, 0.16); - border: 1px solid rgba(159, 168, 218, 0.16); - color: #9FA8DA; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.12); - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #121212; - background: #9FA8DA; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: rgba(159, 168, 218, 0.92); - color: #121212; - border-color: transparent; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: rgba(159, 168, 218, 0.68); - color: #121212; - border-color: transparent; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; + padding: 0.9375rem 0.9375rem; } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 0.9375rem; } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: rgba(255, 255, 255, 0.12); + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; } - .fc.fc-theme-standard .fc-view-harness th { + .p-dataview .p-dataview-header { background: #1e1e1e; - border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; } - .fc.fc-theme-standard .fc-view-harness td { + .p-dataview .p-dataview-content { + background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-color: rgba(255, 255, 255, 0.12); + border: 0 none; + padding: 0.75rem; } - .fc.fc-theme-standard .fc-view-harness .fc-view { + .p-dataview .p-dataview-footer { background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid rgba(255, 255, 255, 0.12); + .p-dataview .p-dataview-emptymessage { padding: 0.75rem; - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); @@ -3331,139 +3223,110 @@ border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + .p-column-filter-menu-button:hover { color: rgba(255, 255, 255, 0.6); border-color: transparent; background: rgba(255, 255, 255, 0.04); } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 0.75rem; - border: 1px solid rgba(255, 255, 255, 0.12); - background: #1e1e1e; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #9FA8DA; + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: rgba(159, 168, 218, 0.16); - border-color: rgba(159, 168, 218, 0.16); - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { color: #9FA8DA; } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: rgba(159, 168, 218, 0.16); - border-color: rgba(159, 168, 218, 0.16); - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1e1e1e; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #121212; - background: #9FA8DA; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: rgba(159, 168, 218, 0.92); - color: #121212; - border-color: transparent; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: rgba(159, 168, 218, 0.68); - color: #121212; - border-color: transparent; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.38; - color: #121212; - background: #9FA8DA; + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; + .p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #2f2f2f; - border: 1px solid rgba(255, 255, 255, 0.12); + + .p-column-filter-overlay { + background: #2b2b2b; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #373737; - border-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.87); + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; - z-index: 1; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; } - .fc.fc-theme-standard .fc-highlight { - color: #9FA8DA; - background: rgba(159, 168, 218, 0.16); + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 0.75rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0.75rem; } .p-orderlist .p-orderlist-controls { @@ -3504,6 +3367,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 0.75rem; @@ -3513,15 +3377,21 @@ background: transparent; transition: none; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 0.75rem; color: rgba(255, 255, 255, 0.87); @@ -3705,6 +3575,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 0.75rem; @@ -3714,15 +3585,21 @@ background: transparent; transition: none; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 0.75rem; color: rgba(255, 255, 255, 0.87); @@ -3781,6 +3658,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.25rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 4px; @@ -3817,11 +3700,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: rgba(159, 168, 218, 0.16); color: #9FA8DA; @@ -4333,15 +4211,19 @@ border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 0.75rem; border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4813,7 +4695,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4826,7 +4709,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4836,7 +4720,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-contextmenu .p-menuitem-separator { @@ -4957,7 +4842,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4970,7 +4856,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4980,7 +4867,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-megamenu .p-megamenu-panel { @@ -5037,7 +4925,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } @@ -5076,7 +4965,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5089,7 +4979,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5099,7 +4990,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menu.p-menu-overlay { @@ -5171,7 +5063,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5201,7 +5094,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5214,7 +5108,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5224,7 +5119,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-submenu-list { @@ -5415,7 +5311,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5428,7 +5325,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5438,7 +5336,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5520,7 +5419,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5533,7 +5433,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5543,7 +5444,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-slidemenu.p-slidemenu-overlay { @@ -5756,7 +5658,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5769,7 +5672,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5779,7 +5683,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-tieredmenu .p-menuitem-separator { @@ -5800,25 +5705,25 @@ border-radius: 4px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 1px; - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 1px; - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 1px; color: #7f6003; @@ -5827,13 +5732,13 @@ color: #7f6003; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 1px; - color: #B71C1C; + color: #b71c1c; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5873,31 +5778,31 @@ box-shadow: none; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-icon { - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-close { - color: #01579B; + color: #01579b; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-close { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5909,16 +5814,16 @@ color: #7f6003; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-close { - color: #B71C1C; + color: #b71c1c; } .p-message .p-message-text { font-size: 1rem; @@ -5983,27 +5888,27 @@ box-shadow: none; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -6013,14 +5918,14 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #B71C1C; + color: #b71c1c; } .p-galleria .p-galleria-close { @@ -6215,19 +6120,19 @@ color: #121212; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-badge.p-badge-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-badge.p-badge-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-badge.p-badge-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } .p-badge.p-badge-lg { @@ -6349,19 +6254,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-tag.p-tag-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-tag.p-tag-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-tag.p-tag-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } .p-tag .p-tag-icon { @@ -7270,51 +7175,6 @@ background: transparent; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - background: rgba(159, 168, 218, 0.76); - } - .fc.fc-unthemed .fc-toolbar .fc-button:active { - background: rgba(159, 168, 218, 0.68); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(159, 168, 218, 0.76); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(159, 168, 218, 0.68); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - background: rgba(159, 168, 218, 0.76); - } - .fc.fc-theme-standard .fc-toolbar .fc-button:active { - background: rgba(159, 168, 218, 0.68); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(159, 168, 218, 0.76); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(159, 168, 218, 0.68); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #1c1c1c; - border-color: rgba(255, 255, 255, 0.12); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #262626; - border-color: rgba(255, 255, 255, 0.12); - } - .p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(159, 168, 218, 0.16); } @@ -7563,25 +7423,25 @@ background-color: #1e1e1e; } - .p-rating .p-rating-icon { + .p-rating { + gap: 0; + } + .p-rating .p-rating-item { border-radius: 50%; width: 2rem; height: 2rem; - display: inline-flex; justify-content: center; - align-items: center; - margin-left: 0; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { background: rgba(159, 168, 218, 0.12); } - .p-rating .p-rating-icon.p-rating-cancel:focus { + .p-rating .p-rating-item.p-focus.p-rating-cancel-item { background: rgba(244, 68, 53, 0.12); } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover { background-color: rgba(0, 0, 0, 0.04); } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { background: rgba(244, 68, 53, 0.04); } @@ -7856,10 +7716,10 @@ border-color: rgba(255, 255, 255, 0.12); } - .p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(159, 168, 218, 0.12); } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(159, 168, 218, 0.16); } .p-splitbutton.p-button-outlined > .p-button { @@ -7884,49 +7744,49 @@ color: rgba(255, 255, 255, 0.38) !important; border-color: rgba(255, 255, 255, 0.38) !important; } - .p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(244, 143, 177, 0.12); } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); } - .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(144, 202, 249, 0.12); } - .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(197, 225, 165, 0.12); } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(255, 245, 157, 0.12); } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(206, 147, 216, 0.12); } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(239, 154, 154, 0.12); } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); } } diff --git a/src/assets/components/themes/mdc-light-deeppurple/theme.css b/src/assets/components/themes/mdc-light-deeppurple/theme.css index 4f743d042a1..44032f51c8e 100644 --- a/src/assets/components/themes/mdc-light-deeppurple/theme.css +++ b/src/assets/components/themes/mdc-light-deeppurple/theme.css @@ -1,46 +1,47 @@ :root { font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - --font-family:Roboto,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; - --surface-a:#ffffff; - --surface-b:#fafafa; - --surface-c:rgba(0,0,0,.04); - --surface-d:rgba(0,0,0,.12); - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:rgba(0, 0, 0, 0.87); - --text-color-secondary:rgba(0, 0, 0, 0.6); - --primary-color:#673AB7; - --primary-color-text:#ffffff; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #ffffff; + --surface-b: #fafafa; + --surface-c: rgba(0, 0, 0, 0.04); + --surface-d: rgba(0, 0, 0, 0.12); + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: rgba(0, 0, 0, 0.87); + --text-color-secondary: rgba(0, 0, 0, 0.6); + --primary-color: #673AB7; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; + --surface-50: #fafafa; + --surface-100: #f5f5f5; + --surface-200: #eeeeee; + --surface-300: #e0e0e0; + --surface-400: #bdbdbd; + --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; + --gray-50: #fafafa; + --gray-100: #f5f5f5; + --gray-200: #eeeeee; + --gray-300: #e0e0e0; + --gray-400: #bdbdbd; + --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#fafafa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:rgba(0,0,0,.12); - --surface-hover:rgba(0,0,0,.04); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #fafafa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: rgba(0, 0, 0, 0.12); + --surface-hover: rgba(0, 0, 0, 0.04); --maskbg: rgba(0, 0, 0, 0.32); --highlight-bg: rgba(103, 58, 183, 0.12); --highlight-text-color: #673AB7; @@ -195,6 +196,105 @@ --primary-900:#291749; } +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #673AB7; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #673AB7; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #673AB7; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #673AB7; +} + @layer primeng { * { box-sizing: border-box; @@ -217,7 +317,7 @@ } .p-error { - color: #B00020; + color: #b00020; } .p-text-secondary { @@ -276,42 +376,45 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.5rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: rgba(0, 0, 0, 0.87); } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #673AB7; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(0, 0, 0, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: rgba(103, 58, 183, 0.12); - color: #673AB7; - border-radius: 4px; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #B00020; + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: rgba(0, 0, 0, 0.24); + color: rgba(0, 0, 0, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #b00020; } .p-autocomplete-panel { @@ -333,18 +436,20 @@ transition: none; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 0.75rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(0, 0, 0, 0.87); - background: transparent; + background: rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -354,6 +459,10 @@ font-weight: 400; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #b00020; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -368,7 +477,14 @@ } p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #B00020; + border-color: #b00020; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; } .p-datepicker { @@ -631,6 +747,9 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #b00020; + } .p-cascadeselect-panel { background: #ffffff; @@ -650,33 +769,27 @@ transition: none; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 0.75rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 0.75rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #B00020; - } .p-input-filled .p-cascadeselect { background: #f5f5f5; @@ -688,6 +801,10 @@ background-color: #dcdcdc; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #b00020; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -747,7 +864,7 @@ } p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #B00020; + border-color: #b00020; } .p-input-filled .p-checkbox .p-checkbox-box { @@ -767,24 +884,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(0, 0, 0, 0.87); } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #673AB7; } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; - background: rgba(103, 58, 183, 0.12); - color: #673AB7; - border-radius: 4px; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: rgba(0, 0, 0, 0.24); + color: rgba(0, 0, 0, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -793,16 +915,16 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(0, 0, 0, 0.87); padding: 0; margin: 0; } p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } p-chips.p-chips-clearable .p-inputtext { @@ -857,7 +979,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(0, 0, 0, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -872,6 +994,9 @@ color: rgba(0, 0, 0, 0.6); right: 2.75rem; } + .p-dropdown.p-invalid.p-component { + border-color: #b00020; + } .p-dropdown-panel { background: #ffffff; @@ -913,14 +1038,16 @@ color: #673AB7; background: rgba(103, 58, 183, 0.12); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); + background: rgba(0, 0, 0, 0.12); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 0.75rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); - background: transparent; + background: rgba(0, 0, 0, 0.04); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -929,9 +1056,10 @@ background: #ffffff; font-weight: 400; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #B00020; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -947,105 +1075,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #ffffff; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #e0e0e0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(0, 0, 0, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(0, 0, 0, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(0, 0, 0, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; - padding: 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 0.75rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #e0e0e0; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(0, 0, 0, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(0, 0, 0, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #673AB7; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #673AB7; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #673AB7; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #673AB7; - } - .p-inputgroup-addon { background: #ffffff; color: rgba(0, 0, 0, 0.6); @@ -1121,7 +1150,7 @@ } p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } p-inputmask.p-inputmask-clearable .p-inputtext { @@ -1133,7 +1162,7 @@ } p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { @@ -1191,7 +1220,7 @@ } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #B00020; + border-color: #b00020; } .p-inputtext { @@ -1216,7 +1245,7 @@ border-color: #673AB7; } .p-inputtext.ng-dirty.ng-invalid { - border-color: #B00020; + border-color: #b00020; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1234,7 +1263,7 @@ } .p-float-label > .ng-invalid.ng-dirty + label { - color: #B00020; + color: #b00020; } .p-input-icon-left > .p-icon-wrapper.p-icon, @@ -1302,6 +1331,7 @@ color: rgba(0, 0, 0, 0.87); border: 1px solid #e5e5e5; border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 0.75rem; @@ -1324,6 +1354,7 @@ } .p-listbox .p-listbox-list { padding: 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1337,11 +1368,6 @@ color: #673AB7; background: rgba(103, 58, 183, 0.12); } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1357,13 +1383,26 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #673AB7; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #B00020; + border-color: #b00020; } .p-multiselect { @@ -1388,14 +1427,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(0, 0, 0, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; - background: rgba(103, 58, 183, 0.12); - color: #673AB7; - border-radius: 4px; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1408,10 +1445,18 @@ border-bottom-right-radius: 4px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; + } + .p-multiselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1474,15 +1519,17 @@ color: #673AB7; background: rgba(103, 58, 183, 0.12); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1499,10 +1546,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #B00020; - } - .p-input-filled .p-multiselect { background: #f5f5f5; } @@ -1513,16 +1556,12 @@ background-color: #dcdcdc; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(0, 0, 0, 0.6); - right: 2.75rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #b00020; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-password-panel { @@ -1538,13 +1577,13 @@ background: rgba(103, 58, 183, 0.32); } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; + background: #d32f2f; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; + background: #fbc02d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; + background: #689f38; } p-password.p-password-clearable .p-password-input { @@ -1602,7 +1641,7 @@ } p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #B00020; + border-color: #b00020; } .p-input-filled .p-radiobutton .p-radiobutton-box { @@ -1625,35 +1664,32 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #673AB7; - margin-left: 0.5rem; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); font-size: 1rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1rem; height: 1rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #B00020; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #b00020; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; + border-color: #673AB7; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #673AB7; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #673AB7; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #B00020; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #b00020; } .p-selectbutton .p-button { @@ -1695,7 +1731,7 @@ } p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #B00020; + border-color: #b00020; } .p-slider { @@ -1789,7 +1825,7 @@ } p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #B00020; + border-color: #b00020; } .p-treeselect { @@ -1830,7 +1866,7 @@ } p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #B00020; + border-color: #b00020; } .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { @@ -1924,12 +1960,12 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: rgba(103, 58, 183, 0.92); color: #ffffff; border-color: transparent; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: rgba(103, 58, 183, 0.68); color: #ffffff; border-color: transparent; @@ -1939,12 +1975,12 @@ color: #673AB7; border: 0 none; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(103, 58, 183, 0.04); color: #673AB7; border: 0 none; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(103, 58, 183, 0.16); color: #673AB7; border: 0 none; @@ -1953,11 +1989,11 @@ color: rgba(0, 0, 0, 0.6); border-color: rgba(0, 0, 0, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(0, 0, 0, 0.16); color: rgba(0, 0, 0, 0.6); } @@ -1966,12 +2002,12 @@ color: #673AB7; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(103, 58, 183, 0.04); color: #673AB7; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(103, 58, 183, 0.16); color: #673AB7; border-color: transparent; @@ -1979,11 +2015,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(0, 0, 0, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(0, 0, 0, 0.16); color: rgba(0, 0, 0, 0.6); } @@ -2067,298 +2103,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #4CAF50; border: 0 none; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: rgba(76, 175, 80, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: rgba(76, 175, 80, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #4CAF50; border: 0 none; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); color: #4CAF50; border: 0 none; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(76, 175, 80, 0.16); color: #4CAF50; border: 0 none; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #4CAF50; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); border-color: transparent; color: #4CAF50; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(76, 175, 80, 0.16); border-color: transparent; color: #4CAF50; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; - background: #2196F3; + background: #2196f3; border: 0 none; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #2196F3; + color: #2196f3; border: 0 none; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + color: #2196f3; border: 0 none; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + color: #2196f3; border: 0 none; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #2196F3; + color: #2196f3; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; - color: #2196F3; + color: #2196f3; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; - color: #2196F3; + color: #2196f3; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; - background: #689F38; + background: #689f38; border: 0 none; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #689F38; + color: #689f38; border: 0 none; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; border: 0 none; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; border: 0 none; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; - background: #FBC02D; + background: #fbc02d; border: 0 none; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.92); color: #212529; border-color: transparent; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.68); color: #212529; border-color: transparent; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 0 none; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; border: 0 none; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; border: 0 none; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; - background: #9C27B0; + background: #9c27b0; border: 0 none; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 0 none; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; border: 0 none; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; border: 0 none; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; - background: #D32F2F; + background: #d32f2f; border: 0 none; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 0 none; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; border: 0 none; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; border: 0 none; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-button.p-button-link { @@ -2366,20 +2522,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #673AB7; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: none; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #673AB7; border-color: transparent; @@ -2471,11 +2627,11 @@ color: #673AB7; border: 0 none; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(103, 58, 183, 0.04); color: #673AB7; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(103, 58, 183, 0.16); color: #673AB7; } @@ -2483,11 +2639,11 @@ color: rgba(0, 0, 0, 0.6); border-color: rgba(0, 0, 0, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(0, 0, 0, 0.16); color: rgba(0, 0, 0, 0.6); } @@ -2496,12 +2652,12 @@ color: #673AB7; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(103, 58, 183, 0.04); color: #673AB7; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(103, 58, 183, 0.16); color: #673AB7; border-color: transparent; @@ -2509,11 +2665,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(0, 0, 0, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(0, 0, 0, 0.16); color: rgba(0, 0, 0, 0.6); } @@ -2546,11 +2702,11 @@ color: #4CAF50; border: 0 none; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); color: #4CAF50; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(76, 175, 80, 0.16); color: #4CAF50; } @@ -2559,12 +2715,12 @@ color: #4CAF50; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); border-color: transparent; color: #4CAF50; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(76, 175, 80, 0.16); border-color: transparent; color: #4CAF50; @@ -2572,147 +2728,147 @@ .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #2196F3; + color: #2196f3; border: 0 none; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + color: #2196f3; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #2196F3; + color: #2196f3; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; - color: #2196F3; + color: #2196f3; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border: 0 none; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 0 none; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 0 none; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 0 none; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3007,322 +3163,58 @@ .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { padding: 0.9375rem 0.9375rem; } - .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 0.9375rem 0.9375rem; - } - .p-datatable.p-datatable-lg .p-datatable-footer { - padding: 0.9375rem 0.9375rem; - } - - .p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; - } - .p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; - } - .p-dataview .p-dataview-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; - } - .p-dataview .p-dataview-content { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - padding: 0.75rem; - } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - } - .p-dataview .p-dataview-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - } - .p-dataview .p-dataview-loading-icon { - font-size: 2rem; - } - .p-dataview .p-dataview-emptymessage { - padding: 0.75rem; - } - - .p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; - } - - .p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-column-filter-menu-button:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); - } - .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); - } - .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(103, 58, 183, 0.12); - color: #673AB7; - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - - .p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-column-filter-clear-button:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); - } - .p-column-filter-clear-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - - .p-column-filter-overlay { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - min-width: 12.5rem; - } - .p-column-filter-overlay .p-column-filter-row-items { - padding: 0; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 0.75rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - } - .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; - } - .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; - } - .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; - } - .p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 0.75rem; - } - .p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 0.75rem; - } - - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #ffffff; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #e0e0e0; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #e0e0e0; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: rgba(103, 58, 183, 0.12); - border: 1px solid rgba(103, 58, 183, 0.12); - color: #673AB7; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #ffffff; - border: 1px solid #e0e0e0; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #673AB7; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: rgba(103, 58, 183, 0.92); - color: #ffffff; - border-color: transparent; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: rgba(103, 58, 183, 0.68); - color: #ffffff; - border-color: transparent; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 0.9375rem; } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #e0e0e0; + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; } - .fc.fc-theme-standard .fc-view-harness th { + .p-dataview .p-dataview-header { background: #ffffff; - border-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; } - .fc.fc-theme-standard .fc-view-harness td { + .p-dataview .p-dataview-content { + background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-color: #e0e0e0; + border: 0 none; + padding: 0.75rem; } - .fc.fc-theme-standard .fc-view-harness .fc-view { + .p-dataview .p-dataview-footer { background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #e0e0e0; + .p-dataview .p-dataview-emptymessage { padding: 0.75rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { width: 2rem; height: 2rem; color: rgba(0, 0, 0, 0.6); @@ -3331,139 +3223,110 @@ border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + .p-column-filter-menu-button:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 0.75rem; - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top: 0 none; + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #673AB7; + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: rgba(103, 58, 183, 0.12); - border-color: rgba(103, 58, 183, 0.12); - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { color: #673AB7; } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: rgba(103, 58, 183, 0.12); - border-color: rgba(103, 58, 183, 0.12); - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #673AB7; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: rgba(103, 58, 183, 0.92); - color: #ffffff; - border-color: transparent; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: rgba(103, 58, 183, 0.68); - color: #ffffff; - border-color: transparent; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.38; - color: #ffffff; - background: #673AB7; + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; + .p-column-filter-clear-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + + .p-column-filter-overlay { background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #e0e0e1; - border-color: #e0e0e1; + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #d9d8d9; - border-color: #d9d8d9; + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; - z-index: 1; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); } - .fc.fc-theme-standard a { - color: rgba(0, 0, 0, 0.87); + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; } - .fc.fc-theme-standard .fc-highlight { - color: #673AB7; - background: rgba(103, 58, 183, 0.12); + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 0.75rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0.75rem; } .p-orderlist .p-orderlist-controls { @@ -3504,6 +3367,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 0.75rem; @@ -3513,15 +3377,21 @@ background: transparent; transition: none; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 0.75rem; color: rgba(0, 0, 0, 0.87); @@ -3705,6 +3575,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 0.75rem; @@ -3714,15 +3585,21 @@ background: transparent; transition: none; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 0.75rem; color: rgba(0, 0, 0, 0.87); @@ -3781,6 +3658,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.25rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 4px; @@ -3817,11 +3700,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(0, 0, 0, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: rgba(103, 58, 183, 0.12); color: #673AB7; @@ -4333,15 +4211,19 @@ border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 0.75rem; border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4813,7 +4695,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4826,7 +4709,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4836,7 +4720,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-contextmenu .p-menuitem-separator { @@ -4957,7 +4842,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4970,7 +4856,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4980,7 +4867,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-megamenu .p-megamenu-panel { @@ -5037,7 +4925,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } @@ -5076,7 +4965,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5089,7 +4979,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5099,7 +4990,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menu.p-menu-overlay { @@ -5171,7 +5063,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5201,7 +5094,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5214,7 +5108,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5224,7 +5119,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-submenu-list { @@ -5415,7 +5311,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5428,7 +5325,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5438,7 +5336,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5520,7 +5419,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5533,7 +5433,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5543,7 +5444,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-slidemenu.p-slidemenu-overlay { @@ -5756,7 +5658,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5769,7 +5672,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5779,7 +5683,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-tieredmenu .p-menuitem-separator { @@ -5800,25 +5705,25 @@ border-radius: 4px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 1px; - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 1px; - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 1px; color: #7f6003; @@ -5827,13 +5732,13 @@ color: #7f6003; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 1px; - color: #B71C1C; + color: #b71c1c; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5873,31 +5778,31 @@ box-shadow: none; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-icon { - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-close { - color: #01579B; + color: #01579b; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-close { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5909,16 +5814,16 @@ color: #7f6003; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-close { - color: #B71C1C; + color: #b71c1c; } .p-message .p-message-text { font-size: 1rem; @@ -5983,27 +5888,27 @@ box-shadow: none; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -6013,14 +5918,14 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #B71C1C; + color: #b71c1c; } .p-galleria .p-galleria-close { @@ -6215,19 +6120,19 @@ color: #ffffff; } .p-badge.p-badge-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-badge.p-badge-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-badge.p-badge-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-badge.p-badge-lg { @@ -6349,19 +6254,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-tag .p-tag-icon { @@ -6475,7 +6380,7 @@ } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { box-shadow: none; @@ -6483,21 +6388,21 @@ } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-breadcrumb .p-menuitem-link { @@ -6729,16 +6634,16 @@ } p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: #B00020; + border-color: #b00020; } p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { box-shadow: none; } p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-input-filled .p-calendar-w-btn { @@ -6775,7 +6680,7 @@ } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -6783,14 +6688,14 @@ } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { border: 0 none; @@ -6850,14 +6755,14 @@ } .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { @@ -6870,18 +6775,18 @@ } .p-input-filled .p-cascadeselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { @@ -7007,18 +6912,18 @@ } .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-datatable .p-sortable-column { @@ -7090,18 +6995,18 @@ } .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-galleria .p-galleria-indicators { @@ -7120,7 +7025,7 @@ box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; } .p-inputtext:enabled:focus.ng-invalid.ng-dirty { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-input-filled .p-inputtext { @@ -7146,7 +7051,7 @@ } .p-input-filled .p-inputtext.ng-invalid.ng-dirty { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { box-shadow: none; @@ -7184,12 +7089,12 @@ } p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -7197,12 +7102,12 @@ } p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -7270,51 +7175,6 @@ background: transparent; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - background: rgba(103, 58, 183, 0.76); - } - .fc.fc-unthemed .fc-toolbar .fc-button:active { - background: rgba(103, 58, 183, 0.68); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(103, 58, 183, 0.76); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(103, 58, 183, 0.68); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - background: rgba(103, 58, 183, 0.76); - } - .fc.fc-theme-standard .fc-toolbar .fc-button:active { - background: rgba(103, 58, 183, 0.68); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(103, 58, 183, 0.76); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(103, 58, 183, 0.68); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; - } - .p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(103, 58, 183, 0.16); } @@ -7426,18 +7286,18 @@ } .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-orderlist .p-orderlist-list .p-orderlist-item:focus { @@ -7563,25 +7423,25 @@ background-color: #ffffff; } - .p-rating .p-rating-icon { + .p-rating { + gap: 0; + } + .p-rating .p-rating-item { border-radius: 50%; width: 2rem; height: 2rem; - display: inline-flex; justify-content: center; - align-items: center; - margin-left: 0; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { background: rgba(103, 58, 183, 0.12); } - .p-rating .p-rating-icon.p-rating-cancel:focus { + .p-rating .p-rating-item.p-focus.p-rating-cancel-item { background: rgba(176, 0, 32, 0.12); } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover { background-color: rgba(0, 0, 0, 0.04); } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { background: rgba(176, 0, 32, 0.04); } @@ -7781,18 +7641,18 @@ } .p-input-filled .p-treeselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-treeselect.p-invalid:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { @@ -7856,10 +7716,10 @@ border-color: #d9d8d9; } - .p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(103, 58, 183, 0.12); } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(103, 58, 183, 0.16); } .p-splitbutton.p-button-outlined > .p-button { @@ -7884,49 +7744,49 @@ color: rgba(0, 0, 0, 0.38) !important; border-color: rgba(0, 0, 0, 0.38) !important; } - .p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(76, 175, 80, 0.12); } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(76, 175, 80, 0.16); } - .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(33, 150, 243, 0.12); } - .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(104, 159, 56, 0.12); } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(251, 192, 45, 0.12); } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(156, 39, 176, 0.12); } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(211, 47, 47, 0.12); } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); } } diff --git a/src/assets/components/themes/mdc-light-indigo/theme.css b/src/assets/components/themes/mdc-light-indigo/theme.css index 0e42afdbc62..728b0cba70a 100644 --- a/src/assets/components/themes/mdc-light-indigo/theme.css +++ b/src/assets/components/themes/mdc-light-indigo/theme.css @@ -1,46 +1,47 @@ :root { font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - --font-family:Roboto,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; - --surface-a:#ffffff; - --surface-b:#fafafa; - --surface-c:rgba(0,0,0,.04); - --surface-d:rgba(0,0,0,.12); - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:rgba(0, 0, 0, 0.87); - --text-color-secondary:rgba(0, 0, 0, 0.6); - --primary-color:#3F51B5; - --primary-color-text:#ffffff; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #ffffff; + --surface-b: #fafafa; + --surface-c: rgba(0, 0, 0, 0.04); + --surface-d: rgba(0, 0, 0, 0.12); + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: rgba(0, 0, 0, 0.87); + --text-color-secondary: rgba(0, 0, 0, 0.6); + --primary-color: #3F51B5; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; + --surface-50: #fafafa; + --surface-100: #f5f5f5; + --surface-200: #eeeeee; + --surface-300: #e0e0e0; + --surface-400: #bdbdbd; + --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; + --gray-50: #fafafa; + --gray-100: #f5f5f5; + --gray-200: #eeeeee; + --gray-300: #e0e0e0; + --gray-400: #bdbdbd; + --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#fafafa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:rgba(0,0,0,.12); - --surface-hover:rgba(0,0,0,.04); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #fafafa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: rgba(0, 0, 0, 0.12); + --surface-hover: rgba(0, 0, 0, 0.04); --maskbg: rgba(0, 0, 0, 0.32); --highlight-bg: rgba(63, 81, 181, 0.12); --highlight-text-color: #3F51B5; @@ -195,6 +196,105 @@ --primary-900:#192048; } +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #3F51B5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #3F51B5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #3F51B5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #3F51B5; +} + @layer primeng { * { box-sizing: border-box; @@ -217,7 +317,7 @@ } .p-error { - color: #B00020; + color: #b00020; } .p-text-secondary { @@ -276,42 +376,45 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.5rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: rgba(0, 0, 0, 0.87); } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #3F51B5; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(0, 0, 0, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; - border-radius: 4px; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #B00020; + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: rgba(0, 0, 0, 0.24); + color: rgba(0, 0, 0, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #b00020; } .p-autocomplete-panel { @@ -333,18 +436,20 @@ transition: none; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 0.75rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(0, 0, 0, 0.87); - background: transparent; + background: rgba(0, 0, 0, 0.12); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -354,6 +459,10 @@ font-weight: 400; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #b00020; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -368,7 +477,14 @@ } p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #B00020; + border-color: #b00020; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; } .p-datepicker { @@ -631,6 +747,9 @@ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #b00020; + } .p-cascadeselect-panel { background: #ffffff; @@ -650,33 +769,27 @@ transition: none; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 0.75rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 0.75rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #B00020; - } .p-input-filled .p-cascadeselect { background: #f5f5f5; @@ -688,6 +801,10 @@ background-color: #dcdcdc; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #b00020; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -747,7 +864,7 @@ } p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #B00020; + border-color: #b00020; } .p-input-filled .p-checkbox .p-checkbox-box { @@ -767,24 +884,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: rgba(0, 0, 0, 0.87); } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: #3F51B5; } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; - border-radius: 4px; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: rgba(0, 0, 0, 0.24); + color: rgba(0, 0, 0, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -793,16 +915,16 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(0, 0, 0, 0.87); padding: 0; margin: 0; } p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } p-chips.p-chips-clearable .p-inputtext { @@ -857,7 +979,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(0, 0, 0, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -872,6 +994,9 @@ color: rgba(0, 0, 0, 0.6); right: 2.75rem; } + .p-dropdown.p-invalid.p-component { + border-color: #b00020; + } .p-dropdown-panel { background: #ffffff; @@ -913,14 +1038,16 @@ color: #3F51B5; background: rgba(63, 81, 181, 0.12); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); + background: rgba(0, 0, 0, 0.12); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 0.75rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); - background: transparent; + background: rgba(0, 0, 0, 0.04); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -929,9 +1056,10 @@ background: #ffffff; font-weight: 400; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #B00020; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -947,105 +1075,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #ffffff; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #e0e0e0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(0, 0, 0, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(0, 0, 0, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(0, 0, 0, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - border-radius: 4px; - padding: 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(0, 0, 0, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 0.75rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #e0e0e0; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(0, 0, 0, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(0, 0, 0, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(0, 0, 0, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #3F51B5; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #3F51B5; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #3F51B5; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #3F51B5; - } - .p-inputgroup-addon { background: #ffffff; color: rgba(0, 0, 0, 0.6); @@ -1121,7 +1150,7 @@ } p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } p-inputmask.p-inputmask-clearable .p-inputtext { @@ -1133,7 +1162,7 @@ } p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { @@ -1191,7 +1220,7 @@ } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #B00020; + border-color: #b00020; } .p-inputtext { @@ -1216,7 +1245,7 @@ border-color: #3F51B5; } .p-inputtext.ng-dirty.ng-invalid { - border-color: #B00020; + border-color: #b00020; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1234,7 +1263,7 @@ } .p-float-label > .ng-invalid.ng-dirty + label { - color: #B00020; + color: #b00020; } .p-input-icon-left > .p-icon-wrapper.p-icon, @@ -1302,6 +1331,7 @@ color: rgba(0, 0, 0, 0.87); border: 1px solid #e5e5e5; border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } .p-listbox .p-listbox-header { padding: 0.75rem; @@ -1324,6 +1354,7 @@ } .p-listbox .p-listbox-list { padding: 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1337,11 +1368,6 @@ color: #3F51B5; background: rgba(63, 81, 181, 0.12); } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1357,13 +1383,26 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #3F51B5; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #B00020; + border-color: #b00020; } .p-multiselect { @@ -1388,14 +1427,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(0, 0, 0, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; - border-radius: 4px; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1408,10 +1445,18 @@ border-bottom-right-radius: 4px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; + } + .p-multiselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1474,15 +1519,17 @@ color: #3F51B5; background: rgba(63, 81, 181, 0.12); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1499,10 +1546,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #B00020; - } - .p-input-filled .p-multiselect { background: #f5f5f5; } @@ -1513,16 +1556,12 @@ background-color: #dcdcdc; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(0, 0, 0, 0.6); - right: 2.75rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #b00020; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-password-panel { @@ -1538,13 +1577,13 @@ background: rgba(63, 81, 181, 0.32); } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; + background: #d32f2f; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; + background: #fbc02d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; + background: #689f38; } p-password.p-password-clearable .p-password-input { @@ -1602,7 +1641,7 @@ } p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #B00020; + border-color: #b00020; } .p-input-filled .p-radiobutton .p-radiobutton-box { @@ -1625,35 +1664,32 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #3F51B5; - margin-left: 0.5rem; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); font-size: 1rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1rem; height: 1rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #B00020; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #b00020; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; + border-color: #3F51B5; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #3F51B5; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #3F51B5; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #B00020; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #b00020; } .p-selectbutton .p-button { @@ -1695,7 +1731,7 @@ } p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #B00020; + border-color: #b00020; } .p-slider { @@ -1789,7 +1825,7 @@ } p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #B00020; + border-color: #b00020; } .p-treeselect { @@ -1830,7 +1866,7 @@ } p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #B00020; + border-color: #b00020; } .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { @@ -1924,12 +1960,12 @@ transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); border-radius: 4px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: rgba(63, 81, 181, 0.92); color: #ffffff; border-color: transparent; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: rgba(63, 81, 181, 0.68); color: #ffffff; border-color: transparent; @@ -1939,12 +1975,12 @@ color: #3F51B5; border: 0 none; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(63, 81, 181, 0.04); color: #3F51B5; border: 0 none; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(63, 81, 181, 0.16); color: #3F51B5; border: 0 none; @@ -1953,11 +1989,11 @@ color: rgba(0, 0, 0, 0.6); border-color: rgba(0, 0, 0, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(0, 0, 0, 0.16); color: rgba(0, 0, 0, 0.6); } @@ -1966,12 +2002,12 @@ color: #3F51B5; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(63, 81, 181, 0.04); color: #3F51B5; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(63, 81, 181, 0.16); color: #3F51B5; border-color: transparent; @@ -1979,11 +2015,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(0, 0, 0, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(0, 0, 0, 0.16); color: rgba(0, 0, 0, 0.6); } @@ -2067,298 +2103,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #ff4081; border: 0 none; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: rgba(255, 64, 129, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: rgba(255, 64, 129, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #ff4081; border: 0 none; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 64, 129, 0.04); color: #ff4081; border: 0 none; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 64, 129, 0.16); color: #ff4081; border: 0 none; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #ff4081; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 64, 129, 0.04); border-color: transparent; color: #ff4081; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 64, 129, 0.16); border-color: transparent; color: #ff4081; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; - background: #2196F3; + background: #2196f3; border: 0 none; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #2196F3; + color: #2196f3; border: 0 none; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + color: #2196f3; border: 0 none; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + color: #2196f3; border: 0 none; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #2196F3; + color: #2196f3; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; - color: #2196F3; + color: #2196f3; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; - color: #2196F3; + color: #2196f3; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; - background: #689F38; + background: #689f38; border: 0 none; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #689F38; + color: #689f38; border: 0 none; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; border: 0 none; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; border: 0 none; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; - background: #FBC02D; + background: #fbc02d; border: 0 none; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.92); color: #212529; border-color: transparent; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.68); color: #212529; border-color: transparent; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 0 none; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; border: 0 none; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; border: 0 none; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; - background: #9C27B0; + background: #9c27b0; border: 0 none; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 0 none; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; border: 0 none; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; border: 0 none; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; - background: #D32F2F; + background: #d32f2f; border: 0 none; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.92); color: #ffffff; border-color: transparent; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: none; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.68); color: #ffffff; border-color: transparent; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 0 none; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; border: 0 none; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; border: 0 none; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-button.p-button-link { @@ -2366,20 +2522,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #3F51B5; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: none; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #3F51B5; border-color: transparent; @@ -2471,11 +2627,11 @@ color: #3F51B5; border: 0 none; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(63, 81, 181, 0.04); color: #3F51B5; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(63, 81, 181, 0.16); color: #3F51B5; } @@ -2483,11 +2639,11 @@ color: rgba(0, 0, 0, 0.6); border-color: rgba(0, 0, 0, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(0, 0, 0, 0.16); color: rgba(0, 0, 0, 0.6); } @@ -2496,12 +2652,12 @@ color: #3F51B5; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(63, 81, 181, 0.04); color: #3F51B5; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(63, 81, 181, 0.16); color: #3F51B5; border-color: transparent; @@ -2509,11 +2665,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(0, 0, 0, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(0, 0, 0, 0.16); color: rgba(0, 0, 0, 0.6); } @@ -2546,11 +2702,11 @@ color: #ff4081; border: 0 none; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 64, 129, 0.04); color: #ff4081; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 64, 129, 0.16); color: #ff4081; } @@ -2559,12 +2715,12 @@ color: #ff4081; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 64, 129, 0.04); border-color: transparent; color: #ff4081; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 64, 129, 0.16); border-color: transparent; color: #ff4081; @@ -2572,147 +2728,147 @@ .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #2196F3; + color: #2196f3; border: 0 none; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + color: #2196f3; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #2196F3; + color: #2196f3; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; - color: #2196F3; + color: #2196f3; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border: 0 none; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 0 none; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 0 none; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 0 none; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3007,322 +3163,58 @@ .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { padding: 0.9375rem 0.9375rem; } - .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { - padding: 0.9375rem 0.9375rem; - } - .p-datatable.p-datatable-lg .p-datatable-footer { - padding: 0.9375rem 0.9375rem; - } - - .p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; - } - .p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; - } - .p-dataview .p-dataview-header { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; - } - .p-dataview .p-dataview-content { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - padding: 0.75rem; - } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid rgba(0, 0, 0, 0.12); - border-width: 0 0 1px 0; - } - .p-dataview .p-dataview-footer { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 1px solid #e4e4e4; - border-width: 0 0 1px 0; - padding: 0.75rem 0.75rem; - font-weight: 500; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - } - .p-dataview .p-dataview-loading-icon { - font-size: 2rem; - } - .p-dataview .p-dataview-emptymessage { - padding: 0.75rem; - } - - .p-column-filter-row .p-column-filter-menu-button, -.p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; - } - - .p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-column-filter-menu-button:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); - } - .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); - } - .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(63, 81, 181, 0.12); - color: #3F51B5; - } - .p-column-filter-menu-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - - .p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(0, 0, 0, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .p-column-filter-clear-button:hover { - color: rgba(0, 0, 0, 0.6); - border-color: transparent; - background: rgba(0, 0, 0, 0.04); - } - .p-column-filter-clear-button:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - - .p-column-filter-overlay { - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); - min-width: 12.5rem; - } - .p-column-filter-overlay .p-column-filter-row-items { - padding: 0; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 0.75rem; - border: 0 none; - color: rgba(0, 0, 0, 0.87); - background: transparent; - transition: none; - border-radius: 0; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(0, 0, 0, 0.12); - margin: 0.5rem 0; - } - - .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - background: #ffffff; - margin: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 0.75rem; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - } - .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; - } - .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; - } - .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; - } - .p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 0.75rem; - } - .p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 0.75rem; - } - - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #ffffff; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #e0e0e0; - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #e0e0e0; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #e0e0e0; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: rgba(63, 81, 181, 0.12); - border: 1px solid rgba(63, 81, 181, 0.12); - color: #3F51B5; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #ffffff; - border: 1px solid #e0e0e0; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #3F51B5; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: rgba(63, 81, 181, 0.92); - color: #ffffff; - border-color: transparent; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: rgba(63, 81, 181, 0.68); - color: #ffffff; - border-color: transparent; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #e0e0e1; - border-color: #e0e0e1; - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #d9d8d9; - border-color: #d9d8d9; - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 0.9375rem; } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; + + .p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #e0e0e0; + .p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; } - .fc.fc-theme-standard .fc-view-harness th { + .p-dataview .p-dataview-header { background: #ffffff; - border-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; } - .fc.fc-theme-standard .fc-view-harness td { + .p-dataview .p-dataview-content { + background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-color: #e0e0e0; + border: 0 none; + padding: 0.75rem; } - .fc.fc-theme-standard .fc-view-harness .fc-view { + .p-dataview .p-dataview-footer { background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #e0e0e0; + .p-dataview .p-dataview-emptymessage { padding: 0.75rem; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; + + .p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; + } + + .p-column-filter-menu-button { width: 2rem; height: 2rem; color: rgba(0, 0, 0, 0.6); @@ -3331,139 +3223,110 @@ border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + .p-column-filter-menu-button:hover { color: rgba(0, 0, 0, 0.6); border-color: transparent; background: rgba(0, 0, 0, 0.04); } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 0.75rem; - border: 1px solid #e0e0e0; - background: #ffffff; - color: rgba(0, 0, 0, 0.87); - border-top: 0 none; + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #3F51B5; + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: rgba(63, 81, 181, 0.12); - border-color: rgba(63, 81, 181, 0.12); - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { color: #3F51B5; } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: rgba(63, 81, 181, 0.12); - border-color: rgba(63, 81, 181, 0.12); - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #3F51B5; - border: 0 none; - font-size: 1rem; - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); - border-radius: 4px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: rgba(63, 81, 181, 0.92); - color: #ffffff; - border-color: transparent; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: rgba(63, 81, 181, 0.68); - color: #ffffff; - border-color: transparent; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.38; - color: #ffffff; - background: #3F51B5; + + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; + .p-column-filter-clear-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + + .p-column-filter-overlay { background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); - transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f6f6f6; - border-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #e0e0e1; - border-color: #e0e0e1; + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #d9d8d9; - border-color: #d9d8d9; + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; - z-index: 1; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); } - .fc.fc-theme-standard a { - color: rgba(0, 0, 0, 0.87); + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; } - .fc.fc-theme-standard .fc-highlight { - color: #3F51B5; - background: rgba(63, 81, 181, 0.12); + .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; + } + .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; + } + .p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 0.75rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0.75rem; } .p-orderlist .p-orderlist-controls { @@ -3504,6 +3367,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 0.75rem; @@ -3513,15 +3377,21 @@ background: transparent; transition: none; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 0.75rem; color: rgba(0, 0, 0, 0.87); @@ -3705,6 +3575,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 0.75rem; @@ -3714,15 +3585,21 @@ background: transparent; transition: none; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 0.75rem; color: rgba(0, 0, 0, 0.87); @@ -3781,6 +3658,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.25rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 4px; @@ -3817,11 +3700,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(0, 0, 0, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: rgba(63, 81, 181, 0.12); color: #3F51B5; @@ -4333,15 +4211,19 @@ border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 0.75rem; border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4813,7 +4695,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4826,7 +4709,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4836,7 +4720,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-contextmenu .p-menuitem-separator { @@ -4957,7 +4842,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4970,7 +4856,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4980,7 +4867,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-megamenu .p-megamenu-panel { @@ -5037,7 +4925,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } @@ -5076,7 +4965,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5089,7 +4979,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5099,7 +4990,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menu.p-menu-overlay { @@ -5171,7 +5063,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5201,7 +5094,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5214,7 +5108,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5224,7 +5119,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-submenu-list { @@ -5415,7 +5311,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5428,7 +5325,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5438,7 +5336,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5520,7 +5419,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5533,7 +5433,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5543,7 +5444,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-slidemenu.p-slidemenu-overlay { @@ -5756,7 +5658,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5769,7 +5672,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5779,7 +5683,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-tieredmenu .p-menuitem-separator { @@ -5800,25 +5705,25 @@ border-radius: 4px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 1px; - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 1px; - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 1px; color: #7f6003; @@ -5827,13 +5732,13 @@ color: #7f6003; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 1px; - color: #B71C1C; + color: #b71c1c; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5873,31 +5778,31 @@ box-shadow: none; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-icon { - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-close { - color: #01579B; + color: #01579b; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-close { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5909,16 +5814,16 @@ color: #7f6003; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-close { - color: #B71C1C; + color: #b71c1c; } .p-message .p-message-text { font-size: 1rem; @@ -5983,27 +5888,27 @@ box-shadow: none; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -6013,14 +5918,14 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #B71C1C; + color: #b71c1c; } .p-galleria .p-galleria-close { @@ -6215,19 +6120,19 @@ color: #ffffff; } .p-badge.p-badge-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-badge.p-badge-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-badge.p-badge-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-badge.p-badge-lg { @@ -6349,19 +6254,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-tag .p-tag-icon { @@ -6475,7 +6380,7 @@ } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { box-shadow: none; @@ -6483,21 +6388,21 @@ } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-breadcrumb .p-menuitem-link { @@ -6729,16 +6634,16 @@ } p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { - border-color: #B00020; + border-color: #b00020; } p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { box-shadow: none; } p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-input-filled .p-calendar-w-btn { @@ -6775,7 +6680,7 @@ } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -6783,14 +6688,14 @@ } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { border: 0 none; @@ -6850,14 +6755,14 @@ } .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label { @@ -6870,18 +6775,18 @@ } .p-input-filled .p-cascadeselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { @@ -7007,18 +6912,18 @@ } .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-datatable .p-sortable-column { @@ -7090,18 +6995,18 @@ } .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-galleria .p-galleria-indicators { @@ -7120,7 +7025,7 @@ box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; } .p-inputtext:enabled:focus.ng-invalid.ng-dirty { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-input-filled .p-inputtext { @@ -7146,7 +7051,7 @@ } .p-input-filled .p-inputtext.ng-invalid.ng-dirty { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { box-shadow: none; @@ -7184,12 +7089,12 @@ } p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -7197,12 +7102,12 @@ } p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -7270,51 +7175,6 @@ background: transparent; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - background: rgba(63, 81, 181, 0.76); - } - .fc.fc-unthemed .fc-toolbar .fc-button:active { - background: rgba(63, 81, 181, 0.68); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(63, 81, 181, 0.76); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(63, 81, 181, 0.68); - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - background: rgba(63, 81, 181, 0.76); - } - .fc.fc-theme-standard .fc-toolbar .fc-button:active { - background: rgba(63, 81, 181, 0.68); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus { - background: rgba(63, 81, 181, 0.76); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active { - background: rgba(63, 81, 181, 0.68); - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus { - background: #e0e0e1; - border-color: #e0e0e1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight { - background: #d9d8d9; - border-color: #d9d8d9; - } - .p-listbox .p-listbox-list .p-listbox-item .p-ink { background-color: rgba(63, 81, 181, 0.16); } @@ -7426,18 +7286,18 @@ } .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-orderlist .p-orderlist-list .p-orderlist-item:focus { @@ -7563,25 +7423,25 @@ background-color: #ffffff; } - .p-rating .p-rating-icon { + .p-rating { + gap: 0; + } + .p-rating .p-rating-item { border-radius: 50%; width: 2rem; height: 2rem; - display: inline-flex; justify-content: center; - align-items: center; - margin-left: 0; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { background: rgba(63, 81, 181, 0.12); } - .p-rating .p-rating-icon.p-rating-cancel:focus { + .p-rating .p-rating-item.p-focus.p-rating-cancel-item { background: rgba(176, 0, 32, 0.12); } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover { background-color: rgba(0, 0, 0, 0.04); } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item { background: rgba(176, 0, 32, 0.04); } @@ -7781,18 +7641,18 @@ } .p-input-filled .p-treeselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-treeselect.p-invalid:not(.p-disabled).p-focus { - box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; + box-shadow: inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020, inset 0 0 0 1px #b00020; } .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { @@ -7856,10 +7716,10 @@ border-color: #d9d8d9; } - .p-splitbutton.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(63, 81, 181, 0.12); } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(63, 81, 181, 0.16); } .p-splitbutton.p-button-outlined > .p-button { @@ -7884,49 +7744,49 @@ color: rgba(0, 0, 0, 0.38) !important; border-color: rgba(0, 0, 0, 0.38) !important; } - .p-splitbutton.p-button-raised > .p-button:enabled:focus, .p-splitbutton.p-button-raised > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(255, 64, 129, 0.12); } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 64, 129, 0.16); } - .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(33, 150, 243, 0.12); } - .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(104, 159, 56, 0.12); } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(251, 192, 45, 0.12); } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(156, 39, 176, 0.12); } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):focus { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus { background: rgba(211, 47, 47, 0.12); } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); } } diff --git a/src/assets/components/themes/mira/theme.css b/src/assets/components/themes/mira/theme.css index 94c526b1732..be377a0c180 100644 --- a/src/assets/components/themes/mira/theme.css +++ b/src/assets/components/themes/mira/theme.css @@ -1,16 +1,16 @@ :root { font-family: "Inter", sans-serif; - --font-family:"Inter", sans-serif; - --surface-a:#ffffff; - --surface-b:#ECEFF4; - --surface-c:#D8DEE9; - --surface-d:#E5E9F0; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#4C566A; - --text-color-secondary:#81A1C1; - --primary-color:#5E81AC; - --primary-color-text:#ffffff; + --font-family: "Inter", sans-serif; + --surface-a: #ffffff; + --surface-b: #eceff4; + --surface-c: #d8dee9; + --surface-d: #e5e9f0; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4c566a; + --text-color-secondary: #81a1c1; + --primary-color: #5e81ac; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #edeef0; --surface-100: #dbdde1; @@ -32,19 +32,19 @@ --gray-700: #2e3440; --gray-800: #1e222a; --gray-900: #0f1115; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#ECEFF4; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#E5E9F0; - --surface-hover:#D8DEE9; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #eceff4; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e5e9f0; + --surface-hover: #d8dee9; --maskbg: rgba(112, 120, 136, 0.5); - --highlight-bg: #D8DEE9; - --highlight-text-color: #2E3440; - --focus-ring: 0 0 0 0.2rem #C0D0E0; + --highlight-bg: #d8dee9; + --highlight-text-color: #2e3440; + --focus-ring: 0 0 0 0.2rem #c0d0e0; color-scheme: light; } @@ -199,6 +199,105 @@ --primary-900:#263445; } +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e9f0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #81a1c1; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #81a1c1; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #81a1c1; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #4c566a; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #4c566a; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #4c566a; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #4c566a; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #4c566a; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #4c566a; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #4c566a; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #4c566a; + background: transparent; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e5e9f0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #4c566a; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #4c566a; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #4c566a; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #4c566a; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #5e81ac; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #5e81ac; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #5e81ac; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #5e81ac; +} + @layer primeng { * { box-sizing: border-box; @@ -221,11 +320,11 @@ } .p-error { - color: #BF616A; + color: #bf616a; } .p-text-secondary { - color: #81A1C1; + color: #81a1c1; } .pi { @@ -246,7 +345,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-component-overlay-enter { @@ -280,47 +379,50 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.857rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #81A1C1; + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #81a1c1; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - border-color: #81A1C1; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4C566A; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: #4c566a; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; - background: #D8DEE9; - color: #2E3440; - border-radius: 4px; + background: #e5e9f0; + color: #4c566a; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { - border-color: #BF616A; + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #d8dee9; + color: #4c566a; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #bf616a; } .p-autocomplete-panel { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; border-radius: 4px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -332,54 +434,67 @@ margin: 0; padding: 0.5rem 1rem; border: 0 none; - color: #4C566A; + color: #4c566a; background: transparent; transition: none; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #4C566A; - background: transparent; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; - color: #4C566A; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #bec8da; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4c566a; + background: #e5e9f0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #4c566a; background: transparent; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; - color: #4C566A; + color: #4c566a; background: #ffffff; font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #bf616a; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { - color: #81A1C1; + color: #81a1c1; right: 0.5rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { - color: #81A1C1; + color: #81a1c1; right: 2.857rem; } p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { - border-color: #BF616A; + border-color: #bf616a; + } + + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; } .p-datepicker { padding: 0.5rem; background: #ffffff; - color: #4C566A; - border: 1px solid #D8DEE9; + color: #4c566a; + border: 1px solid #d8dee9; border-radius: 4px; } .p-datepicker:not(.p-datepicker-inline) { @@ -392,11 +507,11 @@ } .p-datepicker .p-datepicker-header { padding: 0.5rem; - color: #4C566A; + color: #4c566a; background: #ffffff; font-weight: 600; margin: 0; - border-bottom: 1px solid #E5E9F0; + border-bottom: 1px solid #e5e9f0; border-top-right-radius: 4px; border-top-left-radius: 4px; } @@ -404,7 +519,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; @@ -412,29 +527,29 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - color: #4C566A; + color: #4c566a; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #5E81AC; + color: #5e81ac; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -461,52 +576,52 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-datepicker table td.p-datepicker-today > span { - background: #EBCB8B; - color: #2E3440; + background: #ebcb8b; + color: #2e3440; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; - border-top: 1px solid #E5E9F0; + border-top: 1px solid #e5e9f0; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid #E5E9F0; + border-top: 1px solid #e5e9f0; padding: 0.5rem; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -529,8 +644,8 @@ border-radius: 4px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -541,11 +656,11 @@ border-radius: 4px; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #E5E9F0; + border-left: 1px solid #e5e9f0; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -559,40 +674,40 @@ padding-right: 0; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #D8DEE9; + background: #d8dee9; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #D8DEE9; + background: #d8dee9; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #D8DEE9; + background: #d8dee9; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } p-calendar.p-calendar-clearable .p-calendar-clear-icon { - color: #81A1C1; + color: #81a1c1; right: 0.5rem; } p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { - color: #81A1C1; + color: #81a1c1; right: 2.857rem; } @@ -603,18 +718,18 @@ } .p-cascadeselect { background: #ffffff; - border: 1px solid #D8DEE9; + border: 1px solid #d8dee9; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 4px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #81A1C1; + border-color: #81a1c1; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - border-color: #81A1C1; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -622,7 +737,7 @@ padding: 0.5rem 0.5rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #4C566A; + color: #4c566a; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; @@ -630,15 +745,18 @@ } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; - color: #81A1C1; + color: #81a1c1; width: 2.357rem; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #bf616a; + } .p-cascadeselect-panel { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; border-radius: 4px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -649,54 +767,52 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; - color: #4C566A; + color: #4c566a; background: transparent; transition: none; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #2e3440; + background: #d8dee9; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #bec8da; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #2E3440; - background: #D8DEE9; + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4c566a; + background: #e5e9f0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4C566A; + color: #4c566a; background: transparent; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #BF616A; - } .p-input-filled .p-cascadeselect { - background: #ECEFF4; + background: #eceff4; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #bf616a; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { - color: #81A1C1; + color: #81a1c1; right: 2.357rem; } @@ -714,11 +830,11 @@ height: 20px; } .p-checkbox .p-checkbox-box { - border: 2px solid #D8DEE9; + border: 2px solid #d8dee9; background: #ffffff; width: 20px; height: 20px; - color: #4C566A; + color: #4c566a; border-radius: 4px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -732,63 +848,68 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #5E81AC; - background: #5E81AC; + border-color: #5e81ac; + background: #5e81ac; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #81A1C1; + border-color: #81a1c1; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - border-color: #81A1C1; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #48678c; - background: #81A1C1; + background: #81a1c1; color: #ffffff; } p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { - border-color: #BF616A; + border-color: #bf616a; } .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #5E81AC; + background: #5e81ac; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #81A1C1; + background: #81a1c1; } .p-checkbox-label { margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #81A1C1; + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #81a1c1; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - border-color: #81A1C1; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; - background: #D8DEE9; - color: #2E3440; - border-radius: 4px; + margin-right: 0.5rem; + background: #e5e9f0; + color: #4c566a; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d8dee9; + color: #4c566a; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -797,23 +918,23 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; - color: #4C566A; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; + color: #4c566a; padding: 0; margin: 0; } p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { - border-color: #BF616A; + border-color: #bf616a; } p-chips.p-chips-clearable .p-inputtext { padding-right: 1.5rem; } p-chips.p-chips-clearable .p-chips-clear-icon { - color: #81A1C1; + color: #81a1c1; right: 0.5rem; } @@ -838,18 +959,18 @@ .p-dropdown { background: #ffffff; - border: 1px solid #D8DEE9; + border: 1px solid #d8dee9; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 4px; } .p-dropdown:not(.p-disabled):hover { - border-color: #81A1C1; + border-color: #81a1c1; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - border-color: #81A1C1; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.5rem; @@ -859,27 +980,30 @@ border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { - color: #4C566A; + color: #4c566a; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-dropdown .p-dropdown-trigger { background: transparent; - color: #81A1C1; + color: #81a1c1; width: 2.357rem; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .p-dropdown .p-dropdown-clear-icon { - color: #81A1C1; + color: #81a1c1; right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #bf616a; + } .p-dropdown-panel { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; border-radius: 4px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -887,8 +1011,8 @@ .p-dropdown-panel .p-dropdown-header { padding: 0.5rem 1rem; border-bottom: 0 none; - color: #4C566A; - background: #ECEFF4; + color: #4c566a; + background: #eceff4; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -899,7 +1023,7 @@ } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-dropdown-panel .p-dropdown-items { padding: 0.5rem 0; @@ -908,41 +1032,44 @@ margin: 0; padding: 0.5rem 1rem; border: 0 none; - color: #4C566A; + color: #4c566a; background: transparent; transition: none; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #4C566A; - background: transparent; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #bec8da; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; - color: #4C566A; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4c566a; + background: #e5e9f0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #4c566a; background: transparent; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; - color: #4C566A; + color: #4c566a; background: #ffffff; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #BF616A; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: #4c566a; + background: transparent; } .p-input-filled .p-dropdown { - background: #ECEFF4; + background: #eceff4; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { background-color: #ffffff; @@ -951,116 +1078,17 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #ffffff; - border-top-right-radius: 4px; - border-top-left-radius: 4px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #E5E9F0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #81A1C1; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #81A1C1; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #81A1C1; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #4C566A; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #4C566A; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #4C566A; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #4C566A; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #4C566A; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #4C566A; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 4px; - padding: 0.5rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #4C566A; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #4C566A; - background: transparent; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #E5E9F0; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #4C566A; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #4C566A; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #4C566A; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #4C566A; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #5E81AC; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #5E81AC; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #5E81AC; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #5E81AC; - } - .p-inputgroup-addon { background: #ffffff; - color: #81A1C1; - border-top: 1px solid #D8DEE9; - border-left: 1px solid #D8DEE9; - border-bottom: 1px solid #D8DEE9; + color: #81a1c1; + border-top: 1px solid #d8dee9; + border-left: 1px solid #d8dee9; + border-bottom: 1px solid #d8dee9; padding: 0.5rem 0.5rem; min-width: 2.357rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid #D8DEE9; + border-right: 1px solid #d8dee9; } .p-inputgroup > .p-component, @@ -1125,26 +1153,26 @@ } p-inputmask.ng-dirty.ng-invalid > .p-inputtext { - border-color: #BF616A; + border-color: #bf616a; } p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { - color: #81A1C1; + color: #81a1c1; right: 0.5rem; } p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { - border-color: #BF616A; + border-color: #bf616a; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { - color: #81A1C1; + color: #81a1c1; right: 0.5rem; } @@ -1160,12 +1188,12 @@ height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { - background: #D8DEE9; + background: #d8dee9; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } .p-inputswitch .p-inputswitch-slider:before { - background: #5E81AC; + background: #5e81ac; width: 1.25rem; height: 1.25rem; left: 0.25rem; @@ -1179,48 +1207,48 @@ .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #ECEFF4; + background: #eceff4; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #5E81AC; + background: #5e81ac; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #81A1C1; + background: #81a1c1; } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { - border-color: #BF616A; + border-color: #bf616a; } .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #4C566A; + color: #4c566a; background: #ffffff; padding: 0.5rem 0.5rem; - border: 1px solid #D8DEE9; + border: 1px solid #d8dee9; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 4px; } .p-inputtext:enabled:hover { - border-color: #81A1C1; + border-color: #81a1c1; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - border-color: #81A1C1; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; } .p-inputtext.ng-dirty.ng-invalid { - border-color: #BF616A; + border-color: #bf616a; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1233,18 +1261,18 @@ .p-float-label > label { left: 0.5rem; - color: #4C566A; + color: #4c566a; transition-duration: 0.2s; } .p-float-label > .ng-invalid.ng-dirty + label { - color: #BF616A; + color: #bf616a; } .p-input-icon-left > .p-icon-wrapper.p-icon, .p-input-icon-left > i:first-of-type { left: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-input-icon-left > .p-inputtext { @@ -1258,7 +1286,7 @@ .p-input-icon-right > .p-icon-wrapper, .p-input-icon-right > i:last-of-type { right: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-input-icon-right > .p-inputtext { @@ -1266,26 +1294,26 @@ } ::-webkit-input-placeholder { - color: #4C566A; + color: #4c566a; } :-moz-placeholder { - color: #4C566A; + color: #4c566a; } ::-moz-placeholder { - color: #4C566A; + color: #4c566a; } :-ms-input-placeholder { - color: #4C566A; + color: #4c566a; } .p-input-filled .p-inputtext { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-inputtext:enabled:hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; @@ -1303,15 +1331,16 @@ .p-listbox { background: #ffffff; - color: #4C566A; - border: 1px solid #D8DEE9; + color: #4c566a; + border: 1px solid #d8dee9; border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; border-bottom: 0 none; - color: #4C566A; - background: #ECEFF4; + color: #4c566a; + background: #eceff4; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -1321,30 +1350,26 @@ } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-listbox .p-listbox-header .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list { padding: 0.5rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; - color: #4C566A; + color: #4c566a; transition: none; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #2E3440; - background: #D8DEE9; - } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + color: #2e3440; + background: #d8dee9; } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; @@ -1352,73 +1377,92 @@ .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.75rem 1rem; - color: #4C566A; + color: #4c566a; background: #ffffff; font-weight: 600; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.5rem 1rem; - color: #4C566A; + color: #4c566a; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #bec8da; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4c566a; + background: #e5e9f0; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #4C566A; + color: #4c566a; background: transparent; } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { - border-color: #BF616A; + border-color: #bf616a; } .p-multiselect { background: #ffffff; - border: 1px solid #D8DEE9; + border: 1px solid #d8dee9; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 4px; } .p-multiselect:not(.p-disabled):hover { - border-color: #81A1C1; + border-color: #81a1c1; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - border-color: #81A1C1; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { - color: #4C566A; - } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; + color: #4c566a; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.5rem; - background: #D8DEE9; - color: #2E3440; - border-radius: 4px; + margin-right: 0.5rem; + background: #e5e9f0; + color: #4c566a; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { background: transparent; - color: #81A1C1; + color: #81a1c1; width: 2.357rem; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #81a1c1; + right: 2.357rem; + } + .p-multiselect-panel { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; border-radius: 4px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -1426,8 +1470,8 @@ .p-multiselect-panel .p-multiselect-header { padding: 0.5rem 1rem; border-bottom: 0 none; - color: #4C566A; - background: #ECEFF4; + color: #4c566a; + background: #eceff4; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -1437,7 +1481,7 @@ } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; @@ -1446,21 +1490,21 @@ margin-left: 0.5rem; width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-multiselect-panel .p-multiselect-items { padding: 0.5rem 0; @@ -1469,93 +1513,87 @@ margin: 0; padding: 0.5rem 1rem; border: 0 none; - color: #4C566A; + color: #4c566a; background: transparent; transition: none; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #bec8da; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #4c566a; + background: #e5e9f0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4C566A; + color: #4c566a; background: transparent; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.75rem 1rem; - color: #4C566A; + color: #4c566a; background: #ffffff; font-weight: 600; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.5rem 1rem; - color: #4C566A; + color: #4c566a; background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #BF616A; - } - .p-input-filled .p-multiselect { - background: #ECEFF4; + background: #eceff4; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.5rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #81A1C1; - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #bf616a; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { - border-color: #BF616A; + border-color: #bf616a; } .p-password-panel { padding: 1rem; background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 4px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; - background: #E5E9F0; + background: #e5e9f0; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #BF616A; + background: #bf616a; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #D08770; + background: #d08770; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #7FA366; + background: #7fa366; } p-password.p-password-clearable .p-password-input { padding-right: 2rem; } p-password.p-password-clearable .p-password-clear-icon { - color: #81A1C1; + color: #81a1c1; right: 0.5rem; } @@ -1563,7 +1601,7 @@ padding-right: 3.5rem; } p-password.p-password-clearable.p-password-mask .p-password-clear-icon { - color: #81A1C1; + color: #81a1c1; right: 2rem; } @@ -1572,22 +1610,22 @@ height: 20px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid #D8DEE9; + border: 2px solid #d8dee9; background: #ffffff; width: 20px; height: 20px; - color: #4C566A; + color: #4c566a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #81A1C1; + border-color: #81a1c1; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - border-color: #81A1C1; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 10px; @@ -1596,30 +1634,30 @@ background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #5E81AC; - background: #5E81AC; + border-color: #5e81ac; + background: #5e81ac; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #5E81AC; - background: #81A1C1; + border-color: #5e81ac; + background: #81a1c1; color: #ffffff; } p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { - border-color: #BF616A; + border-color: #bf616a; } .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #5E81AC; + background: #5e81ac; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #81A1C1; + background: #81a1c1; } .p-radiobutton-label { @@ -1629,59 +1667,56 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { - color: #4C566A; - margin-left: 0.5rem; + .p-rating .p-rating-item .p-rating-icon { + color: #4c566a; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #BF616A; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #bf616a; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - } - .p-rating .p-rating-icon:first-child { - margin-left: 0; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; } - .p-rating .p-rating-icon.p-rating-icon-active { - color: #5E81AC; + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #5e81ac; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #5E81AC; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #5e81ac; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #D88889; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #d88889; } .p-selectbutton .p-button { background: #ffffff; - border: 2px solid #D8DEE9; - color: #4C566A; + border: 2px solid #d8dee9; + color: #4c566a; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { - color: #81A1C1; + color: #81a1c1; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #ECEFF4; - border-color: #81A1C1; - color: #4C566A; + background: #eceff4; + border-color: #81a1c1; + color: #4c566a; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #81A1C1; + color: #81a1c1; } .p-selectbutton .p-button.p-highlight { - background: #5E81AC; - border-color: #5E81AC; + background: #5e81ac; + border-color: #5e81ac; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1689,8 +1724,8 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { - background: #81A1C1; - border-color: #5E81AC; + background: #81a1c1; + border-color: #5e81ac; color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, @@ -1699,11 +1734,11 @@ } p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { - border-color: #BF616A; + border-color: #bf616a; } .p-slider { - background: #E5E9F0; + background: #e5e9f0; border: 0 none; border-radius: 4px; } @@ -1725,21 +1760,21 @@ height: 1.143rem; width: 1.143rem; background: #ffffff; - border: 2px solid #5E81AC; + border: 2px solid #5e81ac; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-slider .p-slider-range { - background: #5E81AC; + background: #5e81ac; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #5E81AC; - border-color: #5E81AC; + background: #5e81ac; + border-color: #5e81ac; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; @@ -1756,26 +1791,26 @@ .p-togglebutton.p-button { background: #ffffff; - border: 2px solid #D8DEE9; - color: #4C566A; + border: 2px solid #d8dee9; + color: #4c566a; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { - color: #81A1C1; + color: #81a1c1; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #ECEFF4; - border-color: #81A1C1; - color: #4C566A; + background: #eceff4; + border-color: #81a1c1; + color: #4c566a; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #81A1C1; + color: #81a1c1; } .p-togglebutton.p-button.p-highlight { - background: #5E81AC; - border-color: #5E81AC; + background: #5e81ac; + border-color: #5e81ac; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1783,8 +1818,8 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { - background: #81A1C1; - border-color: #5E81AC; + background: #81a1c1; + border-color: #5e81ac; color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, @@ -1793,48 +1828,48 @@ } p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { - border-color: #BF616A; + border-color: #bf616a; } .p-treeselect { background: #ffffff; - border: 1px solid #D8DEE9; + border: 1px solid #d8dee9; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 4px; } .p-treeselect:not(.p-disabled):hover { - border-color: #81A1C1; + border-color: #81a1c1; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - border-color: #81A1C1; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; } .p-treeselect .p-treeselect-label { padding: 0.5rem 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { - color: #4C566A; + color: #4c566a; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #E5E9F0; - color: #4C566A; + background: #e5e9f0; + color: #4c566a; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; - color: #81A1C1; + color: #81a1c1; width: 2.357rem; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } p-treeselect.ng-invalid.ng-dirty > .p-treeselect { - border-color: #BF616A; + border-color: #bf616a; } .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { @@ -1843,7 +1878,7 @@ .p-treeselect-panel { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; border-radius: 4px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -1851,8 +1886,8 @@ .p-treeselect-panel .p-treeselect-header { padding: 0.5rem 1rem; border-bottom: 0 none; - color: #4C566A; - background: #ECEFF4; + color: #4c566a; + background: #eceff4; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -1865,7 +1900,7 @@ } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { right: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { padding-right: 3rem; @@ -1876,36 +1911,36 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.5rem 1rem; - color: #4C566A; + color: #4c566a; background: transparent; } .p-input-filled .p-treeselect { - background: #ECEFF4; + background: #eceff4; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; @@ -1915,86 +1950,86 @@ padding-right: 1.5rem; } p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { - color: #81A1C1; + color: #81a1c1; right: 2.357rem; } .p-button { color: #ffffff; - background: #5E81AC; - border: 2px solid #5E81AC; + background: #5e81ac; + border: 2px solid #5e81ac; padding: 0.5rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 4px; } - .p-button:enabled:hover { - background: #81A1C1; + .p-button:not(:disabled):hover { + background: #81a1c1; color: #ffffff; border-color: #51749e; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #48678c; color: #ffffff; border-color: #48678c; } .p-button.p-button-outlined { background-color: transparent; - color: #5E81AC; + color: #5e81ac; border: 2px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(94, 129, 172, 0.12); - color: #5E81AC; + color: #5e81ac; border: 2px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(94, 129, 172, 0.24); - color: #5E81AC; + color: #5e81ac; border: 2px solid; } .p-button.p-button-outlined.p-button-plain { - color: #81A1C1; - border-color: #81A1C1; + color: #81a1c1; + border-color: #81a1c1; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #ffffff; - color: #81A1C1; + color: #81a1c1; } - .p-button.p-button-outlined.p-button-plain:enabled:active { - background: #E5E9F0; - color: #81A1C1; + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #e5e9f0; + color: #81a1c1; } .p-button.p-button-text { background-color: transparent; - color: #5E81AC; + color: #5e81ac; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(94, 129, 172, 0.12); - color: #5E81AC; + color: #5e81ac; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(94, 129, 172, 0.24); - color: #5E81AC; + color: #5e81ac; border-color: transparent; } .p-button.p-button-text.p-button-plain { - color: #81A1C1; + color: #81a1c1; } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #ffffff; - color: #81A1C1; + color: #81a1c1; } - .p-button.p-button-text.p-button-plain:enabled:active { - background: #E5E9F0; - color: #81A1C1; + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #e5e9f0; + color: #81a1c1; } .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-button .p-button-label { transition-duration: 0.2s; @@ -2016,7 +2051,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #5E81AC; + color: #5e81ac; background-color: #ffffff; } .p-button.p-button-raised { @@ -2071,298 +2106,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #4C566A; - border: 2px solid #4C566A; + background: #4c566a; + border: 2px solid #4c566a; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #707888; color: #ffffff; - border-color: #4C566A; + border-color: #4c566a; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #b3bac8; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #2E3440; + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #2e3440; color: #ffffff; - border-color: #2E3440; + border-color: #2e3440; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #4C566A; + color: #4c566a; border: 2px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(76, 86, 106, 0.12); - color: #4C566A; + color: #4c566a; border: 2px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(76, 86, 106, 0.24); - color: #4C566A; + color: #4c566a; border: 2px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #4C566A; + color: #4c566a; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(76, 86, 106, 0.12); border-color: transparent; - color: #4C566A; + color: #4c566a; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(76, 86, 106, 0.24); border-color: transparent; - color: #4C566A; + color: #4c566a; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; - background: #639BB2; - border: 2px solid #639BB2; + background: #639bb2; + border: 2px solid #639bb2; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #88C0D0; + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #88c0d0; color: #ffffff; - border-color: #639BB2; + border-color: #639bb2; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #c1d7e0; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #497e94; color: #ffffff; border-color: #497e94; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #639BB2; + color: #639bb2; border: 2px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(99, 155, 178, 0.12); - color: #639BB2; + color: #639bb2; border: 2px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(99, 155, 178, 0.24); - color: #639BB2; + color: #639bb2; border: 2px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #639BB2; + color: #639bb2; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(99, 155, 178, 0.12); border-color: transparent; - color: #639BB2; + color: #639bb2; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(99, 155, 178, 0.24); border-color: transparent; - color: #639BB2; + color: #639bb2; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; - background: #7FA366; - border: 2px solid #7FA366; + background: #7fa366; + border: 2px solid #7fa366; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #A3BE8C; + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #a3be8c; color: #ffffff; - border-color: #7FA366; + border-color: #7fa366; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ccdac2; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #658450; color: #ffffff; border-color: #658450; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #7FA366; + color: #7fa366; border: 2px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(127, 163, 102, 0.12); - color: #7FA366; + color: #7fa366; border: 2px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(127, 163, 102, 0.24); - color: #7FA366; + color: #7fa366; border: 2px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #7FA366; + color: #7fa366; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(127, 163, 102, 0.12); border-color: transparent; - color: #7FA366; + color: #7fa366; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(127, 163, 102, 0.24); border-color: transparent; - color: #7FA366; + color: #7fa366; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #ffffff; - background: #D08770; - border: 2px solid #D08770; + background: #d08770; + border: 2px solid #d08770; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #E2AC94; + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #e2ac94; color: #ffffff; - border-color: #D08770; + border-color: #d08770; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #eccfc6; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #c05f40; color: #ffffff; border-color: #c05f40; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #D08770; + color: #d08770; border: 2px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(208, 135, 112, 0.12); - color: #D08770; + color: #d08770; border: 2px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(208, 135, 112, 0.24); - color: #D08770; + color: #d08770; border: 2px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #D08770; + color: #d08770; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(208, 135, 112, 0.12); border-color: transparent; - color: #D08770; + color: #d08770; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(208, 135, 112, 0.24); border-color: transparent; - color: #D08770; + color: #d08770; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; - background: #9A6796; - border: 2px solid #9A6796; + background: #9a6796; + border: 2px solid #9a6796; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #B48EAD; + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #b48ead; color: #ffffff; - border-color: #9A6796; + border-color: #9a6796; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #d7c2d5; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7c5278; color: #ffffff; border-color: #7c5278; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #9A6796; + color: #9a6796; border: 2px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(154, 103, 150, 0.12); - color: #9A6796; + color: #9a6796; border: 2px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(154, 103, 150, 0.24); - color: #9A6796; + color: #9a6796; border: 2px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #9A6796; + color: #9a6796; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(154, 103, 150, 0.12); border-color: transparent; - color: #9A6796; + color: #9a6796; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(154, 103, 150, 0.24); border-color: transparent; - color: #9A6796; + color: #9a6796; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; - background: #BF616A; - border: 2px solid #BF616A; + background: #bf616a; + border: 2px solid #bf616a; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #D88889; + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #d88889; color: #ffffff; - border-color: #BF616A; + border-color: #bf616a; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #e5c0c3; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #a4424c; color: #ffffff; border-color: #a4424c; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #BF616A; + color: #bf616a; border: 2px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(191, 97, 106, 0.12); - color: #BF616A; + color: #bf616a; border: 2px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(191, 97, 106, 0.24); - color: #BF616A; + color: #bf616a; border: 2px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #BF616A; + color: #bf616a; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(191, 97, 106, 0.12); border-color: transparent; - color: #BF616A; + color: #bf616a; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(191, 97, 106, 0.24); border-color: transparent; - color: #BF616A; + color: #bf616a; } .p-button.p-button-link { @@ -2370,20 +2525,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #48678c; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #48678c; border-color: transparent; @@ -2408,17 +2563,17 @@ .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-speeddial-action { width: 3rem; height: 3rem; - background: #4C566A; + background: #4c566a; color: #fff; } .p-speeddial-action:hover { - background: #3B4252; + background: #3b4252; color: #fff; } @@ -2472,54 +2627,54 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #5E81AC; + color: #5e81ac; border: 2px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(94, 129, 172, 0.12); - color: #5E81AC; + color: #5e81ac; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(94, 129, 172, 0.24); - color: #5E81AC; + color: #5e81ac; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #81A1C1; - border-color: #81A1C1; + color: #81a1c1; + border-color: #81a1c1; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #ffffff; - color: #81A1C1; + color: #81a1c1; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { - background: #E5E9F0; - color: #81A1C1; + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #e5e9f0; + color: #81a1c1; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #5E81AC; + color: #5e81ac; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(94, 129, 172, 0.12); - color: #5E81AC; + color: #5e81ac; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(94, 129, 172, 0.24); - color: #5E81AC; + color: #5e81ac; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { - color: #81A1C1; + color: #81a1c1; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #ffffff; - color: #81A1C1; + color: #81a1c1; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { - background: #E5E9F0; - color: #81A1C1; + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #e5e9f0; + color: #81a1c1; } .p-splitbutton.p-button-raised { box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.2), 0 12px 10px 0 rgba(0, 0, 0, 0.06); @@ -2547,183 +2702,183 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #4C566A; + color: #4c566a; border: 2px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(76, 86, 106, 0.12); - color: #4C566A; + color: #4c566a; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(76, 86, 106, 0.24); - color: #4C566A; + color: #4c566a; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #4C566A; + color: #4c566a; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(76, 86, 106, 0.12); border-color: transparent; - color: #4C566A; + color: #4c566a; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(76, 86, 106, 0.24); border-color: transparent; - color: #4C566A; + color: #4c566a; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #639BB2; + color: #639bb2; border: 2px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(99, 155, 178, 0.12); - color: #639BB2; + color: #639bb2; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(99, 155, 178, 0.24); - color: #639BB2; + color: #639bb2; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #639BB2; + color: #639bb2; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(99, 155, 178, 0.12); border-color: transparent; - color: #639BB2; + color: #639bb2; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(99, 155, 178, 0.24); border-color: transparent; - color: #639BB2; + color: #639bb2; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #7FA366; + color: #7fa366; border: 2px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(127, 163, 102, 0.12); - color: #7FA366; + color: #7fa366; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(127, 163, 102, 0.24); - color: #7FA366; + color: #7fa366; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #7FA366; + color: #7fa366; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(127, 163, 102, 0.12); border-color: transparent; - color: #7FA366; + color: #7fa366; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(127, 163, 102, 0.24); border-color: transparent; - color: #7FA366; + color: #7fa366; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #D08770; + color: #d08770; border: 2px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(208, 135, 112, 0.12); - color: #D08770; + color: #d08770; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(208, 135, 112, 0.24); - color: #D08770; + color: #d08770; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #D08770; + color: #d08770; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(208, 135, 112, 0.12); border-color: transparent; - color: #D08770; + color: #d08770; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(208, 135, 112, 0.24); border-color: transparent; - color: #D08770; + color: #d08770; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9A6796; + color: #9a6796; border: 2px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(154, 103, 150, 0.12); - color: #9A6796; + color: #9a6796; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(154, 103, 150, 0.24); - color: #9A6796; + color: #9a6796; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9A6796; + color: #9a6796; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(154, 103, 150, 0.12); border-color: transparent; - color: #9A6796; + color: #9a6796; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(154, 103, 150, 0.24); border-color: transparent; - color: #9A6796; + color: #9a6796; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #BF616A; + color: #bf616a; border: 2px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(191, 97, 106, 0.12); - color: #BF616A; + color: #bf616a; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(191, 97, 106, 0.24); - color: #BF616A; + color: #bf616a; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #BF616A; + color: #bf616a; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(191, 97, 106, 0.12); border-color: transparent; - color: #BF616A; + color: #bf616a; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(191, 97, 106, 0.24); border-color: transparent; - color: #BF616A; + color: #bf616a; } .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; @@ -2732,15 +2887,15 @@ } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2750,18 +2905,18 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #E5E9F0; + background-color: #e5e9f0; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #81A1C1; + background: #81a1c1; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-datatable .p-paginator-top { @@ -2774,15 +2929,15 @@ } .p-datatable .p-datatable-header { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 1px solid #ffffff; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-datatable .p-datatable-footer { - background: #ECEFF4; - color: #4C566A; + background: #eceff4; + color: #4c566a; border: 1px solid #ffffff; border-width: 0 0 1px 0; padding: 1rem 1rem; @@ -2794,8 +2949,8 @@ border: 1px solid #ffffff; border-width: 0 0 1px 0; font-weight: 600; - color: #4C566A; - background: #ECEFF4; + color: #4c566a; + background: #eceff4; transition: none; } .p-datatable .p-datatable-tfoot > tr > td { @@ -2804,11 +2959,11 @@ border: 1px solid #ffffff; border-width: 0 0 1px 0; font-weight: 600; - color: #4C566A; - background: #ECEFF4; + color: #4c566a; + background: #eceff4; } .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #81A1C1; + color: #81a1c1; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { @@ -2816,43 +2971,43 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #81A1C1; + color: #81a1c1; } .p-datatable .p-sortable-column.p-highlight { - background: #ECEFF4; - color: #4C566A; + background: #eceff4; + color: #4c566a; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #4C566A; + color: #4c566a; } .p-datatable .p-sortable-column.p-highlight:hover { background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #4C566A; + color: #4c566a; } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + box-shadow: inset 0 0 0 0.15rem #c0d0e0; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { background: #ffffff; - color: #4C566A; + color: #4c566a; transition: none; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; - border: 1px solid #ECEFF4; + border: 1px solid #eceff4; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -2862,7 +3017,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; @@ -2872,8 +3027,8 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, @@ -2882,31 +3037,31 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid #C0D0E0; + outline: 0.15rem solid #c0d0e0; outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #D8DEE9; + box-shadow: inset 0 2px 0 0 #d8dee9; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #D8DEE9; + box-shadow: inset 0 -2px 0 0 #d8dee9; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-datatable .p-column-resizer-helper { - background: #5E81AC; + background: #5e81ac; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -2915,7 +3070,7 @@ .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { - background-color: #ECEFF4; + background-color: #eceff4; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; @@ -2978,14 +3133,14 @@ background: #f6f7fa; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #2E3440; + color: #2e3440; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #2E3440; + color: #2e3440; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; @@ -3028,7 +3183,7 @@ } .p-dataview .p-dataview-header { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 1px solid #ffffff; border-width: 1px 0 1px 0; padding: 1rem 1rem; @@ -3036,17 +3191,13 @@ } .p-dataview .p-dataview-content { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #ffffff; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { - background: #ECEFF4; - color: #4C566A; + background: #eceff4; + color: #4c566a; border: 1px solid #ffffff; border-width: 0 0 1px 0; padding: 1rem 1rem; @@ -3069,54 +3220,54 @@ .p-column-filter-menu-button { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-menu-button:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-clear-button:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-column-filter-overlay { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; border-radius: 4px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); @@ -3129,41 +3280,41 @@ margin: 0; padding: 0.5rem 1rem; border: 0 none; - color: #4C566A; + color: #4c566a; background: transparent; transition: none; border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #4C566A; + color: #4c566a; background: transparent; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + box-shadow: inset 0 0 0 0.15rem #c0d0e0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #E5E9F0; + border-top: 1px solid #e5e9f0; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1rem; border-bottom: 0 none; - color: #4C566A; - background: #ECEFF4; + color: #4c566a; + background: #eceff4; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1rem; - border-bottom: 1px solid #E5E9F0; + border-bottom: 1px solid #e5e9f0; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3181,295 +3332,6 @@ padding: 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #ffffff; - border: 1px solid #E5E9F0; - color: #4C566A; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #E5E9F0; - color: #4C566A; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #E5E9F0; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #E5E9F0; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #51749e; - border: 1px solid #51749e; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #ffffff; - border: 1px solid #E5E9F0; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #5E81AC; - border: 2px solid #5E81AC; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 4px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #81A1C1; - color: #ffffff; - border-color: #51749e; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #48678c; - color: #ffffff; - border-color: #48678c; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 2px solid #D8DEE9; - color: #4C566A; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #ECEFF4; - border-color: #81A1C1; - color: #4C566A; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #5E81AC; - border-color: #5E81AC; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #81A1C1; - border-color: #5E81AC; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #E5E9F0; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #ffffff; - border-color: #E5E9F0; - color: #4C566A; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #4C566A; - border-color: #E5E9F0; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #E5E9F0; - padding: 1rem; - background: #ffffff; - color: #4C566A; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #81A1C1; - border: 2px solid transparent; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #4C566A; - border-color: #5E81AC; - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #E5E9F0; - background: #ffffff; - color: #4C566A; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #51749e; - border-color: #51749e; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #51749e; - border-color: #51749e; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: transparent; - color: #4C566A; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #5E81AC; - border: 2px solid #5E81AC; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 4px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #81A1C1; - color: #ffffff; - border-color: #51749e; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #48678c; - color: #ffffff; - border-color: #48678c; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #5E81AC; - border: 2px solid #5E81AC; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 2px solid #D8DEE9; - color: #4C566A; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #ECEFF4; - border-color: #81A1C1; - color: #4C566A; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #5E81AC; - border-color: #5E81AC; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #81A1C1; - border-color: #5E81AC; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - } - .fc.fc-theme-standard a { - color: #4C566A; - } - .fc.fc-theme-standard .fc-highlight { - color: #2E3440; - background: #D8DEE9; - } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3478,8 +3340,8 @@ } .p-orderlist .p-orderlist-header { background: #ffffff; - color: #4C566A; - border: 1px solid #E5E9F0; + color: #4c566a; + border: 1px solid #e5e9f0; padding: 1rem; border-bottom: 0 none; border-top-right-radius: 4px; @@ -3491,7 +3353,7 @@ .p-orderlist .p-orderlist-filter-container { padding: 1rem; background: #ffffff; - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { @@ -3499,40 +3361,47 @@ } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { right: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-orderlist .p-orderlist-list { - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; padding: 0.5rem 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0; border: 0 none; - color: #4C566A; + color: #4c566a; background: transparent; transition: none; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: transparent; + color: #4c566a; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4c566a; + background: #e5e9f0; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #bec8da; } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1rem; - color: #4C566A; + color: #4c566a; } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: transparent; - color: #4C566A; + color: #4c566a; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f6f7fa; @@ -3545,37 +3414,37 @@ padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border: 0 none; - color: #4C566A; + color: #4c566a; background: #ffffff; margin: 0; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: transparent; - color: #4C566A; + color: #4c566a; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: #8699bb; } .p-organizationchart .p-organizationchart-line-down { - background: #E5E9F0; + background: #e5e9f0; } .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #E5E9F0; - border-color: #E5E9F0; + border-right: 1px solid #e5e9f0; + border-color: #e5e9f0; } .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #E5E9F0; - border-color: #E5E9F0; + border-top: 1px solid #e5e9f0; + border-color: #e5e9f0; } .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; padding: 1rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { @@ -3586,12 +3455,12 @@ .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-paginator { background: #ffffff; - color: #4C566A; + color: #4c566a; border: solid #ffffff; border-width: 0; padding: 0.5rem 1rem; @@ -3603,7 +3472,7 @@ .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; - color: #4C566A; + color: #4c566a; min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; @@ -3614,9 +3483,9 @@ .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #ECEFF4; - border-color: #5E81AC; - color: #4C566A; + background: #eceff4; + border-color: #5e81ac; + color: #4c566a; } .p-paginator .p-paginator-first { border-top-left-radius: 4px; @@ -3644,7 +3513,7 @@ .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; - color: #4C566A; + color: #4c566a; min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; @@ -3653,7 +3522,7 @@ .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; - color: #4C566A; + color: #4c566a; min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; @@ -3661,14 +3530,14 @@ border-radius: 4px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #D8DEE9; - border-color: #D8DEE9; - color: #2E3440; + background: #d8dee9; + border-color: #d8dee9; + color: #2e3440; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #ECEFF4; - border-color: #5E81AC; - color: #4C566A; + background: #eceff4; + border-color: #5e81ac; + color: #4c566a; } .p-picklist .p-picklist-buttons { @@ -3679,8 +3548,8 @@ } .p-picklist .p-picklist-header { background: #ffffff; - color: #4C566A; - border: 1px solid #E5E9F0; + color: #4c566a; + border: 1px solid #e5e9f0; padding: 1rem; border-bottom: 0 none; border-top-right-radius: 4px; @@ -3692,7 +3561,7 @@ .p-picklist .p-picklist-filter-container { padding: 1rem; background: #ffffff; - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { @@ -3700,40 +3569,47 @@ } .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { right: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-picklist .p-picklist-list { - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; padding: 0.5rem 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0; border: 0 none; - color: #4C566A; + color: #4c566a; background: transparent; transition: none; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: transparent; + color: #4c566a; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #4c566a; + background: #e5e9f0; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #bec8da; } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1rem; - color: #4C566A; + color: #4c566a; } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { background: transparent; - color: #4C566A; + color: #4c566a; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: #f6f7fa; @@ -3746,7 +3622,7 @@ padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border: 0 none; - color: #4C566A; + color: #4c566a; background: #ffffff; margin: 0; } @@ -3756,10 +3632,10 @@ border-radius: 50%; width: 1rem; height: 1rem; - background-color: #5E81AC; + background-color: #5e81ac; } .p-timeline .p-timeline-event-connector { - background-color: #E5E9F0; + background-color: #e5e9f0; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { @@ -3777,14 +3653,20 @@ } .p-tree { - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; padding: 1rem; border-radius: 4px; } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #c0d0e0; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 4px; @@ -3795,56 +3677,51 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #4C566A; - } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + color: #4c566a; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #2E3440; + color: #2e3440; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #2E3440; + color: #2e3440; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: transparent; - color: #4C566A; + color: #4c566a; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { background: transparent; - color: #4C566A; + color: #4c566a; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; @@ -3855,7 +3732,7 @@ } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; @@ -3872,24 +3749,24 @@ } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 4px; - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background-color: #ffffff; - color: #4C566A; + color: #4c566a; padding: 0; transition: none; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #D8DEE9; - color: #2E3440; + background-color: #d8dee9; + color: #2e3440; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #2E3440; + color: #2e3440; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: #81A1C1; + color: #81a1c1; margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { @@ -3901,12 +3778,12 @@ } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: transparent; - color: #4C566A; + color: #4c566a; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-treetable .p-paginator-top { @@ -3919,15 +3796,15 @@ } .p-treetable .p-treetable-header { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 1px solid #ffffff; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-treetable .p-treetable-footer { - background: #ECEFF4; - color: #4C566A; + background: #eceff4; + color: #4c566a; border: 1px solid #ffffff; border-width: 0 0 1px 0; padding: 1rem 1rem; @@ -3939,8 +3816,8 @@ border: 1px solid #ffffff; border-width: 0 0 1px 0; font-weight: 600; - color: #4C566A; - background: #ECEFF4; + color: #4c566a; + background: #eceff4; transition: none; } .p-treetable .p-treetable-tfoot > tr > td { @@ -3949,14 +3826,14 @@ border: 1px solid #ffffff; border-width: 0 0 1px 0; font-weight: 600; - color: #4C566A; - background: #ECEFF4; + color: #4c566a; + background: #eceff4; } .p-treetable .p-sortable-column { - outline-color: #C0D0E0; + outline-color: #c0d0e0; } .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #81A1C1; + color: #81a1c1; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { @@ -3964,39 +3841,39 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #81A1C1; + color: #81a1c1; } .p-treetable .p-sortable-column.p-highlight { - background: #ECEFF4; - color: #4C566A; + background: #eceff4; + color: #4c566a; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #4C566A; + color: #4c566a; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; - color: #4C566A; + color: #4c566a; transition: none; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; - border: 1px solid #ECEFF4; + border: 1px solid #eceff4; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; @@ -4004,14 +3881,14 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { width: 2rem; @@ -4021,31 +3898,31 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #4C566A; + color: #4c566a; } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid #C0D0E0; + outline: 0.15rem solid #c0d0e0; outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #2E3440; + color: #2e3440; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #2E3440; + color: #2e3440; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #4C566A; + color: #4c566a; } .p-treetable .p-column-resizer-helper { - background: #5E81AC; + background: #5e81ac; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -4112,7 +3989,7 @@ .p-virtualscroller .p-virtualscroller-header { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 1px solid #ffffff; border-width: 1px 0 1px 0; padding: 1rem 1rem; @@ -4120,13 +3997,13 @@ } .p-virtualscroller .p-virtualscroller-content { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; padding: 0; } .p-virtualscroller .p-virtualscroller-footer { - background: #ECEFF4; - color: #4C566A; + background: #eceff4; + color: #4c566a; border: 1px solid #ffffff; border-width: 0 0 1px 0; padding: 1rem 1rem; @@ -4137,8 +4014,8 @@ .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; - border: 1px solid #E5E9F0; - color: #4C566A; + border: 1px solid #e5e9f0; + color: #4c566a; background: #ffffff; font-weight: 600; border-radius: 4px; @@ -4150,30 +4027,30 @@ .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #C0D0E0; + box-shadow: inset 0 0 0 0.2rem #c0d0e0; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #ffffff; - border-color: #E5E9F0; - color: #4C566A; + border-color: #e5e9f0; + color: #4c566a; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { background: #ffffff; - border-color: #E5E9F0; - color: #4C566A; + border-color: #e5e9f0; + color: #4c566a; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #E5E9F0; + border-color: #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-accordion .p-accordion-content { padding: 1rem; - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; @@ -4210,7 +4087,7 @@ .p-card { background: #ffffff; - color: #4C566A; + color: #4c566a; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 4px; } @@ -4225,7 +4102,7 @@ .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-card .p-card-content { padding: 1rem 0; @@ -4242,7 +4119,7 @@ padding: 0 1rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px #E5E9F0; + border-top: 1px #e5e9f0; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -4252,22 +4129,22 @@ padding: 1rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px #E5E9F0; + border-left: 1px #e5e9f0; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-fieldset { - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; border-radius: 4px; } .p-fieldset .p-fieldset-legend { padding: 1rem; - border: 1px solid #E5E9F0; - color: #4C566A; + border: 1px solid #e5e9f0; + color: #4c566a; background: #ffffff; font-weight: 600; border-radius: 4px; @@ -4278,7 +4155,7 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1rem; - color: #4C566A; + color: #4c566a; border-radius: 4px; transition: none; } @@ -4288,22 +4165,22 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #ffffff; - border-color: #E5E9F0; - color: #4C566A; + border-color: #e5e9f0; + color: #4c566a; } .p-fieldset .p-fieldset-content { padding: 1rem; } .p-panel .p-panel-header { - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; padding: 1rem; background: #ffffff; - color: #4C566A; + color: #4c566a; border-top-right-radius: 4px; border-top-left-radius: 4px; } @@ -4313,39 +4190,43 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.5rem 1rem; } .p-panel .p-panel-content { padding: 1rem; - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4363,19 +4244,19 @@ } .p-scrollpanel .p-scrollpanel-bar { - background: #ECEFF4; + background: #eceff4; border: 0 none; } .p-splitter { - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; border-radius: 4px; - color: #4C566A; + color: #4c566a; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #ECEFF4; + background: #eceff4; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #c2c7d1; @@ -4389,18 +4270,18 @@ } .p-tabview .p-tabview-nav { background: #ffffff; - border: 2px solid #E5E9F0; + border: 2px solid #e5e9f0; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #E5E9F0; + border: solid #e5e9f0; border-width: 0 0 2px 0; - border-color: transparent transparent #E5E9F0 transparent; + border-color: transparent transparent #e5e9f0 transparent; background: #ffffff; - color: #4C566A; + color: #4c566a; padding: 1rem; font-weight: 600; border-top-right-radius: 4px; @@ -4411,17 +4292,17 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #C0D0E0; + box-shadow: inset 0 0 0 0.2rem #c0d0e0; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; - border-color: #81A1C1; - color: #4C566A; + border-color: #81a1c1; + color: #4c566a; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; - border-color: #5E81AC; - color: #4C566A; + border-color: #5e81ac; + color: #4c566a; } .p-tabview .p-tabview-left-icon { margin-right: 0.5rem; @@ -4434,7 +4315,7 @@ } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; - color: #4C566A; + color: #4c566a; width: 2.357rem; box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.2), 0 12px 10px 0 rgba(0, 0, 0, 0.06); border-radius: 0; @@ -4442,20 +4323,20 @@ .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #C0D0E0; + box-shadow: inset 0 0 0 0.2rem #c0d0e0; } .p-tabview .p-tabview-panels { background: #ffffff; padding: 1rem; border: 0 none; - color: #4C566A; + color: #4c566a; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .p-toolbar { background: #ffffff; - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; padding: 1rem; border-radius: 4px; gap: 0.5rem; @@ -4466,7 +4347,7 @@ .p-confirm-popup { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; border-radius: 4px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4520,7 +4401,7 @@ .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; - color: #4C566A; + color: #4c566a; padding: 1.5rem; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -4532,7 +4413,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; @@ -4540,21 +4421,21 @@ margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { background: #ffffff; - color: #4C566A; + color: #4c566a; padding: 0 1.5rem 2rem 1.5rem; } .p-dialog .p-dialog-content:last-of-type { @@ -4564,7 +4445,7 @@ .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; - color: #4C566A; + color: #4c566a; padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; border-bottom-right-radius: 4px; @@ -4587,7 +4468,7 @@ .p-overlaypanel { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; border-radius: 4px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); @@ -4596,7 +4477,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #5E81AC; + background: #5e81ac; color: #ffffff; width: 2rem; height: 2rem; @@ -4607,7 +4488,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #81A1C1; + background: #81a1c1; color: #ffffff; } .p-overlaypanel:after { @@ -4629,7 +4510,7 @@ .p-sidebar { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } @@ -4640,7 +4521,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; @@ -4648,15 +4529,15 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4669,30 +4550,30 @@ } .p-tooltip .p-tooltip-text { - background: #4C566A; + background: #4c566a; color: #ffffff; padding: 0.5rem 0.5rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 4px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #4C566A; + border-right-color: #4c566a; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #4C566A; + border-left-color: #4c566a; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #4C566A; + border-top-color: #4c566a; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #4C566A; + border-bottom-color: #4c566a; } .p-fileupload .p-fileupload-buttonbar { background: #ffffff; padding: 1rem; - border: 1px solid #E5E9F0; - color: #4C566A; + border: 1px solid #e5e9f0; + color: #4c566a; border-bottom: 0 none; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -4703,20 +4584,20 @@ .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-fileupload .p-fileupload-content { background: #ffffff; padding: 2rem 1rem; - border: 1px solid #E5E9F0; - color: #4C566A; + border: 1px solid #e5e9f0; + color: #4c566a; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #5E81AC; + border-color: 1px dashed #5e81ac; border-style: dashed; - background-color: #D8DEE9; + background-color: #d8dee9; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4729,7 +4610,7 @@ } .p-fileupload-choose:not(.p-disabled):hover { - background: #81A1C1; + background: #81a1c1; color: #ffffff; border-color: #51749e; } @@ -4741,7 +4622,7 @@ .p-breadcrumb { background: #ffffff; - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; border-radius: 4px; padding: 1rem; } @@ -4752,29 +4633,29 @@ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + color: #81a1c1; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #4C566A; + color: #4c566a; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: #4C566A; + color: #4c566a; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #81A1C1; + color: #81a1c1; } .p-contextmenu { padding: 0.25rem 0; background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 4px; @@ -4791,60 +4672,63 @@ border-radius: 4px; } .p-contextmenu .p-menuitem > .p-menuitem-content { - color: #4C566A; + color: #4c566a; transition: none; border-radius: 0; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4C566A; + color: #4c566a; padding: 0.75rem 1rem; user-select: none; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + color: #81a1c1; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + color: #81a1c1; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #4C566A; + color: #4c566a; background: #ffffff; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4C566A; - background: #E5E9F0; + color: #4c566a; + background: #e5e9f0; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4C566A; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4c566a; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4C566A; + color: #4c566a; background: #ffffff; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #E5E9F0; + border-top: 1px solid #e5e9f0; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { @@ -4871,7 +4755,7 @@ .p-dock .p-dock-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + box-shadow: inset 0 0 0 0.15rem #c0d0e0; } .p-dock .p-dock-link { width: 4rem; @@ -4926,77 +4810,80 @@ } .p-megamenu { padding: 0.5rem; - background: #ECEFF4; - color: #4C566A; - border: 1px solid #E5E9F0; + background: #eceff4; + color: #4c566a; + border: 1px solid #e5e9f0; border-radius: 4px; } .p-megamenu .p-megamenu-root-list { outline: 0 none; } .p-megamenu .p-menuitem > .p-menuitem-content { - color: #4C566A; + color: #4c566a; transition: none; border-radius: 0; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4C566A; + color: #4c566a; padding: 0.75rem 1rem; user-select: none; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + color: #81a1c1; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + color: #81a1c1; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #4C566A; + color: #4c566a; background: #ffffff; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4C566A; - background: #E5E9F0; + color: #4c566a; + background: #e5e9f0; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4C566A; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4c566a; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4C566A; + color: #4c566a; background: #ffffff; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-megamenu .p-megamenu-panel { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; - color: #4C566A; + color: #4c566a; background: #ffffff; font-weight: 600; border-top-right-radius: 4px; @@ -5007,7 +4894,7 @@ width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #E5E9F0; + border-top: 1px solid #e5e9f0; margin: 0.25rem 0; } .p-megamenu.p-megamenu-vertical { @@ -5015,7 +4902,7 @@ padding: 0.25rem 0; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #4C566A; + color: #4c566a; transition: none; border-radius: 4px; } @@ -5024,87 +4911,91 @@ user-select: none; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + color: #81a1c1; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + color: #81a1c1; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4C566A; + color: #4c566a; background: #ffffff; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-menu { padding: 0.25rem 0; background: #ffffff; - color: #4C566A; - border: 1px solid #E5E9F0; + color: #4c566a; + border: 1px solid #e5e9f0; border-radius: 4px; width: 12.5rem; } .p-menu .p-menuitem > .p-menuitem-content { - color: #4C566A; + color: #4c566a; transition: none; border-radius: 0; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4C566A; + color: #4c566a; padding: 0.75rem 1rem; user-select: none; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + color: #81a1c1; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + color: #81a1c1; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: #4C566A; + color: #4c566a; background: #ffffff; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4C566A; - background: #E5E9F0; + color: #4c566a; + background: #e5e9f0; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4C566A; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4c566a; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4C566A; + color: #4c566a; background: #ffffff; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-menu.p-menu-overlay { background: #ffffff; @@ -5114,18 +5005,18 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; - color: #4C566A; + color: #4c566a; background: #ffffff; font-weight: 600; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid #E5E9F0; + border-top: 1px solid #e5e9f0; margin: 0.25rem 0; } .p-menu .p-menuitem-badge { - background: #5E81AC; + background: #5e81ac; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5140,16 +5031,16 @@ .p-menubar { padding: 0.5rem; - background: #ECEFF4; - color: #4C566A; - border: 1px solid #E5E9F0; + background: #eceff4; + color: #4c566a; + border: 1px solid #e5e9f0; border-radius: 4px; } .p-menubar .p-menubar-root-list { outline: 0 none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { - color: #4C566A; + color: #4c566a; transition: none; border-radius: 4px; } @@ -5158,78 +5049,82 @@ user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + color: #81a1c1; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + color: #81a1c1; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4C566A; + color: #4c566a; background: #ffffff; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-menubar .p-menuitem > .p-menuitem-content { - color: #4C566A; + color: #4c566a; transition: none; border-radius: 0; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4C566A; + color: #4c566a; padding: 0.75rem 1rem; user-select: none; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + color: #81a1c1; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + color: #81a1c1; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: #4C566A; + color: #4c566a; background: #ffffff; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4C566A; - background: #E5E9F0; + color: #4c566a; + background: #e5e9f0; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4C566A; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4c566a; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4C566A; + color: #4c566a; background: #ffffff; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-menubar .p-submenu-list { padding: 0.25rem 0; @@ -5239,7 +5134,7 @@ width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #E5E9F0; + border-top: 1px solid #e5e9f0; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { @@ -5254,18 +5149,18 @@ display: flex; width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { - color: #81A1C1; + color: #81a1c1; background: #ffffff; } .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-menubar .p-menubar-root-list { position: absolute; @@ -5277,7 +5172,7 @@ width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid #E5E9F0; + border-top: 1px solid #e5e9f0; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -5338,14 +5233,14 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #E5E9F0; - color: #4C566A; + border: 1px solid #e5e9f0; + color: #4c566a; background: #ffffff; border-radius: 4px; transition: none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { - color: #4C566A; + color: #4c566a; padding: 1rem; font-weight: 600; } @@ -5358,31 +5253,31 @@ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #C0D0E0; + box-shadow: inset 0 0 0 0.2rem #c0d0e0; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #ffffff; - border-color: #E5E9F0; - color: #4C566A; + border-color: #e5e9f0; + color: #4c566a; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #ffffff; - border-color: #E5E9F0; - color: #4C566A; + border-color: #e5e9f0; + color: #4c566a; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #E5E9F0; + border-color: #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0; - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; @@ -5393,63 +5288,66 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { - color: #4C566A; + color: #4c566a; transition: none; border-radius: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4C566A; + color: #4c566a; padding: 0.75rem 1rem; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + color: #81a1c1; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + color: #81a1c1; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: #4C566A; + color: #4c566a; background: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4C566A; - background: #E5E9F0; + color: #4c566a; + background: #e5e9f0; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4C566A; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4c566a; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4C566A; + color: #4c566a; background: #ffffff; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #E5E9F0; + border-top: 1px solid #e5e9f0; margin: 0.25rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -5486,8 +5384,8 @@ .p-slidemenu { padding: 0.25rem 0; background: #ffffff; - color: #4C566A; - border: 1px solid #E5E9F0; + color: #4c566a; + border: 1px solid #e5e9f0; border-radius: 4px; width: 12.5rem; } @@ -5498,57 +5396,60 @@ outline: 0 none; } .p-slidemenu .p-menuitem > .p-menuitem-content { - color: #4C566A; + color: #4c566a; transition: none; border-radius: 0; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4C566A; + color: #4c566a; padding: 0.75rem 1rem; user-select: none; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + color: #81a1c1; margin-right: 0.5rem; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + color: #81a1c1; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #4C566A; + color: #4c566a; background: #ffffff; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #ffffff; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4C566A; - background: #E5E9F0; + color: #4c566a; + background: #e5e9f0; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4C566A; + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4c566a; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4C566A; + color: #4c566a; background: #ffffff; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5562,7 +5463,7 @@ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-menuitem-separator { - border-top: 1px solid #E5E9F0; + border-top: 1px solid #e5e9f0; margin: 0.25rem 0; } .p-slidemenu .p-slidemenu-icon { @@ -5574,15 +5475,15 @@ } .p-slidemenu .p-slidemenu-backward { padding: 0.75rem 1rem; - color: #4C566A; + color: #4c566a; } .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #C0D0E0; + box-shadow: inset 0 0 0 0.2rem #c0d0e0; } .p-slidemenu .p-menuitem-badge { - background: #5E81AC; + background: #5e81ac; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5602,7 +5503,7 @@ background: #ffffff; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #4C566A; + color: #4c566a; border: 1px solid #ffffff; background: #ffffff; min-width: 2rem; @@ -5614,24 +5515,24 @@ } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; - color: #4C566A; + color: #4c566a; } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid #E5E9F0; + border-top: 1px solid #e5e9f0; width: 100%; top: 50%; left: 0; @@ -5642,11 +5543,11 @@ .p-tabmenu .p-tabmenu-nav { background: #ffffff; - border: 2px solid #E5E9F0; + border: 2px solid #e5e9f0; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #5E81AC; + background: #5e81ac; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5662,11 +5563,11 @@ margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #E5E9F0; + border: solid #e5e9f0; border-width: 0 0 2px 0; - border-color: transparent transparent #E5E9F0 transparent; + border-color: transparent transparent #e5e9f0 transparent; background: #ffffff; - color: #4C566A; + color: #4c566a; padding: 1rem; font-weight: 600; border-top-right-radius: 4px; @@ -5680,17 +5581,17 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #C0D0E0; + box-shadow: inset 0 0 0 0.2rem #c0d0e0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; - border-color: #81A1C1; - color: #4C566A; + border-color: #81a1c1; + color: #4c566a; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; - border-color: #5E81AC; - color: #4C566A; + border-color: #5e81ac; + color: #4c566a; } .p-tabmenu .p-tabmenu-left-icon { margin-right: 0.5rem; @@ -5700,7 +5601,7 @@ } .p-tabmenu .p-tabmenu-nav-btn.p-link { background: #ffffff; - color: #4C566A; + color: #4c566a; width: 2.357rem; box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.2), 0 12px 10px 0 rgba(0, 0, 0, 0.06); border-radius: 0; @@ -5708,14 +5609,14 @@ .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #C0D0E0; + box-shadow: inset 0 0 0 0.2rem #c0d0e0; } .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; - color: #4C566A; - border: 1px solid #E5E9F0; + color: #4c566a; + border: 1px solid #e5e9f0; border-radius: 4px; width: 12.5rem; } @@ -5734,60 +5635,63 @@ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-menuitem > .p-menuitem-content { - color: #4C566A; + color: #4c566a; transition: none; border-radius: 0; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { - color: #4C566A; + color: #4c566a; padding: 0.75rem 1rem; user-select: none; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + color: #81a1c1; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + color: #81a1c1; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #4C566A; + color: #4c566a; background: #ffffff; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #4C566A; - background: #E5E9F0; + color: #4c566a; + background: #e5e9f0; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #4C566A; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4c566a; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #4C566A; + color: #4c566a; background: #ffffff; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #E5E9F0; + border-top: 1px solid #e5e9f0; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5874,7 +5778,7 @@ .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-message.p-message-info { background: #b8d9e3; @@ -5984,7 +5888,7 @@ .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-toast .p-toast-message.p-toast-message-info { background: #b8d9e3; @@ -6030,7 +5934,7 @@ .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; - color: #ECEFF4; + color: #eceff4; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -6045,11 +5949,11 @@ } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); - color: #ECEFF4; + color: #eceff4; } .p-galleria .p-galleria-item-nav { background: transparent; - color: #ECEFF4; + color: #eceff4; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -6066,29 +5970,29 @@ } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); - color: #ECEFF4; + color: #eceff4; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); - color: #ECEFF4; + color: #eceff4; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #D8DEE9; + background-color: #d8dee9; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #81A1C1; + background: #81a1c1; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -6106,8 +6010,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -6117,7 +6021,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; - color: #ECEFF4; + color: #eceff4; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -6126,12 +6030,12 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); - color: #ECEFF4; + color: #eceff4; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-galleria-mask { @@ -6181,7 +6085,7 @@ } .p-avatar { - background-color: #E5E9F0; + background-color: #e5e9f0; border-radius: 4px; } .p-avatar.p-avatar-lg { @@ -6206,7 +6110,7 @@ } .p-badge { - background: #5E81AC; + background: #5e81ac; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -6215,23 +6119,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #4C566A; + background-color: #4c566a; color: #ffffff; } .p-badge.p-badge-success { - background-color: #7FA366; + background-color: #7fa366; color: #ffffff; } .p-badge.p-badge-info { - background-color: #639BB2; + background-color: #639bb2; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #D08770; + background-color: #d08770; color: #ffffff; } .p-badge.p-badge-danger { - background-color: #BF616A; + background-color: #bf616a; color: #ffffff; } .p-badge.p-badge-lg { @@ -6248,8 +6152,8 @@ } .p-chip { - background-color: #E5E9F0; - color: #4C566A; + background-color: #e5e9f0; + color: #4c566a; border-radius: 16px; padding: 0 0.5rem; } @@ -6277,7 +6181,7 @@ .p-chip .pi-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-chip .pi-chip-remove-icon:focus { outline: 0 none; @@ -6290,24 +6194,24 @@ } .p-inplace .p-inplace-display:not(.p-disabled):hover { background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-progressbar { border: 0 none; height: 1.5rem; - background: #E5E9F0; + background: #e5e9f0; border-radius: 4px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #5E81AC; + background: #5e81ac; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -6329,7 +6233,7 @@ } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; - color: #ECEFF4; + color: #eceff4; } .p-scrolltop .p-icon { width: 1.5rem; @@ -6337,7 +6241,7 @@ } .p-skeleton { - background-color: #E5E9F0; + background-color: #e5e9f0; border-radius: 4px; } .p-skeleton:after { @@ -6345,7 +6249,7 @@ } .p-tag { - background: #5E81AC; + background: #5e81ac; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -6353,19 +6257,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #7FA366; + background-color: #7fa366; color: #ffffff; } .p-tag.p-tag-info { - background-color: #639BB2; + background-color: #639bb2; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #D08770; + background-color: #d08770; color: #ffffff; } .p-tag.p-tag-danger { - background-color: #BF616A; + background-color: #bf616a; color: #ffffff; } .p-tag .p-tag-icon { @@ -6379,8 +6283,8 @@ .p-terminal { background: #ffffff; - color: #4C566A; - border: 1px solid #E5E9F0; + color: #4c566a; + border: 1px solid #e5e9f0; padding: 1rem; } .p-terminal .p-terminal-input { @@ -6392,44 +6296,44 @@ /* Customizations to the designer theme should be defined here */ @layer primeng { .p-inputtext:enabled:hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-inputtext:enabled:focus { background-color: #ffffff; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { background-color: #ffffff; } .p-autocomplete .p-autocomplete-panel .p-autocomplete-item:not(.p-disabled):hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-dropdown:not(.p-disabled):hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-disabled):hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-multiselect:not(.p-disabled):hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-button { @@ -6437,156 +6341,156 @@ } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - background-color: #D8DEE9; + background-color: #d8dee9; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { border-color: transparent; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #D8DEE9; + background-color: #d8dee9; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { border-color: transparent; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover:not(.p-disabled) .p-accordion-header-link:focus { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-datepicker table td > span.p-highlight { color: #ffffff; - background: #5E81AC; + background: #5e81ac; } .p-datepicker table td > span.p-highlight:hover { - background-color: #81A1C1; - border: 2px solid #5E81AC; + background-color: #81a1c1; + border: 2px solid #5e81ac; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #ffffff; - background: #5E81AC; + background: #5e81ac; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-menu .p-menuitem-link:not(.p-disabled):hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - border: 1px solid #5E81AC; + border: 1px solid #5e81ac; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - border: 1px solid #5E81AC; + border: 1px solid #5e81ac; } .p-datatable .p-sortable-column:not(.p-highlight):hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-datatable .p-sortable-column.p-highlight { - background-color: #D8DEE9; + background-color: #d8dee9; } .p-datatable .p-sortable-column.p-highlight:hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - outline: 1px solid #81A1C1; + outline: 1px solid #81a1c1; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #81A1C1; + background: #81a1c1; color: #ffffff; border: 2px solid #51749e; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #ffffff; - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-treetable .p-sortable-column:not(.p-highlight):hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-treetable .p-sortable-column.p-highlight { - background-color: #D8DEE9; + background-color: #d8dee9; } .p-treetable .p-sortable-column.p-highlight:hover { background-color: #ffffff; - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-treetable .p-sortable-column:focus { - box-shadow: inset 0 0 0 0.2rem #C0D0E0; + box-shadow: inset 0 0 0 0.2rem #c0d0e0; outline: 0 none; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - outline: 1px solid #81A1C1; + outline: 1px solid #81a1c1; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #5E81AC; + background: #5e81ac; color: #ffffff; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #5E81AC; + background: #5e81ac; color: #ffffff; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #5E81AC; + box-shadow: inset 0 2px 0 0 #5e81ac; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #5E81AC; + box-shadow: inset 0 -2px 0 0 #5e81ac; } } diff --git a/src/assets/components/themes/nano/theme.css b/src/assets/components/themes/nano/theme.css index b1d1306d465..9ae7f144783 100644 --- a/src/assets/components/themes/nano/theme.css +++ b/src/assets/components/themes/nano/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#ffffff; - --surface-b:#f2f4f8; - --surface-c:#dde1e6; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#343a3f; - --text-color-secondary:#697077; - --primary-color:#1174c0; - --primary-color-text:#ffffff; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #ffffff; + --surface-b: #f2f4f8; + --surface-c: #dde1e6; + --surface-d: #dee2e6; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #343a3f; + --text-color-secondary: #697077; + --primary-color: #1174c0; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #eff0f0; --surface-100: #dfe0e1; @@ -32,17 +34,17 @@ --gray-700: #393d40; --gray-800: #26282b; --gray-900: #131415; - --content-padding:0.5rem; - --inline-spacing:0.5rem; - --border-radius:1px; - --surface-ground:#f2f4f8; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; - --surface-hover:#dde1e6; + --content-padding: 0.5rem; + --inline-spacing: 0.5rem; + --border-radius: 1px; + --surface-ground: #f2f4f8; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dee2e6; + --surface-hover: #dde1e6; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #44A1D9; + --highlight-bg: #44a1d9; --highlight-text-color: #ffffff; --focus-ring: 0 0 0 0.2rem #90c9f5; color-scheme: light; @@ -171,6 +173,105 @@ --primary-900:#072e4d; } +.p-editor-container .p-editor-toolbar { + background: #f2f4f8; + border-top-right-radius: 1px; + border-top-left-radius: 1px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #697077; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #697077; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #697077; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #343a3f; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #343a3f; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #343a3f; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #343a3f; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #343a3f; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #343a3f; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 1px; + padding: 0.25rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #343a3f; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #343a3f; + background: #dde1e6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.25rem 0.5rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 1px; + border-bottom-left-radius: 1px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #343a3f; + border-bottom-right-radius: 1px; + border-bottom-left-radius: 1px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #343a3f; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #343a3f; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #343a3f; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #1174c0; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #1174c0; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #1174c0; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #1174c0; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.607rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.125rem 0.25rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #1174c0; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; border-color: #1174c0; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.125rem 0.25rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.125rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #343a3f; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.125rem 0.25rem; - background: #44A1D9; - color: #ffffff; - border-radius: 1px; + background: #dee2e6; + color: #343a3f; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #c8cbcf; + color: #343a3f; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #d8222f; } @@ -309,18 +413,20 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #343a3f; - background: #dde1e6; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.25rem 0.5rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #1174c0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #343a3f; - background: transparent; + background: #d2d6db; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #343a3f; + background: #dde1e6; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #d8222f; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.5rem; } @@ -347,6 +457,13 @@ border-color: #d8222f; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #90c9f5; + border-color: #1174c0; + } + .p-datepicker { padding: 0.25rem; background: #ffffff; @@ -434,7 +551,7 @@ } .p-datepicker table td > span.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } .p-datepicker table td > span:focus { outline: 0 none; @@ -448,7 +565,7 @@ } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } .p-datepicker .p-datepicker-buttonbar { padding: 0.5rem 0; @@ -502,7 +619,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } .p-datepicker .p-yearpicker { margin: 0.25rem 0; @@ -514,7 +631,7 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #dee2e6; @@ -607,6 +724,9 @@ border-top-right-radius: 1px; border-bottom-right-radius: 1px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #d8222f; + } .p-cascadeselect-panel { background: #ffffff; @@ -626,33 +746,27 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.25rem 0.5rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #90c9f5; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #1174c0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #343a3f; + background: #d2d6db; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #343a3f; background: #dde1e6; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.25rem 0.5rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #d8222f; - } .p-input-filled .p-cascadeselect { background: #f2f4f8; @@ -664,6 +778,10 @@ background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #d8222f; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.25rem; } @@ -743,24 +861,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.125rem 0.25rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #1174c0; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; border-color: #1174c0; } + .p-chips .p-chips-multiple-container { + padding: 0.125rem 0.25rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.125rem 0.25rem; - background: #44A1D9; - color: #ffffff; - border-radius: 1px; + margin-right: 0.5rem; + background: #dee2e6; + color: #343a3f; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #c8cbcf; + color: #343a3f; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -769,9 +892,9 @@ padding: 0.125rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #343a3f; padding: 0; margin: 0; @@ -833,7 +956,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #697077; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -848,6 +971,9 @@ color: #697077; right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #d8222f; + } .p-dropdown-panel { background: #ffffff; @@ -887,16 +1013,18 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #1174c0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #343a3f; - background: #dde1e6; + background: #d2d6db; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.25rem 0.5rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #343a3f; - background: transparent; + background: #dde1e6; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -905,9 +1033,10 @@ background: #ffffff; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #d8222f; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.25rem 0.5rem; + color: #343a3f; + background: transparent; } .p-input-filled .p-dropdown { @@ -923,105 +1052,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #f2f4f8; - border-top-right-radius: 1px; - border-top-left-radius: 1px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #697077; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #697077; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #697077; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #343a3f; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #343a3f; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #343a3f; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #343a3f; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #343a3f; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #343a3f; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 1px; - padding: 0.25rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #343a3f; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #343a3f; - background: #dde1e6; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.25rem 0.5rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 1px; - border-bottom-left-radius: 1px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #343a3f; - border-bottom-right-radius: 1px; - border-bottom-left-radius: 1px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #343a3f; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #343a3f; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #343a3f; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #1174c0; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #1174c0; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #1174c0; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #1174c0; - } - .p-inputgroup-addon { background: #dde1e6; color: #697077; @@ -1278,6 +1308,7 @@ color: #343a3f; border: 1px solid #a5acb3; border-radius: 1px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.25rem 0.5rem; @@ -1300,6 +1331,7 @@ } .p-listbox .p-listbox-list { padding: 0.25rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1311,12 +1343,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #ffffff; - background: #44A1D9; - } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #90c9f5; + background: #44a1d9; } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; @@ -1333,10 +1360,23 @@ color: #343a3f; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #1174c0; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #343a3f; + background: #d2d6db; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #343a3f; background: #dde1e6; } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #90c9f5; + border-color: #1174c0; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #d8222f; @@ -1364,14 +1404,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: #697077; } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.125rem 0.25rem; - background: #44A1D9; - color: #ffffff; - border-radius: 1px; + margin-right: 0.5rem; + background: #dee2e6; + color: #343a3f; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1384,10 +1422,18 @@ border-bottom-right-radius: 1px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.125rem 0.25rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.25rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #697077; + right: 2.357rem; + } + .p-multiselect-panel { background: #ffffff; color: #343a3f; @@ -1448,17 +1494,19 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #1174c0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #343a3f; + background: #d2d6db; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #343a3f; background: #dde1e6; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #90c9f5; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1475,10 +1523,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #d8222f; - } - .p-input-filled .p-multiselect { background: #f2f4f8; } @@ -1489,12 +1533,8 @@ background-color: #ffffff; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.25rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #697077; - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #d8222f; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1601,34 +1641,31 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #343a3f; - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #e74c3c; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; + border-color: #1174c0; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #1174c0; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #1174c0; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #c0392b; } @@ -1900,12 +1937,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 1px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #0f68ad; color: #ffffff; border-color: #0f68ad; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #0e5d9a; color: #ffffff; border-color: #0e5d9a; @@ -1915,12 +1952,12 @@ color: #1174c0; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(17, 116, 192, 0.04); color: #1174c0; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(17, 116, 192, 0.16); color: #1174c0; border: 1px solid; @@ -1929,11 +1966,11 @@ color: #697077; border-color: #697077; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #dde1e6; color: #697077; } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #dee2e6; color: #697077; } @@ -1942,12 +1979,12 @@ color: #1174c0; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(17, 116, 192, 0.04); color: #1174c0; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(17, 116, 192, 0.16); color: #1174c0; border-color: transparent; @@ -1955,11 +1992,11 @@ .p-button.p-button-text.p-button-plain { color: #697077; } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #dde1e6; color: #697077; } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #dee2e6; color: #697077; } @@ -2043,295 +2080,415 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #697077; border: 1px solid #697077; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #5f656b; color: #ffffff; border-color: #5f656b; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #c2c6c9; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #545a5f; color: #ffffff; border-color: #545a5f; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #697077; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(105, 112, 119, 0.04); color: #697077; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(105, 112, 119, 0.16); color: #697077; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #697077; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(105, 112, 119, 0.04); border-color: transparent; color: #697077; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(105, 112, 119, 0.16); border-color: transparent; color: #697077; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #107d79; border: 1px solid #107d79; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #0e716d; color: #ffffff; border-color: #0e716d; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #7ceeea; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #0d6461; color: #ffffff; border-color: #0d6461; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #107d79; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(16, 125, 121, 0.04); color: #107d79; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(16, 125, 121, 0.16); color: #107d79; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #107d79; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(16, 125, 121, 0.04); border-color: transparent; color: #107d79; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(16, 125, 121, 0.16); border-color: transparent; color: #107d79; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #207f3b; border: 1px solid #207f3b; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #1d7235; color: #ffffff; border-color: #1d7235; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #8fe3a7; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #1a662f; color: #ffffff; border-color: #1a662f; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #207f3b; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(32, 127, 59, 0.04); color: #207f3b; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(32, 127, 59, 0.16); color: #207f3b; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #207f3b; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(32, 127, 59, 0.04); border-color: transparent; color: #207f3b; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(32, 127, 59, 0.16); border-color: transparent; color: #207f3b; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; background: #f0c135; border: 1px solid #f0c135; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #eeb91a; color: #212529; border-color: #eeb91a; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #f9e6ae; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #daa710; color: #212529; border-color: #daa710; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #f0c135; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(240, 193, 53, 0.04); color: #f0c135; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(240, 193, 53, 0.16); color: #f0c135; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #f0c135; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(240, 193, 53, 0.04); border-color: transparent; color: #f0c135; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(240, 193, 53, 0.16); border-color: transparent; color: #f0c135; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #8949f8; border: 1px solid #8949f8; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #752af7; color: #ffffff; border-color: #752af7; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #d0b6fc; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #610bf6; color: #ffffff; border-color: #610bf6; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #8949f8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(137, 73, 248, 0.04); color: #8949f8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(137, 73, 248, 0.16); color: #8949f8; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #8949f8; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(137, 73, 248, 0.04); border-color: transparent; color: #8949f8; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(137, 73, 248, 0.16); border-color: transparent; color: #8949f8; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #d8222f; border: 1px solid #d8222f; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c21f2a; color: #ffffff; border-color: #c21f2a; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #f1a5ab; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #ad1b26; color: #ffffff; border-color: #ad1b26; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #d8222f; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(216, 34, 47, 0.04); color: #d8222f; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(216, 34, 47, 0.16); color: #d8222f; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #d8222f; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(216, 34, 47, 0.04); border-color: transparent; color: #d8222f; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(216, 34, 47, 0.16); border-color: transparent; color: #d8222f; @@ -2342,20 +2499,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #0e5d9a; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem #90c9f5; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #0e5d9a; border-color: transparent; @@ -2447,11 +2604,11 @@ color: #1174c0; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(17, 116, 192, 0.04); color: #1174c0; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(17, 116, 192, 0.16); color: #1174c0; } @@ -2459,11 +2616,11 @@ color: #697077; border-color: #697077; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #dde1e6; color: #697077; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #dee2e6; color: #697077; } @@ -2472,12 +2629,12 @@ color: #1174c0; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(17, 116, 192, 0.04); color: #1174c0; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(17, 116, 192, 0.16); color: #1174c0; border-color: transparent; @@ -2485,11 +2642,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #697077; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #dde1e6; color: #697077; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #dee2e6; color: #697077; } @@ -2522,11 +2679,11 @@ color: #697077; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(105, 112, 119, 0.04); color: #697077; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(105, 112, 119, 0.16); color: #697077; } @@ -2535,12 +2692,12 @@ color: #697077; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(105, 112, 119, 0.04); border-color: transparent; color: #697077; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(105, 112, 119, 0.16); border-color: transparent; color: #697077; @@ -2551,11 +2708,11 @@ color: #107d79; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(16, 125, 121, 0.04); color: #107d79; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(16, 125, 121, 0.16); color: #107d79; } @@ -2564,12 +2721,12 @@ color: #107d79; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(16, 125, 121, 0.04); border-color: transparent; color: #107d79; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(16, 125, 121, 0.16); border-color: transparent; color: #107d79; @@ -2580,11 +2737,11 @@ color: #207f3b; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(32, 127, 59, 0.04); color: #207f3b; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(32, 127, 59, 0.16); color: #207f3b; } @@ -2593,12 +2750,12 @@ color: #207f3b; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(32, 127, 59, 0.04); border-color: transparent; color: #207f3b; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(32, 127, 59, 0.16); border-color: transparent; color: #207f3b; @@ -2609,11 +2766,11 @@ color: #f0c135; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(240, 193, 53, 0.04); color: #f0c135; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(240, 193, 53, 0.16); color: #f0c135; } @@ -2622,12 +2779,12 @@ color: #f0c135; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(240, 193, 53, 0.04); border-color: transparent; color: #f0c135; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(240, 193, 53, 0.16); border-color: transparent; color: #f0c135; @@ -2638,11 +2795,11 @@ color: #8949f8; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(137, 73, 248, 0.04); color: #8949f8; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(137, 73, 248, 0.16); color: #8949f8; } @@ -2651,12 +2808,12 @@ color: #8949f8; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(137, 73, 248, 0.04); border-color: transparent; color: #8949f8; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(137, 73, 248, 0.16); border-color: transparent; color: #8949f8; @@ -2667,11 +2824,11 @@ color: #d8222f; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(216, 34, 47, 0.04); color: #d8222f; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(216, 34, 47, 0.16); color: #d8222f; } @@ -2680,12 +2837,12 @@ color: #d8222f; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(216, 34, 47, 0.04); border-color: transparent; color: #d8222f; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(216, 34, 47, 0.16); border-color: transparent; color: #d8222f; @@ -2732,7 +2889,7 @@ background: #dee2e6; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } @@ -2789,7 +2946,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #ffffff; - background: #44A1D9; + background: #44a1d9; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -2864,14 +3021,14 @@ outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #44A1D9; + box-shadow: inset 0 2px 0 0 #44a1d9; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #44A1D9; + box-shadow: inset 0 -2px 0 0 #44a1d9; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #dde1e6; @@ -2950,7 +3107,7 @@ background: #fcfcfc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { @@ -3012,10 +3169,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #dde1e6; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #f2f4f8; color: #343a3f; @@ -3057,7 +3210,7 @@ color: #343a3f; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-column-filter-menu-button:focus-visible { @@ -3108,7 +3261,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #343a3f; @@ -3153,295 +3306,6 @@ padding: 0.5rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #f2f4f8; - border: 1px solid #dee2e6; - color: #343a3f; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #343a3f; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #0f68ad; - border: 1px solid #0f68ad; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #f2f4f8; - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #1174c0; - border: 1px solid #1174c0; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 1px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #0f68ad; - color: #ffffff; - border-color: #0f68ad; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #0e5d9a; - color: #ffffff; - border-color: #0e5d9a; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #90c9f5; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #90c9f5; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #a5acb3; - color: #343a3f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #dde1e6; - border-color: #a5acb3; - color: #343a3f; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #1174c0; - border-color: #1174c0; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #0f68ad; - border-color: #0f68ad; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #90c9f5; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 1px; - border-bottom-left-radius: 1px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 1px; - border-bottom-right-radius: 1px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #f2f4f8; - border-color: #dee2e6; - color: #343a3f; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #343a3f; - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 0.75rem; - background: #f2f4f8; - color: #343a3f; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 1rem; - height: 1rem; - color: #878d96; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #343a3f; - border-color: #121619; - background: transparent; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #90c9f5; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 0.5rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #343a3f; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #0f68ad; - border-color: #0f68ad; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #0f68ad; - border-color: #0f68ad; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #dde1e6; - color: #343a3f; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f2f4f8; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #1174c0; - border: 1px solid #1174c0; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 1px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #0f68ad; - color: #ffffff; - border-color: #0f68ad; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #0e5d9a; - color: #ffffff; - border-color: #0e5d9a; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #90c9f5; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #1174c0; - border: 1px solid #1174c0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #90c9f5; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #a5acb3; - color: #343a3f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #dde1e6; - border-color: #a5acb3; - color: #343a3f; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #1174c0; - border-color: #1174c0; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #0f68ad; - border-color: #0f68ad; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #90c9f5; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 1px; - border-bottom-left-radius: 1px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 1px; - border-bottom-right-radius: 1px; - } - .fc.fc-theme-standard a { - color: #343a3f; - } - .fc.fc-theme-standard .fc-highlight { - color: #ffffff; - background: #44A1D9; - } - .p-orderlist .p-orderlist-controls { padding: 0.5rem; } @@ -3480,6 +3344,7 @@ padding: 0.25rem 0; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.25rem 0.5rem; @@ -3489,14 +3354,20 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #90c9f5; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #dde1e6; + color: #343a3f; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #343a3f; + background: #d2d6db; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #1174c0; } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.25rem 0.5rem; @@ -3527,7 +3398,7 @@ color: #343a3f; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { @@ -3633,8 +3504,8 @@ border-radius: 1px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #44A1D9; - border-color: #44A1D9; + background: #44a1d9; + border-color: #44a1d9; color: #ffffff; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3681,6 +3552,7 @@ padding: 0.25rem 0; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.25rem 0.5rem; @@ -3690,14 +3562,20 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #90c9f5; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #dde1e6; + color: #343a3f; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #343a3f; + background: #d2d6db; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #1174c0; } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.25rem 0.5rem; @@ -3757,6 +3635,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #90c9f5; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 1px; @@ -3793,13 +3677,8 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #343a3f; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #90c9f5; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3851,7 +3730,7 @@ transition: box-shadow 0.2s; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #44A1D9; + background-color: #44a1d9; color: #ffffff; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { @@ -3937,7 +3816,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #ffffff; - background: #44A1D9; + background: #44a1d9; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -4000,7 +3879,7 @@ outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -4309,15 +4188,19 @@ border: 1px solid #dee2e6; background: #ffffff; color: #343a3f; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #343a3f; + border-bottom-right-radius: 1px; + border-bottom-left-radius: 1px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4688,7 +4571,7 @@ .p-fileupload .p-fileupload-content.p-fileupload-highlight { border-color: 1px dashed #1174c0; border-style: dashed; - background-color: #44A1D9; + background-color: #44a1d9; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4789,7 +4672,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4802,7 +4686,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #343a3f; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4812,7 +4697,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } .p-contextmenu .p-menuitem-separator { @@ -4933,7 +4819,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4946,7 +4833,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #343a3f; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4956,7 +4844,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } .p-megamenu .p-megamenu-panel { @@ -5013,7 +4902,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } @@ -5052,7 +4942,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5065,7 +4956,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #343a3f; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5075,7 +4967,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } .p-menu.p-menu-overlay { @@ -5147,7 +5040,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5177,7 +5071,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5190,7 +5085,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #343a3f; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5200,7 +5096,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } .p-menubar .p-submenu-list { @@ -5391,7 +5288,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5404,7 +5302,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #343a3f; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5414,7 +5313,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5496,7 +5396,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5509,7 +5410,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #343a3f; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5519,7 +5421,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } .p-slidemenu.p-slidemenu-overlay { @@ -5594,7 +5497,7 @@ box-shadow: 0 0 0 0.2rem #90c9f5; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5732,7 +5635,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5745,7 +5649,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #343a3f; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5755,7 +5660,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } .p-tieredmenu .p-menuitem-separator { @@ -5776,7 +5682,7 @@ border-radius: 1px; } .p-inline-message.p-inline-message-info { - background: #CDF2FB; + background: #cdf2fb; border: solid #11add3; border-width: 0px; color: #08576a; @@ -5785,7 +5691,7 @@ color: #08576a; } .p-inline-message.p-inline-message-success { - background: #D7F8D3; + background: #d7f8d3; border: solid #32c620; border-width: 0px; color: #196310; @@ -5794,7 +5700,7 @@ color: #196310; } .p-inline-message.p-inline-message-warn { - background: #FEF8D6; + background: #fef8d6; border: solid #e4c306; border-width: 0px; color: #726203; @@ -5803,7 +5709,7 @@ color: #726203; } .p-inline-message.p-inline-message-error { - background: #FDDED2; + background: #fdded2; border: solid #de450a; border-width: 0px; color: #6f2205; @@ -5849,7 +5755,7 @@ box-shadow: 0 0 0 0.2rem #90c9f5; } .p-message.p-message-info { - background: #CDF2FB; + background: #cdf2fb; border: solid #11add3; border-width: 0 0 0 6px; color: #08576a; @@ -5861,7 +5767,7 @@ color: #08576a; } .p-message.p-message-success { - background: #D7F8D3; + background: #d7f8d3; border: solid #32c620; border-width: 0 0 0 6px; color: #196310; @@ -5873,7 +5779,7 @@ color: #196310; } .p-message.p-message-warn { - background: #FEF8D6; + background: #fef8d6; border: solid #e4c306; border-width: 0 0 0 6px; color: #726203; @@ -5885,7 +5791,7 @@ color: #726203; } .p-message.p-message-error { - background: #FDDED2; + background: #fdded2; border: solid #de450a; border-width: 0 0 0 6px; color: #6f2205; @@ -5959,7 +5865,7 @@ box-shadow: 0 0 0 0.2rem #90c9f5; } .p-toast .p-toast-message.p-toast-message-info { - background: #CDF2FB; + background: #cdf2fb; border: solid #11add3; border-width: 0 0 0 6px; color: #08576a; @@ -5969,7 +5875,7 @@ color: #08576a; } .p-toast .p-toast-message.p-toast-message-success { - background: #D7F8D3; + background: #d7f8d3; border: solid #32c620; border-width: 0 0 0 6px; color: #196310; @@ -5979,7 +5885,7 @@ color: #196310; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FEF8D6; + background: #fef8d6; border: solid #e4c306; border-width: 0 0 0 6px; color: #726203; @@ -5989,7 +5895,7 @@ color: #726203; } .p-toast .p-toast-message.p-toast-message-error { - background: #FDDED2; + background: #fdded2; border: solid #de450a; border-width: 0 0 0 6px; color: #6f2205; @@ -6059,7 +5965,7 @@ background: #dee2e6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -6078,7 +5984,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-galleria .p-galleria-thumbnail-container { diff --git a/src/assets/components/themes/nova-accent/theme.css b/src/assets/components/themes/nova-accent/theme.css index 1a381896557..589fce37ea8 100644 --- a/src/assets/components/themes/nova-accent/theme.css +++ b/src/assets/components/themes/nova-accent/theme.css @@ -1,6 +1,8 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; --surface-a: #ffffff; --surface-b: #f4f4f4; --surface-c: #eaeaea; @@ -32,15 +34,15 @@ --gray-700: #324249; --gray-800: #222c31; --gray-900: #111618; - --content-padding:0.571rem 1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#f4f4f4; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#c8c8c8; - --surface-hover:#eaeaea; + --content-padding: 0.571rem 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #f4f4f4; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #c8c8c8; + --surface-hover: #eaeaea; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #e02365; --highlight-text-color: #ffffff; @@ -171,6 +173,105 @@ --primary-900:#003157; } +.p-editor-container .p-editor-toolbar { + background: #007ad9; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #007ad9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #848484; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #848484; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #848484; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #c8c8c8; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #333333; + background: #eaeaea; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.429rem 0.857rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #c8c8c8; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #333333; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #333333; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #333333; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #333333; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #007ad9; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #007ad9; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #007ad9; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #007ad9; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.786rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.2145rem 0.429rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #212121; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.2145rem 0.429rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.2145rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #333333; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.2145rem 0.429rem; - background: #e02365; - color: #ffffff; - border-radius: 3px; + background: #c8c8c8; + color: #333333; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #bababa; + color: #333333; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #a80000; } @@ -309,18 +413,20 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #333333; - background: #eaeaea; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #ffffff; background: #e02365; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.429rem 0.857rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #e02365; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #333333; - background: transparent; + background: #d6d6d6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #333333; + background: #eaeaea; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 700; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #a80000; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -347,6 +457,13 @@ border-color: #a80000; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + border-color: #007ad9; + } + .p-datepicker { padding: 0.857rem; background: #ffffff; @@ -607,6 +724,9 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #a80000; + } .p-cascadeselect-panel { background: #ffffff; @@ -626,33 +746,27 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.429rem 0.857rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #ffffff; background: #e02365; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #e02365; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #333333; + background: #d6d6d6; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #333333; background: #eaeaea; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.429rem 0.857rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #a80000; - } .p-input-filled .p-cascadeselect { background: #f4f4f4; @@ -664,6 +778,10 @@ background-color: #f4f4f4; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #a80000; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.429rem; } @@ -743,24 +861,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.2145rem 0.429rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #212121; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } + .p-chips .p-chips-multiple-container { + padding: 0.2145rem 0.429rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.2145rem 0.429rem; - background: #e02365; - color: #ffffff; - border-radius: 3px; + margin-right: 0.5rem; + background: #c8c8c8; + color: #333333; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #bababa; + color: #333333; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -769,9 +892,9 @@ padding: 0.2145rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #333333; padding: 0; margin: 0; @@ -833,7 +956,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #666666; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -848,6 +971,9 @@ color: #848484; right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #a80000; + } .p-dropdown-panel { background: #ffffff; @@ -889,14 +1015,16 @@ color: #ffffff; background: #e02365; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #e02365; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #333333; - background: #eaeaea; + background: #d6d6d6; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.429rem 0.857rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #333333; - background: transparent; + background: #eaeaea; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -905,9 +1033,10 @@ background: #f4f4f4; font-weight: 700; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #a80000; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; + background: transparent; } .p-input-filled .p-dropdown { @@ -923,105 +1052,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #007ad9; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #007ad9; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #848484; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #848484; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #848484; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 1px solid #c8c8c8; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); - border-radius: 3px; - padding: 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #333333; - background: #eaeaea; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.429rem 0.857rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #c8c8c8; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #333333; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #333333; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #333333; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #333333; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #007ad9; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #007ad9; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #007ad9; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #007ad9; - } - .p-inputgroup-addon { background: #eaeaea; color: #848484; @@ -1278,6 +1308,7 @@ color: #333333; border: 1px solid #a6a6a6; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.429rem 0.857rem; @@ -1300,6 +1331,7 @@ } .p-listbox .p-listbox-list { padding: 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1313,11 +1345,6 @@ color: #ffffff; background: #e02365; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1333,10 +1360,23 @@ color: #333333; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #e02365; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #333333; + background: #d6d6d6; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #333333; background: #eaeaea; } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + border-color: #007ad9; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #a80000; @@ -1364,14 +1404,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: #666666; } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.2145rem 0.429rem; - background: #e02365; - color: #ffffff; - border-radius: 3px; + margin-right: 0.5rem; + background: #c8c8c8; + color: #333333; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1384,10 +1422,18 @@ border-bottom-right-radius: 3px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.2145rem 0.429rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.429rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #848484; + right: 2.357rem; + } + .p-multiselect-panel { background: #ffffff; color: #333333; @@ -1450,15 +1496,17 @@ color: #ffffff; background: #e02365; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #e02365; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #333333; + background: #d6d6d6; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #333333; background: #eaeaea; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1475,10 +1523,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #a80000; - } - .p-input-filled .p-multiselect { background: #f4f4f4; } @@ -1489,12 +1533,8 @@ background-color: #f4f4f4; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.429rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #848484; - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #a80000; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1520,7 +1560,7 @@ background: #ffba01; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #34A835; + background: #34a835; } p-password.p-password-clearable .p-password-input { @@ -1601,34 +1641,31 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #333333; - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #e4018d; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; + border-color: #007ad9; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #007ad9; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #007ad9; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b5019f; } @@ -1900,12 +1937,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #005b9f; color: #ffffff; border-color: #005b9f; @@ -1915,12 +1952,12 @@ color: #007ad9; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; border: 1px solid; @@ -1929,11 +1966,11 @@ color: #848484; border-color: #848484; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #eaeaea; color: #848484; } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #d2d2d2; color: #848484; } @@ -1942,12 +1979,12 @@ color: #007ad9; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; border-color: transparent; @@ -1955,11 +1992,11 @@ .p-button.p-button-text.p-button-plain { color: #848484; } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #eaeaea; color: #848484; } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #d2d2d2; color: #848484; } @@ -2043,295 +2080,415 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #607D8B; - border: 1px solid #607D8B; + background: #607d8b; + border: 1px solid #607d8b; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #546E7A; + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #546e7a; color: #ffffff; - border-color: #546E7A; + border-color: #546e7a; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #B0BEC5; + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #b0bec5; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #455A64; + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #455a64; color: #ffffff; - border-color: #455A64; + border-color: #455a64; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #007ad9; border: 1px solid #007ad9; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #005b9f; color: #ffffff; border-color: #005b9f; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #007ad9; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #007ad9; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); border-color: transparent; color: #007ad9; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(0, 122, 217, 0.16); border-color: transparent; color: #007ad9; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; - background: #34A835; - border: 1px solid #34A835; + background: #34a835; + border: 1px solid #34a835; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #107D11; + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #107d11; color: #ffffff; - border-color: #107D11; + border-color: #107d11; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #aae5aa; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #0C6B0D; + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #0c6b0d; color: #ffffff; - border-color: #0C6B0D; + border-color: #0c6b0d; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #34A835; + color: #34a835; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); - color: #34A835; + color: #34a835; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(52, 168, 53, 0.16); - color: #34A835; + color: #34a835; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #34A835; + color: #34a835; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); border-color: transparent; - color: #34A835; + color: #34a835; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(52, 168, 53, 0.16); border-color: transparent; - color: #34A835; + color: #34a835; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #333333; background: #ffba01; border: 1px solid #ffba01; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #ED990B; + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ed990b; color: #333333; - border-color: #ED990B; + border-color: #ed990b; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ffeab4; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #D38B10; + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #d38b10; color: #333333; - border-color: #D38B10; + border-color: #d38b10; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffba01; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 186, 1, 0.04); color: #ffba01; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 186, 1, 0.16); color: #ffba01; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffba01; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 186, 1, 0.04); border-color: transparent; color: #ffba01; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 186, 1, 0.16); border-color: transparent; color: #ffba01; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; + background: #9c27b0; + border: 1px solid #9c27b0; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #8E24AA; + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #8e24aa; color: #ffffff; - border-color: #8E24AA; + border-color: #8e24aa; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #CE93D8; + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #ce93d8; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #7B1FA2; + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7b1fa2; color: #ffffff; - border-color: #7B1FA2; + border-color: #7b1fa2; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #e91224; border: 1px solid #e91224; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c01120; color: #ffffff; border-color: #c01120; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #f9b4ba; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #a90000; color: #ffffff; border-color: #a90000; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #e91224; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(233, 18, 36, 0.04); color: #e91224; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(233, 18, 36, 0.16); color: #e91224; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #e91224; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(233, 18, 36, 0.04); border-color: transparent; color: #e91224; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(233, 18, 36, 0.16); border-color: transparent; color: #e91224; @@ -2342,20 +2499,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #005b9f; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #005b9f; border-color: transparent; @@ -2447,11 +2604,11 @@ color: #007ad9; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; } @@ -2459,11 +2616,11 @@ color: #848484; border-color: #848484; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #eaeaea; color: #848484; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #d2d2d2; color: #848484; } @@ -2472,12 +2629,12 @@ color: #007ad9; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; border-color: transparent; @@ -2485,11 +2642,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #848484; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #eaeaea; color: #848484; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #d2d2d2; color: #848484; } @@ -2519,31 +2676,31 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { @@ -2551,11 +2708,11 @@ color: #007ad9; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; } @@ -2564,12 +2721,12 @@ color: #007ad9; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); border-color: transparent; color: #007ad9; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(0, 122, 217, 0.16); border-color: transparent; color: #007ad9; @@ -2577,31 +2734,31 @@ .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #34A835; + color: #34a835; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); - color: #34A835; + color: #34a835; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(52, 168, 53, 0.16); - color: #34A835; + color: #34a835; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #34A835; + color: #34a835; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); border-color: transparent; - color: #34A835; + color: #34a835; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(52, 168, 53, 0.16); border-color: transparent; - color: #34A835; + color: #34a835; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { @@ -2609,11 +2766,11 @@ color: #ffba01; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 186, 1, 0.04); color: #ffba01; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 186, 1, 0.16); color: #ffba01; } @@ -2622,12 +2779,12 @@ color: #ffba01; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 186, 1, 0.04); border-color: transparent; color: #ffba01; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 186, 1, 0.16); border-color: transparent; color: #ffba01; @@ -2635,31 +2792,31 @@ .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { @@ -2667,11 +2824,11 @@ color: #e91224; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(233, 18, 36, 0.04); color: #e91224; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(233, 18, 36, 0.16); color: #e91224; } @@ -2680,12 +2837,12 @@ color: #e91224; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(233, 18, 36, 0.04); border-color: transparent; color: #e91224; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(233, 18, 36, 0.16); border-color: transparent; color: #e91224; @@ -3012,10 +3169,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #d8dae2; - border-width: 1px; - } .p-dataview .p-dataview-footer { background: #ffffff; color: #333333; @@ -3153,295 +3306,6 @@ padding: 0.571rem 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #007ad9; - border: 1px solid #007ad9; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #c8c8c8; - color: #333333; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #007ad9; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #007ad9; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #116fbf; - border: 1px solid #116fbf; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #007ad9; - border: 1px solid #007ad9; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #007ad9; - border: 1px solid #007ad9; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #116fbf; - color: #ffffff; - border-color: #116fbf; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #005b9f; - color: #ffffff; - border-color: #005b9f; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #dadada; - border: 1px solid #dadada; - color: #333333; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #c8c8c8; - border-color: #c8c8c8; - color: #333333; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #007ad9; - border-color: #007ad9; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #116fbf; - border-color: #116fbf; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #c8c8c8; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #007ad9; - border-color: #007ad9; - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #333333; - border-color: #c8c8c8; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #007ad9; - padding: 0.857rem 1rem; - background: #007ad9; - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #a6a6a6; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #007ad9; - border-color: transparent; - background: transparent; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 0.571rem 1rem; - border: 1px solid #c8c8c8; - background: #ffffff; - color: #333333; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #116fbf; - border-color: #116fbf; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #116fbf; - border-color: #116fbf; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #eaeaea; - color: #333333; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #007ad9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #007ad9; - border: 1px solid #007ad9; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #116fbf; - color: #ffffff; - border-color: #116fbf; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #005b9f; - color: #ffffff; - border-color: #005b9f; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.5; - color: #ffffff; - background: #007ad9; - border: 1px solid #007ad9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #dadada; - border: 1px solid #dadada; - color: #333333; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #c8c8c8; - border-color: #c8c8c8; - color: #333333; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #007ad9; - border-color: #007ad9; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #116fbf; - border-color: #116fbf; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard a { - color: #333333; - } - .fc.fc-theme-standard .fc-highlight { - color: #ffffff; - background: #e02365; - } - .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3480,6 +3344,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; @@ -3489,15 +3354,21 @@ background: transparent; transition: background-color 0.2s, box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #eaeaea; + color: #333333; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #333333; + background: #d6d6d6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #ffffff; background: #e02365; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #e02365; + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.429rem 0.857rem; color: #333333; @@ -3681,6 +3552,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.429rem 0.857rem; @@ -3690,15 +3562,21 @@ background: transparent; transition: background-color 0.2s, box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #eaeaea; + color: #333333; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #333333; + background: #d6d6d6; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #ffffff; background: #e02365; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #e02365; + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.429rem 0.857rem; color: #333333; @@ -3757,6 +3635,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #8dcdff; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; @@ -3793,11 +3677,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #333333; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #e02365; color: #ffffff; @@ -4285,15 +4164,19 @@ border: 1px solid #c8c8c8; background: #ffffff; color: #333333; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #c8c8c8; background: #ffffff; color: #333333; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4765,7 +4648,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4778,7 +4662,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4788,7 +4673,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-contextmenu .p-menuitem-separator { @@ -4909,7 +4795,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4922,7 +4809,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4932,7 +4820,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-megamenu .p-megamenu-panel { @@ -4989,7 +4878,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } @@ -5028,7 +4918,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5041,7 +4932,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5051,7 +4943,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menu.p-menu-overlay { @@ -5123,7 +5016,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5153,7 +5047,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5166,7 +5061,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5176,7 +5072,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-submenu-list { @@ -5367,7 +5264,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5380,7 +5278,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5390,7 +5289,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5448,7 +5348,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5461,7 +5362,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5471,7 +5373,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-slidemenu.p-slidemenu-overlay { @@ -5684,7 +5587,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5697,7 +5601,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5707,7 +5612,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-tieredmenu .p-menuitem-separator { @@ -6139,11 +6045,11 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #607D8B; + background-color: #607d8b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #34A835; + background-color: #34a835; color: #ffffff; } .p-badge.p-badge-info { @@ -6277,7 +6183,7 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #34A835; + background-color: #34a835; color: #ffffff; } .p-tag.p-tag-info { diff --git a/src/assets/components/themes/nova-alt/theme.css b/src/assets/components/themes/nova-alt/theme.css index 581366991bd..1d53e6fd868 100644 --- a/src/assets/components/themes/nova-alt/theme.css +++ b/src/assets/components/themes/nova-alt/theme.css @@ -1,6 +1,8 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; --surface-a: #ffffff; --surface-b: #f4f4f4; --surface-c: #eaeaea; @@ -32,15 +34,15 @@ --gray-700: #324249; --gray-800: #222c31; --gray-900: #111618; - --content-padding:0.571rem 1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#f4f4f4; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#c8c8c8; - --surface-hover:#eaeaea; + --content-padding: 0.571rem 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #f4f4f4; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #c8c8c8; + --surface-hover: #eaeaea; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #007ad9; --highlight-text-color: #ffffff; @@ -171,6 +173,105 @@ --primary-900:#003157; } +.p-editor-container .p-editor-toolbar { + background: #333333; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #848484; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #848484; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #848484; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #c8c8c8; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #333333; + background: #eaeaea; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.429rem 0.857rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #c8c8c8; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #333333; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #333333; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #333333; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #333333; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #007ad9; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #007ad9; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #007ad9; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #007ad9; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.786rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.2145rem 0.429rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #212121; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.2145rem 0.429rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.2145rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #333333; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.2145rem 0.429rem; - background: #007ad9; - color: #ffffff; - border-radius: 3px; + background: #c8c8c8; + color: #333333; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #bababa; + color: #333333; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #a80000; } @@ -309,18 +413,20 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #333333; - background: #eaeaea; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #ffffff; background: #007ad9; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.429rem 0.857rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #007ad9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #333333; - background: transparent; + background: #d6d6d6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #333333; + background: #eaeaea; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 700; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #a80000; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -347,6 +457,13 @@ border-color: #a80000; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + border-color: #007ad9; + } + .p-datepicker { padding: 0.857rem; background: #ffffff; @@ -607,6 +724,9 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #a80000; + } .p-cascadeselect-panel { background: #ffffff; @@ -626,33 +746,27 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.429rem 0.857rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #ffffff; background: #007ad9; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #007ad9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #333333; + background: #d6d6d6; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #333333; background: #eaeaea; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.429rem 0.857rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #a80000; - } .p-input-filled .p-cascadeselect { background: #f4f4f4; @@ -664,6 +778,10 @@ background-color: #f4f4f4; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #a80000; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.429rem; } @@ -747,24 +865,29 @@ border-color: #ffffff; } - .p-chips .p-chips-multiple-container { - padding: 0.2145rem 0.429rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #212121; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } + .p-chips .p-chips-multiple-container { + padding: 0.2145rem 0.429rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.2145rem 0.429rem; - background: #007ad9; - color: #ffffff; - border-radius: 3px; + margin-right: 0.5rem; + background: #c8c8c8; + color: #333333; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #bababa; + color: #333333; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -773,9 +896,9 @@ padding: 0.2145rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #333333; padding: 0; margin: 0; @@ -837,7 +960,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #666666; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -852,6 +975,9 @@ color: #848484; right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #a80000; + } .p-dropdown-panel { background: #ffffff; @@ -893,14 +1019,16 @@ color: #ffffff; background: #007ad9; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #007ad9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #333333; - background: #eaeaea; + background: #d6d6d6; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.429rem 0.857rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #333333; - background: transparent; + background: #eaeaea; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -909,9 +1037,10 @@ background: #f4f4f4; font-weight: 700; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #a80000; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; + background: transparent; } .p-input-filled .p-dropdown { @@ -927,105 +1056,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #333333; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #848484; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #848484; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #848484; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 1px solid #c8c8c8; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); - border-radius: 3px; - padding: 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #333333; - background: #eaeaea; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.429rem 0.857rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #c8c8c8; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #333333; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #333333; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #333333; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #333333; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #007ad9; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #007ad9; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #007ad9; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #007ad9; - } - .p-inputgroup-addon { background: #eaeaea; color: #848484; @@ -1282,6 +1312,7 @@ color: #333333; border: 1px solid #a6a6a6; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.429rem 0.857rem; @@ -1304,6 +1335,7 @@ } .p-listbox .p-listbox-list { padding: 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1317,11 +1349,6 @@ color: #ffffff; background: #007ad9; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1337,10 +1364,23 @@ color: #333333; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #007ad9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #333333; + background: #d6d6d6; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #333333; background: #eaeaea; } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + border-color: #007ad9; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #a80000; @@ -1368,14 +1408,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: #666666; } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.2145rem 0.429rem; - background: #007ad9; - color: #ffffff; - border-radius: 3px; + margin-right: 0.5rem; + background: #c8c8c8; + color: #333333; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1388,10 +1426,18 @@ border-bottom-right-radius: 3px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.2145rem 0.429rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.429rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #848484; + right: 2.357rem; + } + .p-multiselect-panel { background: #ffffff; color: #333333; @@ -1454,15 +1500,17 @@ color: #ffffff; background: #007ad9; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #007ad9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #333333; + background: #d6d6d6; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #333333; background: #eaeaea; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1479,10 +1527,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #a80000; - } - .p-input-filled .p-multiselect { background: #f4f4f4; } @@ -1493,12 +1537,8 @@ background-color: #f4f4f4; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.429rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #848484; - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #a80000; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1524,7 +1564,7 @@ background: #ffba01; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #34A835; + background: #34a835; } p-password.p-password-clearable .p-password-input { @@ -1609,38 +1649,35 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #333333; - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #e4018d; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; + border-color: #007ad9; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #007ad9; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #007ad9; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b5019f; } - .p-highlight .p-rating .p-rating-icon { + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #ffffff; } @@ -1912,12 +1949,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #005b9f; color: #ffffff; border-color: #005b9f; @@ -1927,12 +1964,12 @@ color: #007ad9; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; border: 1px solid; @@ -1941,11 +1978,11 @@ color: #848484; border-color: #848484; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #eaeaea; color: #848484; } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #d2d2d2; color: #848484; } @@ -1954,12 +1991,12 @@ color: #007ad9; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; border-color: transparent; @@ -1967,11 +2004,11 @@ .p-button.p-button-text.p-button-plain { color: #848484; } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #eaeaea; color: #848484; } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #d2d2d2; color: #848484; } @@ -2055,295 +2092,415 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #607D8B; - border: 1px solid #607D8B; + background: #607d8b; + border: 1px solid #607d8b; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #546E7A; + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #546e7a; color: #ffffff; - border-color: #546E7A; + border-color: #546e7a; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #B0BEC5; + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #b0bec5; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #455A64; + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #455a64; color: #ffffff; - border-color: #455A64; + border-color: #455a64; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #007ad9; border: 1px solid #007ad9; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #005b9f; color: #ffffff; border-color: #005b9f; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #007ad9; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #007ad9; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); border-color: transparent; color: #007ad9; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(0, 122, 217, 0.16); border-color: transparent; color: #007ad9; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; - background: #34A835; - border: 1px solid #34A835; + background: #34a835; + border: 1px solid #34a835; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #107D11; + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #107d11; color: #ffffff; - border-color: #107D11; + border-color: #107d11; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #aae5aa; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #0C6B0D; + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #0c6b0d; color: #ffffff; - border-color: #0C6B0D; + border-color: #0c6b0d; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #34A835; + color: #34a835; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); - color: #34A835; + color: #34a835; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(52, 168, 53, 0.16); - color: #34A835; + color: #34a835; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #34A835; + color: #34a835; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); border-color: transparent; - color: #34A835; + color: #34a835; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(52, 168, 53, 0.16); border-color: transparent; - color: #34A835; + color: #34a835; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #333333; background: #ffba01; border: 1px solid #ffba01; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #ED990B; + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ed990b; color: #333333; - border-color: #ED990B; + border-color: #ed990b; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ffeab4; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #D38B10; + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #d38b10; color: #333333; - border-color: #D38B10; + border-color: #d38b10; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffba01; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 186, 1, 0.04); color: #ffba01; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 186, 1, 0.16); color: #ffba01; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffba01; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 186, 1, 0.04); border-color: transparent; color: #ffba01; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 186, 1, 0.16); border-color: transparent; color: #ffba01; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; + background: #9c27b0; + border: 1px solid #9c27b0; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #8E24AA; + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #8e24aa; color: #ffffff; - border-color: #8E24AA; + border-color: #8e24aa; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #CE93D8; + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #ce93d8; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #7B1FA2; + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7b1fa2; color: #ffffff; - border-color: #7B1FA2; + border-color: #7b1fa2; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #e91224; border: 1px solid #e91224; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c01120; color: #ffffff; border-color: #c01120; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #f9b4ba; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #a90000; color: #ffffff; border-color: #a90000; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #e91224; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(233, 18, 36, 0.04); color: #e91224; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(233, 18, 36, 0.16); color: #e91224; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #e91224; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(233, 18, 36, 0.04); border-color: transparent; color: #e91224; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(233, 18, 36, 0.16); border-color: transparent; color: #e91224; @@ -2354,20 +2511,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #005b9f; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #005b9f; border-color: transparent; @@ -2459,11 +2616,11 @@ color: #007ad9; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; } @@ -2471,11 +2628,11 @@ color: #848484; border-color: #848484; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #eaeaea; color: #848484; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #d2d2d2; color: #848484; } @@ -2484,12 +2641,12 @@ color: #007ad9; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; border-color: transparent; @@ -2497,11 +2654,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #848484; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #eaeaea; color: #848484; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #d2d2d2; color: #848484; } @@ -2531,31 +2688,31 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { @@ -2563,11 +2720,11 @@ color: #007ad9; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; } @@ -2576,12 +2733,12 @@ color: #007ad9; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); border-color: transparent; color: #007ad9; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(0, 122, 217, 0.16); border-color: transparent; color: #007ad9; @@ -2589,31 +2746,31 @@ .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #34A835; + color: #34a835; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); - color: #34A835; + color: #34a835; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(52, 168, 53, 0.16); - color: #34A835; + color: #34a835; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #34A835; + color: #34a835; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); border-color: transparent; - color: #34A835; + color: #34a835; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(52, 168, 53, 0.16); border-color: transparent; - color: #34A835; + color: #34a835; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { @@ -2621,11 +2778,11 @@ color: #ffba01; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 186, 1, 0.04); color: #ffba01; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 186, 1, 0.16); color: #ffba01; } @@ -2634,12 +2791,12 @@ color: #ffba01; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 186, 1, 0.04); border-color: transparent; color: #ffba01; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 186, 1, 0.16); border-color: transparent; color: #ffba01; @@ -2647,31 +2804,31 @@ .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { @@ -2679,11 +2836,11 @@ color: #e91224; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(233, 18, 36, 0.04); color: #e91224; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(233, 18, 36, 0.16); color: #e91224; } @@ -2692,12 +2849,12 @@ color: #e91224; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(233, 18, 36, 0.04); border-color: transparent; color: #e91224; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(233, 18, 36, 0.16); border-color: transparent; color: #e91224; @@ -3024,10 +3181,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #d8dae2; - border-width: 1px; - } .p-dataview .p-dataview-footer { background: #ffffff; color: #333333; @@ -3165,295 +3318,6 @@ padding: 0.571rem 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #333333; - border: 1px solid #333333; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #c8c8c8; - color: #333333; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #333333; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #333333; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #116fbf; - border: 1px solid #116fbf; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #333333; - border: 1px solid #333333; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #007ad9; - border: 1px solid #007ad9; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #116fbf; - color: #ffffff; - border-color: #116fbf; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #005b9f; - color: #ffffff; - border-color: #005b9f; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #dadada; - border: 1px solid #dadada; - color: #333333; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #c8c8c8; - border-color: #c8c8c8; - color: #333333; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #007ad9; - border-color: #007ad9; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #116fbf; - border-color: #116fbf; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #c8c8c8; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #333333; - border-color: #333333; - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #333333; - border-color: #c8c8c8; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #333333; - padding: 0.857rem 1rem; - background: #333333; - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #a6a6a6; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #007ad9; - border-color: transparent; - background: transparent; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 0.571rem 1rem; - border: 1px solid #c8c8c8; - background: #ffffff; - color: #333333; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #116fbf; - border-color: #116fbf; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #116fbf; - border-color: #116fbf; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #eaeaea; - color: #333333; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #333333; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #007ad9; - border: 1px solid #007ad9; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #116fbf; - color: #ffffff; - border-color: #116fbf; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #005b9f; - color: #ffffff; - border-color: #005b9f; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.5; - color: #ffffff; - background: #007ad9; - border: 1px solid #007ad9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #dadada; - border: 1px solid #dadada; - color: #333333; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #c8c8c8; - border-color: #c8c8c8; - color: #333333; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #007ad9; - border-color: #007ad9; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #116fbf; - border-color: #116fbf; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard a { - color: #333333; - } - .fc.fc-theme-standard .fc-highlight { - color: #ffffff; - background: #007ad9; - } - .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3492,6 +3356,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; @@ -3501,15 +3366,21 @@ background: transparent; transition: background-color 0.2s, box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #eaeaea; + color: #333333; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #333333; + background: #d6d6d6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #ffffff; background: #007ad9; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #007ad9; + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.429rem 0.857rem; color: #333333; @@ -3693,6 +3564,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.429rem 0.857rem; @@ -3702,15 +3574,21 @@ background: transparent; transition: background-color 0.2s, box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #eaeaea; + color: #333333; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #333333; + background: #d6d6d6; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #ffffff; background: #007ad9; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #007ad9; + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.429rem 0.857rem; color: #333333; @@ -3769,6 +3647,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #8dcdff; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; @@ -3805,11 +3689,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #333333; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #007ad9; color: #ffffff; @@ -4297,15 +4176,19 @@ border: 1px solid #c8c8c8; background: #ffffff; color: #333333; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #c8c8c8; background: #ffffff; color: #333333; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4777,7 +4660,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4790,7 +4674,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4800,7 +4685,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-contextmenu .p-menuitem-separator { @@ -4921,7 +4807,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4934,7 +4821,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4944,7 +4832,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-megamenu .p-megamenu-panel { @@ -5001,7 +4890,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } @@ -5040,7 +4930,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5053,7 +4944,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5063,7 +4955,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menu.p-menu-overlay { @@ -5135,7 +5028,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5165,7 +5059,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5178,7 +5073,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5188,7 +5084,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-submenu-list { @@ -5379,7 +5276,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5392,7 +5290,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5402,7 +5301,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5460,7 +5360,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5473,7 +5374,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5483,7 +5385,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-slidemenu.p-slidemenu-overlay { @@ -5696,7 +5599,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5709,7 +5613,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5719,7 +5624,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-tieredmenu .p-menuitem-separator { @@ -6151,11 +6057,11 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #607D8B; + background-color: #607d8b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #34A835; + background-color: #34a835; color: #ffffff; } .p-badge.p-badge-info { @@ -6289,7 +6195,7 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #34A835; + background-color: #34a835; color: #ffffff; } .p-tag.p-tag-info { diff --git a/src/assets/components/themes/nova/theme.css b/src/assets/components/themes/nova/theme.css index b2c40eab3f2..cf0d3c3fb1a 100644 --- a/src/assets/components/themes/nova/theme.css +++ b/src/assets/components/themes/nova/theme.css @@ -1,6 +1,8 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; --surface-a: #ffffff; --surface-b: #f4f4f4; --surface-c: #eaeaea; @@ -32,15 +34,15 @@ --gray-700: #324249; --gray-800: #222c31; --gray-900: #111618; - --content-padding:0.571rem 1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#f4f4f4; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#c8c8c8; - --surface-hover:#eaeaea; + --content-padding: 0.571rem 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #f4f4f4; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #c8c8c8; + --surface-hover: #eaeaea; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #007ad9; --highlight-text-color: #ffffff; @@ -171,6 +173,105 @@ --primary-900:#003157; } +.p-editor-container .p-editor-toolbar { + background: #f4f4f4; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #c8c8c8; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #848484; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #848484; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #848484; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #c8c8c8; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #333333; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #333333; + background: #eaeaea; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.429rem 0.857rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #c8c8c8; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #333333; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #333333; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #333333; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #333333; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #007ad9; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #007ad9; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #007ad9; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #007ad9; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.786rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.2145rem 0.429rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #212121; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.2145rem 0.429rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.2145rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #333333; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.2145rem 0.429rem; - background: #007ad9; - color: #ffffff; - border-radius: 3px; + background: #c8c8c8; + color: #333333; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #bababa; + color: #333333; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #a80000; } @@ -309,18 +413,20 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #333333; - background: #eaeaea; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #ffffff; background: #007ad9; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.429rem 0.857rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #007ad9; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #333333; - background: transparent; + background: #d6d6d6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #333333; + background: #eaeaea; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 700; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #a80000; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -347,6 +457,13 @@ border-color: #a80000; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + border-color: #007ad9; + } + .p-datepicker { padding: 0.857rem; background: #ffffff; @@ -607,6 +724,9 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #a80000; + } .p-cascadeselect-panel { background: #ffffff; @@ -626,33 +746,27 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.429rem 0.857rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #ffffff; background: #007ad9; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #007ad9; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #333333; + background: #d6d6d6; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #333333; background: #eaeaea; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.429rem 0.857rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #a80000; - } .p-input-filled .p-cascadeselect { background: #f4f4f4; @@ -664,6 +778,10 @@ background-color: #f4f4f4; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #a80000; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.429rem; } @@ -747,24 +865,29 @@ border-color: #ffffff; } - .p-chips .p-chips-multiple-container { - padding: 0.2145rem 0.429rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #212121; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } + .p-chips .p-chips-multiple-container { + padding: 0.2145rem 0.429rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.2145rem 0.429rem; - background: #007ad9; - color: #ffffff; - border-radius: 3px; + margin-right: 0.5rem; + background: #c8c8c8; + color: #333333; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #bababa; + color: #333333; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -773,9 +896,9 @@ padding: 0.2145rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #333333; padding: 0; margin: 0; @@ -837,7 +960,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #666666; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -852,6 +975,9 @@ color: #848484; right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #a80000; + } .p-dropdown-panel { background: #ffffff; @@ -893,14 +1019,16 @@ color: #ffffff; background: #007ad9; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #007ad9; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #333333; - background: #eaeaea; + background: #d6d6d6; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.429rem 0.857rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #333333; - background: transparent; + background: #eaeaea; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -909,9 +1037,10 @@ background: #f4f4f4; font-weight: 700; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #a80000; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.429rem 0.857rem; + color: #333333; + background: transparent; } .p-input-filled .p-dropdown { @@ -927,105 +1056,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #f4f4f4; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #c8c8c8; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #848484; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #848484; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #848484; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 1px solid #c8c8c8; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); - border-radius: 3px; - padding: 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #333333; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #333333; - background: #eaeaea; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.429rem 0.857rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #c8c8c8; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #333333; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #333333; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #333333; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #333333; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #007ad9; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #007ad9; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #007ad9; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #007ad9; - } - .p-inputgroup-addon { background: #eaeaea; color: #848484; @@ -1282,6 +1312,7 @@ color: #333333; border: 1px solid #a6a6a6; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.429rem 0.857rem; @@ -1304,6 +1335,7 @@ } .p-listbox .p-listbox-list { padding: 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1317,11 +1349,6 @@ color: #ffffff; background: #007ad9; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1337,10 +1364,23 @@ color: #333333; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #007ad9; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #333333; + background: #d6d6d6; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #333333; background: #eaeaea; } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + border-color: #007ad9; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #a80000; @@ -1368,14 +1408,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: #666666; } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.2145rem 0.429rem; - background: #007ad9; - color: #ffffff; - border-radius: 3px; + margin-right: 0.5rem; + background: #c8c8c8; + color: #333333; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1388,10 +1426,18 @@ border-bottom-right-radius: 3px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.2145rem 0.429rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.429rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #848484; + right: 2.357rem; + } + .p-multiselect-panel { background: #ffffff; color: #333333; @@ -1454,15 +1500,17 @@ color: #ffffff; background: #007ad9; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #007ad9; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #333333; + background: #d6d6d6; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #333333; background: #eaeaea; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1479,10 +1527,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #a80000; - } - .p-input-filled .p-multiselect { background: #f4f4f4; } @@ -1493,12 +1537,8 @@ background-color: #f4f4f4; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.429rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #848484; - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #a80000; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1524,7 +1564,7 @@ background: #ffba01; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #34A835; + background: #34a835; } p-password.p-password-clearable .p-password-input { @@ -1609,38 +1649,35 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #333333; - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #e4018d; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; + border-color: #007ad9; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #007ad9; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #007ad9; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b5019f; } - .p-highlight .p-rating .p-rating-icon { + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #ffffff; } @@ -1912,12 +1949,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #005b9f; color: #ffffff; border-color: #005b9f; @@ -1927,12 +1964,12 @@ color: #007ad9; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; border: 1px solid; @@ -1941,11 +1978,11 @@ color: #848484; border-color: #848484; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #eaeaea; color: #848484; } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #d2d2d2; color: #848484; } @@ -1954,12 +1991,12 @@ color: #007ad9; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; border-color: transparent; @@ -1967,11 +2004,11 @@ .p-button.p-button-text.p-button-plain { color: #848484; } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #eaeaea; color: #848484; } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #d2d2d2; color: #848484; } @@ -2055,295 +2092,415 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #607D8B; - border: 1px solid #607D8B; + background: #607d8b; + border: 1px solid #607d8b; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { - background: #546E7A; + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #546e7a; color: #ffffff; - border-color: #546E7A; + border-color: #546e7a; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #B0BEC5; + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #b0bec5; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { - background: #455A64; + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #455a64; color: #ffffff; - border-color: #455A64; + border-color: #455a64; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #007ad9; border: 1px solid #007ad9; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #005b9f; color: #ffffff; border-color: #005b9f; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #007ad9; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #007ad9; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); border-color: transparent; color: #007ad9; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(0, 122, 217, 0.16); border-color: transparent; color: #007ad9; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; - background: #34A835; - border: 1px solid #34A835; + background: #34a835; + border: 1px solid #34a835; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #107D11; + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #107d11; color: #ffffff; - border-color: #107D11; + border-color: #107d11; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #aae5aa; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #0C6B0D; + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #0c6b0d; color: #ffffff; - border-color: #0C6B0D; + border-color: #0c6b0d; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #34A835; + color: #34a835; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); - color: #34A835; + color: #34a835; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(52, 168, 53, 0.16); - color: #34A835; + color: #34a835; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #34A835; + color: #34a835; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); border-color: transparent; - color: #34A835; + color: #34a835; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(52, 168, 53, 0.16); border-color: transparent; - color: #34A835; + color: #34a835; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #333333; background: #ffba01; border: 1px solid #ffba01; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #ED990B; + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #ed990b; color: #333333; - border-color: #ED990B; + border-color: #ed990b; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ffeab4; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #D38B10; + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #d38b10; color: #333333; - border-color: #D38B10; + border-color: #d38b10; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffba01; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 186, 1, 0.04); color: #ffba01; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 186, 1, 0.16); color: #ffba01; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffba01; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 186, 1, 0.04); border-color: transparent; color: #ffba01; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 186, 1, 0.16); border-color: transparent; color: #ffba01; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; + background: #9c27b0; + border: 1px solid #9c27b0; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #8E24AA; + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #8e24aa; color: #ffffff; - border-color: #8E24AA; + border-color: #8e24aa; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #CE93D8; + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #ce93d8; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #7B1FA2; + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7b1fa2; color: #ffffff; - border-color: #7B1FA2; + border-color: #7b1fa2; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #e91224; border: 1px solid #e91224; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c01120; color: #ffffff; border-color: #c01120; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #f9b4ba; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #a90000; color: #ffffff; border-color: #a90000; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #e91224; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(233, 18, 36, 0.04); color: #e91224; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(233, 18, 36, 0.16); color: #e91224; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #e91224; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(233, 18, 36, 0.04); border-color: transparent; color: #e91224; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(233, 18, 36, 0.16); border-color: transparent; color: #e91224; @@ -2354,20 +2511,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #005b9f; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #005b9f; border-color: transparent; @@ -2459,11 +2616,11 @@ color: #007ad9; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; } @@ -2471,11 +2628,11 @@ color: #848484; border-color: #848484; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #eaeaea; color: #848484; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #d2d2d2; color: #848484; } @@ -2484,12 +2641,12 @@ color: #007ad9; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; border-color: transparent; @@ -2497,11 +2654,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #848484; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #eaeaea; color: #848484; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #d2d2d2; color: #848484; } @@ -2531,31 +2688,31 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { @@ -2563,11 +2720,11 @@ color: #007ad9; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); color: #007ad9; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(0, 122, 217, 0.16); color: #007ad9; } @@ -2576,12 +2733,12 @@ color: #007ad9; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(0, 122, 217, 0.04); border-color: transparent; color: #007ad9; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(0, 122, 217, 0.16); border-color: transparent; color: #007ad9; @@ -2589,31 +2746,31 @@ .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #34A835; + color: #34a835; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); - color: #34A835; + color: #34a835; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(52, 168, 53, 0.16); - color: #34A835; + color: #34a835; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #34A835; + color: #34a835; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); border-color: transparent; - color: #34A835; + color: #34a835; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(52, 168, 53, 0.16); border-color: transparent; - color: #34A835; + color: #34a835; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { @@ -2621,11 +2778,11 @@ color: #ffba01; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 186, 1, 0.04); color: #ffba01; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 186, 1, 0.16); color: #ffba01; } @@ -2634,12 +2791,12 @@ color: #ffba01; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 186, 1, 0.04); border-color: transparent; color: #ffba01; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 186, 1, 0.16); border-color: transparent; color: #ffba01; @@ -2647,31 +2804,31 @@ .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { @@ -2679,11 +2836,11 @@ color: #e91224; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(233, 18, 36, 0.04); color: #e91224; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(233, 18, 36, 0.16); color: #e91224; } @@ -2692,12 +2849,12 @@ color: #e91224; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(233, 18, 36, 0.04); border-color: transparent; color: #e91224; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(233, 18, 36, 0.16); border-color: transparent; color: #e91224; @@ -3024,10 +3181,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #d8dae2; - border-width: 1px; - } .p-dataview .p-dataview-footer { background: #ffffff; color: #333333; @@ -3165,295 +3318,6 @@ padding: 0.571rem 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #f4f4f4; - border: 1px solid #c8c8c8; - color: #333333; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #c8c8c8; - color: #333333; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #c8c8c8; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #c8c8c8; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #116fbf; - border: 1px solid #116fbf; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #f4f4f4; - border: 1px solid #c8c8c8; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #007ad9; - border: 1px solid #007ad9; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #116fbf; - color: #ffffff; - border-color: #116fbf; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #005b9f; - color: #ffffff; - border-color: #005b9f; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #dadada; - border: 1px solid #dadada; - color: #333333; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #c8c8c8; - border-color: #c8c8c8; - color: #333333; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #007ad9; - border-color: #007ad9; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #116fbf; - border-color: #116fbf; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #c8c8c8; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #f4f4f4; - border-color: #c8c8c8; - color: #333333; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #333333; - border-color: #c8c8c8; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #c8c8c8; - padding: 0.857rem 1rem; - background: #f4f4f4; - color: #333333; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #a6a6a6; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #007ad9; - border-color: transparent; - background: transparent; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 0.571rem 1rem; - border: 1px solid #c8c8c8; - background: #ffffff; - color: #333333; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #116fbf; - border-color: #116fbf; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #116fbf; - border-color: #116fbf; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #eaeaea; - color: #333333; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f4f4f4; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #007ad9; - border: 1px solid #007ad9; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #116fbf; - color: #ffffff; - border-color: #116fbf; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #005b9f; - color: #ffffff; - border-color: #005b9f; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.5; - color: #ffffff; - background: #007ad9; - border: 1px solid #007ad9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #dadada; - border: 1px solid #dadada; - color: #333333; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #c8c8c8; - border-color: #c8c8c8; - color: #333333; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #007ad9; - border-color: #007ad9; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #116fbf; - border-color: #116fbf; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard a { - color: #333333; - } - .fc.fc-theme-standard .fc-highlight { - color: #ffffff; - background: #007ad9; - } - .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3492,6 +3356,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; @@ -3501,15 +3366,21 @@ background: transparent; transition: background-color 0.2s, box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #eaeaea; + color: #333333; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #333333; + background: #d6d6d6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #ffffff; background: #007ad9; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #007ad9; + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.429rem 0.857rem; color: #333333; @@ -3693,6 +3564,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.429rem 0.857rem; @@ -3702,15 +3574,21 @@ background: transparent; transition: background-color 0.2s, box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #eaeaea; + color: #333333; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #333333; + background: #d6d6d6; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #ffffff; background: #007ad9; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #007ad9; + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.429rem 0.857rem; color: #333333; @@ -3769,6 +3647,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #8dcdff; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; @@ -3805,11 +3689,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #333333; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #007ad9; color: #ffffff; @@ -4297,15 +4176,19 @@ border: 1px solid #c8c8c8; background: #ffffff; color: #333333; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #c8c8c8; background: #ffffff; color: #333333; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4777,7 +4660,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4790,7 +4674,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4800,7 +4685,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-contextmenu .p-menuitem-separator { @@ -4921,7 +4807,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4934,7 +4821,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4944,7 +4832,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-megamenu .p-megamenu-panel { @@ -5001,7 +4890,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } @@ -5040,7 +4930,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5053,7 +4944,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5063,7 +4955,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menu.p-menu-overlay { @@ -5135,7 +5028,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5165,7 +5059,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5178,7 +5073,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5188,7 +5084,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-submenu-list { @@ -5379,7 +5276,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5392,7 +5290,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5402,7 +5301,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5460,7 +5360,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5473,7 +5374,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5483,7 +5385,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-slidemenu.p-slidemenu-overlay { @@ -5696,7 +5599,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5709,7 +5613,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5719,7 +5624,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-tieredmenu .p-menuitem-separator { @@ -6151,11 +6057,11 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #607D8B; + background-color: #607d8b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #34A835; + background-color: #34a835; color: #ffffff; } .p-badge.p-badge-info { @@ -6289,7 +6195,7 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #34A835; + background-color: #34a835; color: #ffffff; } .p-tag.p-tag-info { diff --git a/src/assets/components/themes/rhea/theme.css b/src/assets/components/themes/rhea/theme.css index 7ed87ee4283..9c06cbc0998 100644 --- a/src/assets/components/themes/rhea/theme.css +++ b/src/assets/components/themes/rhea/theme.css @@ -1,6 +1,8 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; --surface-a: #ffffff; --surface-b: #f4f4f4; --surface-c: #eaeaea; @@ -9,7 +11,7 @@ --surface-f: #ffffff; --text-color: #495057; --text-color-secondary: #6c757d; - --primary-color: #7B95A3; + --primary-color: #7b95a3; --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #eef1f2; @@ -32,17 +34,17 @@ --gray-700: #324249; --gray-800: #222c31; --gray-900: #111618; - --content-padding:0.571rem 1rem; - --inline-spacing:0.5rem; - --border-radius:2px; - --surface-ground:#f4f4f4; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dadada; + --content-padding: 0.571rem 1rem; + --inline-spacing: 0.5rem; + --border-radius: 2px; + --surface-ground: #f4f4f4; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dadada; --surface-hover: #eaeaea; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #AFD3C8; + --highlight-bg: #afd3c8; --highlight-text-color: #385048; --focus-ring: 0 0 0 0.2rem #e4e9ec; color-scheme: light; @@ -171,6 +173,105 @@ --primary-900:#313c41; } +.p-editor-container .p-editor-toolbar { + background: #7b95a3; + border-top-right-radius: 2px; + border-top-left-radius: 2px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #7b95a3; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #a6a6a6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #a6a6a6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #a6a6a6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #666666; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #666666; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #666666; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #666666; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #666666; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #666666; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 1px solid #eaeaea; + box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); + border-radius: 2px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #666666; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #666666; + background: #f4f4f4; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.429rem 0.857rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dadada; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #666666; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #666666; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #666666; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #666666; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #7b95a3; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #7b95a3; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #7b95a3; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #7b95a3; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.786rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.2145rem 0.429rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #a6a6a6; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; - border-color: #7B95A3; + border-color: #7b95a3; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.2145rem 0.429rem; + gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.2145rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #666666; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.2145rem 0.429rem; - background: #AFD3C8; - color: #385048; - border-radius: 2px; + background: #dadada; + color: #666666; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #cbcbcb; + color: #666666; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e7a3a3; } @@ -309,18 +413,20 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #666666; - background: #f4f4f4; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.429rem 0.857rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #aed3c7; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #666666; - background: transparent; + background: #e0e0e0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #666666; + background: #f4f4f4; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 700; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #e7a3a3; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -347,6 +457,13 @@ border-color: #e7a3a3; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #e4e9ec; + border-color: #7b95a3; + } + .p-datepicker { padding: 0.857rem; background: #ffffff; @@ -406,7 +523,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #7B95A3; + color: #7b95a3; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -434,7 +551,7 @@ } .p-datepicker table td > span.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } .p-datepicker table td > span:focus { outline: 0 none; @@ -448,7 +565,7 @@ } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } .p-datepicker .p-datepicker-buttonbar { padding: 0.857rem 0 0.429rem 0; @@ -502,7 +619,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } .p-datepicker .p-yearpicker { margin: 0.857rem 0; @@ -514,7 +631,7 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #dadada; @@ -586,7 +703,7 @@ outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; - border-color: #7B95A3; + border-color: #7b95a3; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -607,6 +724,9 @@ border-top-right-radius: 2px; border-bottom-right-radius: 2px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #e7a3a3; + } .p-cascadeselect-panel { background: #ffffff; @@ -626,33 +746,27 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.429rem 0.857rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e4e9ec; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #aed3c7; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #666666; + background: #e0e0e0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #666666; background: #f4f4f4; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.429rem 0.857rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #e7a3a3; - } .p-input-filled .p-cascadeselect { background: #f4f4f4; @@ -664,6 +778,10 @@ background-color: #f4f4f4; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #e7a3a3; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.429rem; } @@ -704,8 +822,8 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #7B95A3; - background: #7B95A3; + border-color: #7b95a3; + background: #7b95a3; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #a6a6a6; @@ -714,7 +832,7 @@ outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; - border-color: #7B95A3; + border-color: #7b95a3; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #617c8a; @@ -730,7 +848,7 @@ background-color: #f4f4f4; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #7B95A3; + background: #7b95a3; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #f4f4f4; @@ -743,24 +861,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.2145rem 0.429rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #a6a6a6; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; - border-color: #7B95A3; + border-color: #7b95a3; + } + .p-chips .p-chips-multiple-container { + padding: 0.2145rem 0.429rem; + gap: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.2145rem 0.429rem; - background: #AFD3C8; - color: #385048; - border-radius: 2px; + margin-right: 0.5rem; + background: #dadada; + color: #666666; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #cbcbcb; + color: #666666; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -769,9 +892,9 @@ padding: 0.2145rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #666666; padding: 0; margin: 0; @@ -821,7 +944,7 @@ outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; - border-color: #7B95A3; + border-color: #7b95a3; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.429rem; @@ -833,7 +956,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #a6a6a6; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -848,6 +971,9 @@ color: #a6a6a6; right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #e7a3a3; + } .p-dropdown-panel { background: #ffffff; @@ -887,16 +1013,18 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #aed3c7; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #666666; - background: #f4f4f4; + background: #e0e0e0; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.429rem 0.857rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #666666; - background: transparent; + background: #f4f4f4; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -905,9 +1033,10 @@ background: #f4f4f4; font-weight: 700; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #e7a3a3; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.429rem 0.857rem; + color: #666666; + background: transparent; } .p-input-filled .p-dropdown { @@ -923,105 +1052,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #7B95A3; - border-top-right-radius: 2px; - border-top-left-radius: 2px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #7B95A3; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #a6a6a6; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #a6a6a6; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #a6a6a6; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #666666; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #666666; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #666666; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #666666; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #666666; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #666666; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 1px solid #eaeaea; - box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); - border-radius: 2px; - padding: 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #666666; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #666666; - background: #f4f4f4; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.429rem 0.857rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dadada; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #666666; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #666666; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #666666; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #666666; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #7B95A3; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #7B95A3; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #7B95A3; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #7B95A3; - } - .p-inputgroup-addon { background: #dbdbdb; color: #666666; @@ -1137,7 +1167,7 @@ border-radius: 30px; } .p-inputswitch .p-inputswitch-slider:before { - background: #7B95A3; + background: #7b95a3; width: 1.25rem; height: 1.25rem; left: 0.25rem; @@ -1157,13 +1187,13 @@ background: #d8dae2; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #AFD3C8; + background: #afd3c8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #385048; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #AFD3C8; + background: #afd3c8; } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { @@ -1189,7 +1219,7 @@ outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; - border-color: #7B95A3; + border-color: #7b95a3; } .p-inputtext.ng-dirty.ng-invalid { border-color: #e7a3a3; @@ -1278,6 +1308,7 @@ color: #666666; border: 1px solid #dadada; border-radius: 2px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.429rem 0.857rem; @@ -1300,6 +1331,7 @@ } .p-listbox .p-listbox-list { padding: 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1311,12 +1343,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #385048; - background: #AFD3C8; - } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e4e9ec; + background: #afd3c8; } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; @@ -1333,10 +1360,23 @@ color: #666666; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #aed3c7; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #666666; + background: #e0e0e0; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #666666; background: #f4f4f4; } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #e4e9ec; + border-color: #7b95a3; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #e7a3a3; @@ -1355,7 +1395,7 @@ outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; - border-color: #7B95A3; + border-color: #7b95a3; } .p-multiselect .p-multiselect-label { padding: 0.429rem 0.429rem; @@ -1364,14 +1404,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: #a6a6a6; } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.2145rem 0.429rem; - background: #AFD3C8; - color: #385048; - border-radius: 2px; + margin-right: 0.5rem; + background: #dadada; + color: #666666; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1384,10 +1422,18 @@ border-bottom-right-radius: 2px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.2145rem 0.429rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.429rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #a6a6a6; + right: 2.357rem; + } + .p-multiselect-panel { background: #ffffff; color: #666666; @@ -1448,17 +1494,19 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #aed3c7; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #666666; + background: #e0e0e0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #666666; background: #f4f4f4; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e4e9ec; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1475,10 +1523,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #e7a3a3; - } - .p-input-filled .p-multiselect { background: #f4f4f4; } @@ -1489,12 +1533,8 @@ background-color: #f4f4f4; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.429rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #a6a6a6; - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #e7a3a3; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1514,13 +1554,13 @@ background: #efefef; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #F4B6B6; + background: #f4b6b6; } .p-password-panel .p-password-meter .p-password-strength.medium { background: #ffe38e; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #A3E2C6; + background: #a3e2c6; } p-password.p-password-clearable .p-password-input { @@ -1559,7 +1599,7 @@ outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; - border-color: #7B95A3; + border-color: #7b95a3; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1568,8 +1608,8 @@ background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #7B95A3; - background: #7B95A3; + border-color: #7b95a3; + background: #7b95a3; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #617c8a; @@ -1588,7 +1628,7 @@ background-color: #f4f4f4; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #7B95A3; + background: #7b95a3; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #617c8a; @@ -1601,34 +1641,31 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #666666; - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #f3b9b9; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; + border-color: #7b95a3; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { - color: #7B95A3; + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #7b95a3; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #7B95A3; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #7b95a3; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #d66161; } @@ -1652,8 +1689,8 @@ color: #666666; } .p-selectbutton .p-button.p-highlight { - background: #AFD3C8; - border-color: #AFD3C8; + background: #afd3c8; + border-color: #afd3c8; color: #385048; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1661,8 +1698,8 @@ color: #385048; } .p-selectbutton .p-button.p-highlight:hover { - background: #8DC8B5; - border-color: #8DC8B5; + background: #8dc8b5; + border-color: #8dc8b5; color: #385048; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, @@ -1707,11 +1744,11 @@ box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-slider .p-slider-range { - background: #7B95A3; + background: #7b95a3; } .p-slider:not(.p-disabled) .p-slider-handle:hover { background: #7f7f7f; - border-color: #7B95A3; + border-color: #7b95a3; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; @@ -1746,8 +1783,8 @@ color: #666666; } .p-togglebutton.p-button.p-highlight { - background: #AFD3C8; - border-color: #AFD3C8; + background: #afd3c8; + border-color: #afd3c8; color: #385048; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1755,8 +1792,8 @@ color: #385048; } .p-togglebutton.p-button.p-highlight:hover { - background: #8DC8B5; - border-color: #8DC8B5; + background: #8dc8b5; + border-color: #8dc8b5; color: #385048; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, @@ -1781,7 +1818,7 @@ outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; - border-color: #7B95A3; + border-color: #7b95a3; } .p-treeselect .p-treeselect-label { padding: 0.429rem 0.429rem; @@ -1893,73 +1930,73 @@ .p-button { color: #ffffff; - background: #7B95A3; - border: 1px solid #7B95A3; + background: #7b95a3; + border: 1px solid #7b95a3; padding: 0.429rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 2px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #6c8999; color: #ffffff; border-color: #6c8999; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #617c8a; color: #ffffff; border-color: #617c8a; } .p-button.p-button-outlined { background-color: transparent; - color: #7B95A3; + color: #7b95a3; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(123, 149, 163, 0.04); - color: #7B95A3; + color: #7b95a3; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(123, 149, 163, 0.16); - color: #7B95A3; + color: #7b95a3; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { color: #a6a6a6; border-color: #a6a6a6; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #f4f4f4; color: #a6a6a6; } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #dbdbdb; color: #a6a6a6; } .p-button.p-button-text { background-color: transparent; - color: #7B95A3; + color: #7b95a3; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(123, 149, 163, 0.04); - color: #7B95A3; + color: #7b95a3; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(123, 149, 163, 0.16); - color: #7B95A3; + color: #7b95a3; border-color: transparent; } .p-button.p-button-text.p-button-plain { color: #a6a6a6; } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #f4f4f4; color: #a6a6a6; } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #dbdbdb; color: #a6a6a6; } @@ -1988,7 +2025,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #7B95A3; + color: #7b95a3; background-color: #ffffff; } .p-button.p-button-raised { @@ -2043,298 +2080,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #a3897b; border: 1px solid #8e6f5f; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #8e6f5f; color: #ffffff; border-color: #7a5743; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #bfaaa0; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #7a5743; color: #ffffff; border-color: #6e4e3c; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #a3897b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(163, 137, 123, 0.04); color: #a3897b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(163, 137, 123, 0.16); color: #a3897b; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #a3897b; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(163, 137, 123, 0.04); border-color: transparent; color: #a3897b; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(163, 137, 123, 0.16); border-color: transparent; color: #a3897b; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #3D4447; - background: #A3DEF8; - border: 1px solid #79C8EB; + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: #3d4447; + background: #a3def8; + border: 1px solid #79c8eb; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #81CBEC; - color: #3D4447; - border-color: #60B7DE; + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #81cbec; + color: #3d4447; + border-color: #60b7de; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #d2effc; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #3ea9db; - color: #3D4447; - border-color: #2987B1; + color: #3d4447; + border-color: #2987b1; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #A3DEF8; + color: #a3def8; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(163, 222, 248, 0.04); - color: #A3DEF8; + color: #a3def8; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(163, 222, 248, 0.16); - color: #A3DEF8; + color: #a3def8; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #A3DEF8; + color: #a3def8; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(163, 222, 248, 0.04); border-color: transparent; - color: #A3DEF8; + color: #a3def8; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(163, 222, 248, 0.16); border-color: transparent; - color: #A3DEF8; - } - - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #323E39; - background: #A3E2C6; - border: 1px solid #80CAAA; - } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #80CAAA; - color: #323E39; - border-color: #5EA285; - } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + color: #a3def8; + } + + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: #323e39; + background: #a3e2c6; + border: 1px solid #80caaa; + } + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #80caaa; + color: #323e39; + border-color: #5ea285; + } + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #caeede; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #31B57C; - color: #323E39; - border-color: #5EA285; + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #31b57c; + color: #323e39; + border-color: #5ea285; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #A3E2C6; + color: #a3e2c6; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(163, 226, 198, 0.04); - color: #A3E2C6; + color: #a3e2c6; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(163, 226, 198, 0.16); - color: #A3E2C6; + color: #a3e2c6; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #A3E2C6; + color: #a3e2c6; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(163, 226, 198, 0.04); border-color: transparent; - color: #A3E2C6; + color: #a3e2c6; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(163, 226, 198, 0.16); border-color: transparent; - color: #A3E2C6; + color: #a3e2c6; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #333333; background: #ffe38e; border: 1px solid #ffd95e; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd95e; color: #333333; border-color: #ffce3c; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ffe9a8; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffce3c; color: #333333; border-color: #ffc62a; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffe38e; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 227, 142, 0.04); color: #ffe38e; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 227, 142, 0.16); color: #ffe38e; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffe38e; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 227, 142, 0.04); border-color: transparent; color: #ffe38e; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 227, 142, 0.16); border-color: transparent; color: #ffe38e; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #333333; background: #e9bef1; border: 1px solid #de9eea; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #de9eea; color: #333333; border-color: #d37de3; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #f0d3f6; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #d37de3; color: #333333; border-color: #c85ddc; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #e9bef1; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(233, 190, 241, 0.04); color: #e9bef1; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(233, 190, 241, 0.16); color: #e9bef1; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #e9bef1; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(233, 190, 241, 0.04); border-color: transparent; color: #e9bef1; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(233, 190, 241, 0.16); border-color: transparent; color: #e9bef1; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #262222; - background: #F4B6B6; - border: 1px solid #E38787; + background: #f4b6b6; + border: 1px solid #e38787; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #EF9999; + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #ef9999; color: #262222; - border-color: #CB5858; + border-color: #cb5858; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fbe2e2; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #EB5656; + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #eb5656; color: #262222; - border-color: #B73737; + border-color: #b73737; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #F4B6B6; + color: #f4b6b6; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 182, 182, 0.04); - color: #F4B6B6; + color: #f4b6b6; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 182, 182, 0.16); - color: #F4B6B6; + color: #f4b6b6; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #F4B6B6; + color: #f4b6b6; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 182, 182, 0.04); border-color: transparent; - color: #F4B6B6; + color: #f4b6b6; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 182, 182, 0.16); border-color: transparent; - color: #F4B6B6; + color: #f4b6b6; } .p-button.p-button-link { @@ -2342,20 +2499,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #617c8a; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #617c8a; border-color: transparent; @@ -2444,52 +2601,52 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #7B95A3; + color: #7b95a3; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(123, 149, 163, 0.04); - color: #7B95A3; + color: #7b95a3; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(123, 149, 163, 0.16); - color: #7B95A3; + color: #7b95a3; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #a6a6a6; border-color: #a6a6a6; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #f4f4f4; color: #a6a6a6; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #dbdbdb; color: #a6a6a6; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #7B95A3; + color: #7b95a3; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(123, 149, 163, 0.04); - color: #7B95A3; + color: #7b95a3; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(123, 149, 163, 0.16); - color: #7B95A3; + color: #7b95a3; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #a6a6a6; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #f4f4f4; color: #a6a6a6; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #dbdbdb; color: #a6a6a6; } @@ -2522,11 +2679,11 @@ color: #a3897b; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(163, 137, 123, 0.04); color: #a3897b; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(163, 137, 123, 0.16); color: #a3897b; } @@ -2535,12 +2692,12 @@ color: #a3897b; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(163, 137, 123, 0.04); border-color: transparent; color: #a3897b; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(163, 137, 123, 0.16); border-color: transparent; color: #a3897b; @@ -2548,60 +2705,60 @@ .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #A3DEF8; + color: #a3def8; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(163, 222, 248, 0.04); - color: #A3DEF8; + color: #a3def8; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(163, 222, 248, 0.16); - color: #A3DEF8; + color: #a3def8; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #A3DEF8; + color: #a3def8; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(163, 222, 248, 0.04); border-color: transparent; - color: #A3DEF8; + color: #a3def8; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(163, 222, 248, 0.16); border-color: transparent; - color: #A3DEF8; + color: #a3def8; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #A3E2C6; + color: #a3e2c6; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(163, 226, 198, 0.04); - color: #A3E2C6; + color: #a3e2c6; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(163, 226, 198, 0.16); - color: #A3E2C6; + color: #a3e2c6; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #A3E2C6; + color: #a3e2c6; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(163, 226, 198, 0.04); border-color: transparent; - color: #A3E2C6; + color: #a3e2c6; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(163, 226, 198, 0.16); border-color: transparent; - color: #A3E2C6; + color: #a3e2c6; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { @@ -2609,11 +2766,11 @@ color: #ffe38e; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 227, 142, 0.04); color: #ffe38e; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 227, 142, 0.16); color: #ffe38e; } @@ -2622,12 +2779,12 @@ color: #ffe38e; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 227, 142, 0.04); border-color: transparent; color: #ffe38e; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 227, 142, 0.16); border-color: transparent; color: #ffe38e; @@ -2638,11 +2795,11 @@ color: #e9bef1; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(233, 190, 241, 0.04); color: #e9bef1; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(233, 190, 241, 0.16); color: #e9bef1; } @@ -2651,12 +2808,12 @@ color: #e9bef1; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(233, 190, 241, 0.04); border-color: transparent; color: #e9bef1; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(233, 190, 241, 0.16); border-color: transparent; color: #e9bef1; @@ -2664,31 +2821,31 @@ .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #F4B6B6; + color: #f4b6b6; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 182, 182, 0.04); - color: #F4B6B6; + color: #f4b6b6; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 182, 182, 0.16); - color: #F4B6B6; + color: #f4b6b6; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #F4B6B6; + color: #f4b6b6; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 182, 182, 0.04); border-color: transparent; - color: #F4B6B6; + color: #f4b6b6; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 182, 182, 0.16); border-color: transparent; - color: #F4B6B6; + color: #f4b6b6; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -2722,7 +2879,7 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #7B95A3; + background-color: #7b95a3; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -2732,7 +2889,7 @@ background: #617c8a; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #AFD3C8; + background: #afd3c8; color: #385048; } @@ -2745,9 +2902,9 @@ border-radius: 0; } .p-datatable .p-datatable-header { - background: #7B95A3; + background: #7b95a3; color: #ffffff; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; font-weight: 700; @@ -2789,7 +2946,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #385048; - background: #AFD3C8; + background: #afd3c8; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -2800,14 +2957,14 @@ color: #666666; } .p-datatable .p-sortable-column.p-highlight { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #385048; } .p-datatable .p-sortable-column.p-highlight:hover { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { @@ -2864,25 +3021,25 @@ outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #AFD3C8; + box-shadow: inset 0 2px 0 0 #afd3c8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #AFD3C8; + box-shadow: inset 0 -2px 0 0 #afd3c8; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #eaeaea; color: #666666; } .p-datatable .p-column-resizer-helper { - background: #7B95A3; + background: #7b95a3; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { - background: #7B95A3; + background: #7b95a3; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, @@ -2950,7 +3107,7 @@ background: #f8f8f8; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { @@ -2999,9 +3156,9 @@ border-radius: 0; } .p-dataview .p-dataview-header { - background: #7B95A3; + background: #7b95a3; color: #ffffff; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; font-weight: 700; @@ -3012,10 +3169,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: 1px solid #dadada; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #ffffff; color: #666666; @@ -3057,7 +3210,7 @@ color: #666666; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-column-filter-menu-button:focus-visible { @@ -3108,7 +3261,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #666666; @@ -3153,295 +3306,6 @@ padding: 0.571rem 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #7B95A3; - border: 1px solid #7B95A3; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dadada; - color: #666666; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #7B95A3; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #7B95A3; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #AFD3C8; - border: 1px solid #6c8999; - color: #385048; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #7B95A3; - border: 1px solid #7B95A3; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #7B95A3; - border: 1px solid #7B95A3; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 2px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #6c8999; - color: #ffffff; - border-color: #6c8999; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #617c8a; - color: #ffffff; - border-color: #617c8a; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #e4e9ec; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #e4e9ec; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #eaeaea; - border: 1px solid #eaeaea; - color: #333333; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #c8c8c8; - border-color: #c8c8c8; - color: #333333; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #AFD3C8; - border-color: #AFD3C8; - color: #385048; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #8DC8B5; - border-color: #8DC8B5; - color: #385048; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #e4e9ec; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dadada; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #7B95A3; - border-color: #7B95A3; - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #666666; - border-color: #dadada; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #7B95A3; - padding: 0.857rem 1rem; - background: #7B95A3; - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #a6a6a6; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #666666; - border-color: transparent; - background: transparent; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #e4e9ec; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 0.571rem 1rem; - border: 1px solid #dadada; - background: #ffffff; - color: #666666; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #385048; - background: #AFD3C8; - border-color: #6c8999; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #385048; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #AFD3C8; - border-color: #6c8999; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #f4f4f4; - color: #666666; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #7B95A3; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #7B95A3; - border: 1px solid #7B95A3; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 2px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #6c8999; - color: #ffffff; - border-color: #6c8999; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #617c8a; - color: #ffffff; - border-color: #617c8a; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #e4e9ec; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.5; - color: #ffffff; - background: #7B95A3; - border: 1px solid #7B95A3; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #e4e9ec; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #eaeaea; - border: 1px solid #eaeaea; - color: #333333; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #c8c8c8; - border-color: #c8c8c8; - color: #333333; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #AFD3C8; - border-color: #AFD3C8; - color: #385048; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #8DC8B5; - border-color: #8DC8B5; - color: #385048; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #e4e9ec; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - } - .fc.fc-theme-standard a { - color: #666666; - } - .fc.fc-theme-standard .fc-highlight { - color: #385048; - background: #AFD3C8; - } - .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3449,9 +3313,9 @@ margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { - background: #7B95A3; + background: #7b95a3; color: #ffffff; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; padding: 0.857rem 1rem; border-bottom: 0 none; border-top-right-radius: 2px; @@ -3463,7 +3327,7 @@ .p-orderlist .p-orderlist-filter-container { padding: 0.857rem 1rem; background: #ffffff; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { @@ -3480,6 +3344,7 @@ padding: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; @@ -3489,14 +3354,20 @@ background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e4e9ec; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f4f4f4; + color: #666666; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #666666; + background: #e0e0e0; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #aed3c7; } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.429rem 0.857rem; @@ -3527,7 +3398,7 @@ color: #666666; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { @@ -3633,8 +3504,8 @@ border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #AFD3C8; - border-color: #AFD3C8; + background: #afd3c8; + border-color: #afd3c8; color: #385048; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3650,9 +3521,9 @@ margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { - background: #7B95A3; + background: #7b95a3; color: #ffffff; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; padding: 0.857rem 1rem; border-bottom: 0 none; border-top-right-radius: 2px; @@ -3664,7 +3535,7 @@ .p-picklist .p-picklist-filter-container { padding: 0.857rem 1rem; background: #ffffff; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { @@ -3681,6 +3552,7 @@ padding: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.429rem 0.857rem; @@ -3690,14 +3562,20 @@ background: transparent; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e4e9ec; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f4f4f4; + color: #666666; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #666666; + background: #e0e0e0; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #aed3c7; } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.429rem 0.857rem; @@ -3728,7 +3606,7 @@ border-radius: 50%; width: 1rem; height: 1rem; - background-color: #AFD3C8; + background-color: #afd3c8; } .p-timeline .p-timeline-event-connector { background-color: #c8c8c8; @@ -3757,6 +3635,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 2px; @@ -3793,13 +3677,8 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #666666; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e4e9ec; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3851,7 +3730,7 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #AFD3C8; + background-color: #afd3c8; color: #385048; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { @@ -3890,9 +3769,9 @@ border-radius: 0; } .p-treetable .p-treetable-header { - background: #7B95A3; + background: #7b95a3; color: #ffffff; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; font-weight: 700; @@ -3937,7 +3816,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #385048; - background: #AFD3C8; + background: #afd3c8; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3948,7 +3827,7 @@ color: #666666; } .p-treetable .p-sortable-column.p-highlight { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { @@ -4000,7 +3879,7 @@ outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -4017,11 +3896,11 @@ color: #666666; } .p-treetable .p-column-resizer-helper { - background: #7B95A3; + background: #7b95a3; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { - background: #7B95A3; + background: #7b95a3; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; @@ -4083,9 +3962,9 @@ } .p-virtualscroller .p-virtualscroller-header { - background: #7B95A3; + background: #7b95a3; color: #ffffff; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; font-weight: 700; @@ -4109,9 +3988,9 @@ .p-accordion .p-accordion-header .p-accordion-header-link { padding: 0.857rem 1rem; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; color: #ffffff; - background: #7B95A3; + background: #7b95a3; font-weight: 700; border-radius: 2px; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4130,15 +4009,15 @@ color: #ffffff; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #AFD3C8; + background: #afd3c8; border-color: #dadada; color: #385048; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #8DC8B5; - background: #8DC8B5; + border-color: #8dc8b5; + background: #8dc8b5; color: #385048; } .p-accordion .p-accordion-content { @@ -4214,9 +4093,9 @@ } .p-fieldset .p-fieldset-legend { padding: 0.857rem 1rem; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; color: #ffffff; - background: #7B95A3; + background: #7b95a3; font-weight: 700; border-radius: 2px; } @@ -4248,9 +4127,9 @@ } .p-panel .p-panel-header { - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; padding: 0.857rem 1rem; - background: #7B95A3; + background: #7b95a3; color: #ffffff; border-top-right-radius: 2px; border-top-left-radius: 2px; @@ -4285,15 +4164,19 @@ border: 1px solid #dadada; background: #ffffff; color: #666666; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #dadada; background: #ffffff; color: #666666; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4344,10 +4227,10 @@ margin-right: 2px; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; border-width: 1px; - border-color: #7B95A3; - background: #7B95A3; + border-color: #7b95a3; + background: #7b95a3; color: #ffffff; padding: 0.857rem 1rem; font-weight: 700; @@ -4367,7 +4250,7 @@ color: #ffffff; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #AFD3C8; + background: #afd3c8; border-color: #dadada; color: #385048; } @@ -4381,7 +4264,7 @@ margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { - background: #AFD3C8; + background: #afd3c8; color: #385048; width: 2.357rem; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); @@ -4402,8 +4285,8 @@ } .p-toolbar { - background: #7B95A3; - border: 1px solid #7B95A3; + background: #7b95a3; + border: 1px solid #7b95a3; padding: 0.857rem 1rem; border-radius: 2px; gap: 0.5rem; @@ -4466,8 +4349,8 @@ border: 1px solid #f1f1f1; } .p-dialog .p-dialog-header { - border-bottom: 1px solid #7B95A3; - background: #7B95A3; + border-bottom: 1px solid #7b95a3; + background: #7b95a3; color: #ffffff; padding: 1rem; border-top-right-radius: 2px; @@ -4544,7 +4427,7 @@ padding: 0.571rem 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #7B95A3; + background: #7b95a3; color: #ffffff; width: 2rem; height: 2rem; @@ -4617,29 +4500,29 @@ } .p-tooltip .p-tooltip-text { - background: #AFD3C8; + background: #afd3c8; color: #385048; padding: 0.429rem 0.429rem; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); border-radius: 2px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #AFD3C8; + border-right-color: #afd3c8; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #AFD3C8; + border-left-color: #afd3c8; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #AFD3C8; + border-top-color: #afd3c8; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #AFD3C8; + border-bottom-color: #afd3c8; } .p-fileupload .p-fileupload-buttonbar { - background: #7B95A3; + background: #7b95a3; padding: 0.857rem 1rem; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; color: #ffffff; border-bottom: 0 none; border-top-right-radius: 2px; @@ -4662,9 +4545,9 @@ border-bottom-left-radius: 2px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #7B95A3; + border-color: 1px dashed #7b95a3; border-style: dashed; - background-color: #AFD3C8; + background-color: #afd3c8; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4765,7 +4648,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4778,7 +4662,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4788,7 +4673,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } .p-contextmenu .p-menuitem-separator { @@ -4909,7 +4795,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4922,7 +4809,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4932,7 +4820,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } .p-megamenu .p-megamenu-panel { @@ -4989,7 +4878,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } @@ -5028,7 +4918,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5041,7 +4932,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5051,7 +4943,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } .p-menu.p-menu-overlay { @@ -5073,7 +4966,7 @@ margin: 0; } .p-menu .p-menuitem-badge { - background: #7B95A3; + background: #7b95a3; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5123,7 +5016,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5153,7 +5047,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5166,7 +5061,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5176,7 +5072,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } .p-menubar .p-submenu-list { @@ -5286,9 +5183,9 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; color: #ffffff; - background: #7B95A3; + background: #7b95a3; border-radius: 2px; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -5314,7 +5211,7 @@ color: #ffffff; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #AFD3C8; + background: #afd3c8; border-color: #dadada; color: #385048; border-bottom-right-radius: 0; @@ -5322,8 +5219,8 @@ margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #8DC8B5; - background: #8DC8B5; + border-color: #8dc8b5; + background: #8dc8b5; color: #385048; } .p-panelmenu .p-panelmenu-content { @@ -5367,7 +5264,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5380,7 +5278,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5390,7 +5289,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5448,7 +5348,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5461,7 +5362,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5471,7 +5373,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } .p-slidemenu.p-slidemenu-overlay { @@ -5506,7 +5409,7 @@ box-shadow: inset 0 0 0 0.2rem #e4e9ec; } .p-slidemenu .p-menuitem-badge { - background: #7B95A3; + background: #7b95a3; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5546,7 +5449,7 @@ box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5570,7 +5473,7 @@ border-width: 1px; } .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #7B95A3; + background: #7b95a3; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5586,10 +5489,10 @@ margin-right: 2px; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; border-width: 1px; - border-color: #7B95A3; - background: #7B95A3; + border-color: #7b95a3; + background: #7b95a3; color: #ffffff; padding: 0.857rem 1rem; font-weight: 700; @@ -5612,7 +5515,7 @@ color: #ffffff; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #AFD3C8; + background: #afd3c8; border-color: #dadada; color: #385048; } @@ -5623,7 +5526,7 @@ margin-left: 0.5rem; } .p-tabmenu .p-tabmenu-nav-btn.p-link { - background: #AFD3C8; + background: #afd3c8; color: #385048; width: 2.357rem; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); @@ -5684,7 +5587,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5697,7 +5601,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5707,7 +5612,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } .p-tieredmenu .p-menuitem-separator { @@ -5728,8 +5634,8 @@ border-radius: 2px; } .p-inline-message.p-inline-message-info { - background: #A3DEF8; - border: 1px solid #79C8EB; + background: #a3def8; + border: 1px solid #79c8eb; border-width: 1px; color: #212121; } @@ -5737,8 +5643,8 @@ color: #212121; } .p-inline-message.p-inline-message-success { - background: #A3E2C6; - border: 1px solid #A3E2C6; + background: #a3e2c6; + border: 1px solid #a3e2c6; border-width: 1px; color: #212121; } @@ -5801,8 +5707,8 @@ box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-message.p-message-info { - background: #A3DEF8; - border: 1px solid #79C8EB; + background: #a3def8; + border: 1px solid #79c8eb; border-width: 1px; color: #212121; } @@ -5813,8 +5719,8 @@ color: #212121; } .p-message.p-message-success { - background: #A3E2C6; - border: 1px solid #A3E2C6; + background: #a3e2c6; + border: 1px solid #a3e2c6; border-width: 1px; color: #212121; } @@ -5911,8 +5817,8 @@ box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-toast .p-toast-message.p-toast-message-info { - background: #A3DEF8; - border: 1px solid #79C8EB; + background: #a3def8; + border: 1px solid #79c8eb; border-width: 1px; color: #212121; } @@ -5921,8 +5827,8 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-success { - background: #A3E2C6; - border: 1px solid #A3E2C6; + background: #a3e2c6; + border: 1px solid #a3e2c6; border-width: 1px; color: #212121; } @@ -6001,7 +5907,7 @@ padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #7B95A3; + background-color: #7b95a3; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -6011,7 +5917,7 @@ background: #617c8a; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -6030,7 +5936,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-galleria .p-galleria-thumbnail-container { @@ -6130,7 +6036,7 @@ } .p-badge { - background: #7B95A3; + background: #7b95a3; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -6143,19 +6049,19 @@ color: #ffffff; } .p-badge.p-badge-success { - background-color: #A3E2C6; - color: #323E39; + background-color: #a3e2c6; + color: #323e39; } .p-badge.p-badge-info { - background-color: #A3DEF8; - color: #3D4447; + background-color: #a3def8; + color: #3d4447; } .p-badge.p-badge-warning { background-color: #ffe38e; color: #333333; } .p-badge.p-badge-danger { - background-color: #F4B6B6; + background-color: #f4b6b6; color: #262222; } .p-badge.p-badge-lg { @@ -6231,7 +6137,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #7B95A3; + background: #7b95a3; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -6269,7 +6175,7 @@ } .p-tag { - background: #7B95A3; + background: #7b95a3; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -6277,19 +6183,19 @@ border-radius: 2px; } .p-tag.p-tag-success { - background-color: #A3E2C6; - color: #323E39; + background-color: #a3e2c6; + color: #323e39; } .p-tag.p-tag-info { - background-color: #A3DEF8; - color: #3D4447; + background-color: #a3def8; + color: #3d4447; } .p-tag.p-tag-warning { background-color: #ffe38e; color: #333333; } .p-tag.p-tag-danger { - background-color: #F4B6B6; + background-color: #f4b6b6; color: #262222; } .p-tag .p-tag-icon { diff --git a/src/assets/components/themes/saga-blue/theme.css b/src/assets/components/themes/saga-blue/theme.css index a51e47ecf56..e33ae040372 100644 --- a/src/assets/components/themes/saga-blue/theme.css +++ b/src/assets/components/themes/saga-blue/theme.css @@ -1,45 +1,47 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#2196F3; - --primary-color-text:#ffffff; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #ffffff; + --surface-b: #f8f9fa; + --surface-c: #e9ecef; + --surface-d: #dee2e6; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #495057; + --text-color-secondary: #6c757d; + --primary-color: #2196F3; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; + --surface-50: #fafafa; + --surface-100: #f5f5f5; + --surface-200: #eeeeee; + --surface-300: #e0e0e0; + --surface-400: #bdbdbd; + --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; + --gray-50: #fafafa; + --gray-100: #f5f5f5; + --gray-200: #eeeeee; + --gray-300: #e0e0e0; + --gray-400: #bdbdbd; + --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#f8f9fa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #f8f9fa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dee2e6; --surface-hover: #e9ecef; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #E3F2FD; @@ -171,6 +173,105 @@ --primary-900:#0d3c61; } +.p-editor-container .p-editor-toolbar { + background: #f8f9fa; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #495057; + background: #e9ecef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #2196F3; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #2196F3; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #2196F3; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #2196F3; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.857rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #2196F3; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #495057; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; - background: #E3F2FD; + background: #dee2e6; color: #495057; - border-radius: 3px; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #ced4da; + color: #495057; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44336; } @@ -309,18 +413,20 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #495057; - background: #e9ecef; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #495057; background: #E3F2FD; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(33, 150, 243, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; - background: transparent; + background: #dee2e6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44336; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -347,6 +457,13 @@ border-color: #f44336; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + border-color: #2196F3; + } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -607,6 +724,9 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #f44336; + } .p-cascadeselect-panel { background: #ffffff; @@ -626,33 +746,27 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #495057; background: #E3F2FD; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(33, 150, 243, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #495057; + background: #dee2e6; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f44336; - } .p-input-filled .p-cascadeselect { background: #f8f9fa; @@ -664,6 +778,10 @@ background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44336; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -743,24 +861,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #2196F3; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; - background: #E3F2FD; + margin-right: 0.5rem; + background: #dee2e6; + color: #495057; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #ced4da; color: #495057; - border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -769,9 +892,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #495057; padding: 0; margin: 0; @@ -833,7 +956,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -848,6 +971,9 @@ color: #6c757d; right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #f44336; + } .p-dropdown-panel { background: #ffffff; @@ -889,14 +1015,16 @@ color: #495057; background: #E3F2FD; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(33, 150, 243, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; - background: #e9ecef; + background: #dee2e6; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; - background: transparent; + background: #e9ecef; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -905,9 +1033,10 @@ background: #ffffff; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f44336; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; } .p-input-filled .p-dropdown { @@ -923,105 +1052,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #f8f9fa; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #2196F3; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #2196F3; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #2196F3; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #2196F3; - } - .p-inputgroup-addon { background: #e9ecef; color: #6c757d; @@ -1278,6 +1308,7 @@ color: #495057; border: 1px solid #ced4da; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; @@ -1300,6 +1331,7 @@ } .p-listbox .p-listbox-list { padding: 0.5rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1313,11 +1345,6 @@ color: #495057; background: #E3F2FD; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1333,10 +1360,23 @@ color: #495057; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(33, 150, 243, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #495057; + background: #dee2e6; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + border-color: #2196F3; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44336; @@ -1364,14 +1404,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: #6c757d; } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.5rem; - background: #E3F2FD; + margin-right: 0.5rem; + background: #dee2e6; color: #495057; - border-radius: 3px; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1384,10 +1422,18 @@ border-bottom-right-radius: 3px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6c757d; + right: 2.357rem; + } + .p-multiselect-panel { background: #ffffff; color: #495057; @@ -1450,15 +1496,17 @@ color: #495057; background: #E3F2FD; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(33, 150, 243, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #495057; + background: #dee2e6; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1475,10 +1523,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f44336; - } - .p-input-filled .p-multiselect { background: #f8f9fa; } @@ -1489,12 +1533,8 @@ background-color: #ffffff; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.5rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #6c757d; - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44336; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1514,13 +1554,13 @@ background: #dee2e6; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; + background: #d32f2f; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; + background: #fbc02d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; + background: #689f38; } p-password.p-password-clearable .p-password-input { @@ -1601,34 +1641,31 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #495057; - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #e74c3c; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; + border-color: #2196F3; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #2196F3; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #2196F3; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #c0392b; } @@ -1900,12 +1937,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #0d89ec; color: #ffffff; border-color: #0d89ec; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #0b7ad1; color: #ffffff; border-color: #0b7ad1; @@ -1915,12 +1952,12 @@ color: #2196F3; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); color: #2196F3; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(33, 150, 243, 0.16); color: #2196F3; border: 1px solid; @@ -1929,11 +1966,11 @@ color: #6c757d; border-color: #6c757d; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -1942,12 +1979,12 @@ color: #2196F3; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); color: #2196F3; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(33, 150, 243, 0.16); color: #2196F3; border-color: transparent; @@ -1955,11 +1992,11 @@ .p-button.p-button-text.p-button-plain { color: #6c757d; } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -2043,298 +2080,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #607D8B; - border: 1px solid #607D8B; + background: #607d8b; + border: 1px solid #607d8b; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #56717d; color: #ffffff; border-color: #56717d; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #beccd2; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #4d646f; color: #ffffff; border-color: #4d646f; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; - background: #0288D1; - border: 1px solid #0288D1; + background: #0288d1; + border: 1px solid #0288d1; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #027abc; color: #ffffff; border-color: #027abc; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #89d4fe; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #026da7; color: #ffffff; border-color: #026da7; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #0288D1; + color: #0288d1; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); - color: #0288D1; + color: #0288d1; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(2, 136, 209, 0.16); - color: #0288D1; + color: #0288d1; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #0288D1; + color: #0288d1; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; - color: #0288D1; + color: #0288d1; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; - color: #0288D1; + color: #0288d1; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; - background: #689F38; - border: 1px solid #689F38; + background: #689f38; + border: 1px solid #689f38; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #5e8f32; color: #ffffff; border-color: #5e8f32; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #c2e0a8; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #537f2d; color: #ffffff; border-color: #537f2d; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #689F38; + color: #689f38; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; - background: #FBC02D; - border: 1px solid #FBC02D; + background: #fbc02d; + border: 1px solid #fbc02d; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #fab710; color: #212529; border-color: #fab710; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fde6ab; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #e8a704; color: #212529; border-color: #e8a704; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; + background: #9c27b0; + border: 1px solid #9c27b0; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #8c239e; color: #ffffff; border-color: #8c239e; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #df9eea; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7d1f8d; color: #ffffff; border-color: #7d1f8d; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; - background: #D32F2F; - border: 1px solid #D32F2F; + background: #d32f2f; + border: 1px solid #d32f2f; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c02929; color: #ffffff; border-color: #c02929; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #edacac; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #aa2424; color: #ffffff; border-color: #aa2424; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-button.p-button-link { @@ -2342,20 +2499,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #0b7ad1; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #0b7ad1; border-color: transparent; @@ -2447,11 +2604,11 @@ color: #2196F3; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); color: #2196F3; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); color: #2196F3; } @@ -2459,11 +2616,11 @@ color: #6c757d; border-color: #6c757d; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -2472,12 +2629,12 @@ color: #2196F3; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); color: #2196F3; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); color: #2196F3; border-color: transparent; @@ -2485,11 +2642,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #6c757d; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -2519,176 +2676,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #0288D1; + color: #0288d1; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); - color: #0288D1; + color: #0288d1; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(2, 136, 209, 0.16); - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #0288D1; + color: #0288d1; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; - color: #0288D1; + color: #0288d1; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3012,10 +3169,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #e9ecef; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #f8f9fa; color: #495057; @@ -3153,295 +3306,6 @@ padding: 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #f8f9fa; - border: 1px solid #dee2e6; - color: #495057; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #495057; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #0d89ec; - border: 1px solid #0d89ec; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #f8f9fa; - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #2196F3; - border: 1px solid #2196F3; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #0d89ec; - color: #ffffff; - border-color: #0d89ec; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #0b7ad1; - color: #ffffff; - border-color: #0b7ad1; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #2196F3; - border-color: #2196F3; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #0d89ec; - border-color: #0d89ec; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #f8f9fa; - border-color: #dee2e6; - color: #495057; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #495057; - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1rem; - background: #f8f9fa; - color: #495057; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #0d89ec; - border-color: #0d89ec; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #0d89ec; - border-color: #0d89ec; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #495057; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f8f9fa; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #2196F3; - border: 1px solid #2196F3; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #0d89ec; - color: #ffffff; - border-color: #0d89ec; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #0b7ad1; - color: #ffffff; - border-color: #0b7ad1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #2196F3; - border: 1px solid #2196F3; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #2196F3; - border-color: #2196F3; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #0d89ec; - border-color: #0d89ec; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard a { - color: #495057; - } - .fc.fc-theme-standard .fc-highlight { - color: #495057; - background: #E3F2FD; - } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3480,6 +3344,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3489,15 +3354,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #495057; + background: #dee2e6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #495057; background: #E3F2FD; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(33, 150, 243, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1rem; color: #495057; @@ -3681,6 +3552,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; @@ -3690,15 +3562,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #495057; + background: #dee2e6; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #495057; background: #E3F2FD; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(33, 150, 243, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1rem; color: #495057; @@ -3757,6 +3635,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; @@ -3793,11 +3677,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #495057; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #E3F2FD; color: #495057; @@ -4309,15 +4188,19 @@ border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4789,7 +4672,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4802,7 +4686,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4812,7 +4697,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-separator { @@ -4933,7 +4819,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4946,7 +4833,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4956,7 +4844,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-megamenu-panel { @@ -5013,7 +4902,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } @@ -5052,7 +4942,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5065,7 +4956,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5075,7 +4967,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu.p-menu-overlay { @@ -5147,7 +5040,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5177,7 +5071,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5190,7 +5085,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5200,7 +5096,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-submenu-list { @@ -5391,7 +5288,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5404,7 +5302,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5414,7 +5313,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5496,7 +5396,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5509,7 +5410,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5519,7 +5421,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu.p-slidemenu-overlay { @@ -5732,7 +5635,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5745,7 +5649,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5755,7 +5660,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-separator { @@ -5776,7 +5682,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0px; color: #044868; @@ -5785,7 +5691,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0px; color: #224a23; @@ -5794,7 +5700,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0px; color: #6d5100; @@ -5803,7 +5709,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0px; color: #73000c; @@ -5849,7 +5755,7 @@ box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5861,7 +5767,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5873,7 +5779,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5885,7 +5791,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5959,7 +5865,7 @@ box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5969,7 +5875,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5979,7 +5885,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5989,7 +5895,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -6187,23 +6093,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #607D8B; + background-color: #607d8b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-badge.p-badge-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-badge.p-badge-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-badge.p-badge-lg { @@ -6325,19 +6231,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-tag .p-tag-icon { diff --git a/src/assets/components/themes/saga-green/theme.css b/src/assets/components/themes/saga-green/theme.css index 0c9e7f3bf59..6ed98f56347 100644 --- a/src/assets/components/themes/saga-green/theme.css +++ b/src/assets/components/themes/saga-green/theme.css @@ -1,45 +1,47 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#4CAF50; - --primary-color-text:#ffffff; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #ffffff; + --surface-b: #f8f9fa; + --surface-c: #e9ecef; + --surface-d: #dee2e6; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #495057; + --text-color-secondary: #6c757d; + --primary-color: #4CAF50; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; + --surface-50: #fafafa; + --surface-100: #f5f5f5; + --surface-200: #eeeeee; + --surface-300: #e0e0e0; + --surface-400: #bdbdbd; + --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; + --gray-50: #fafafa; + --gray-100: #f5f5f5; + --gray-200: #eeeeee; + --gray-300: #e0e0e0; + --gray-400: #bdbdbd; + --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#f8f9fa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #f8f9fa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dee2e6; --surface-hover: #e9ecef; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #E8F5E9; @@ -171,6 +173,105 @@ --primary-900:#1e4620; } +.p-editor-container .p-editor-toolbar { + background: #f8f9fa; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #495057; + background: #e9ecef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #4CAF50; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #4CAF50; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #4CAF50; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #4CAF50; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.857rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #4CAF50; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; border-color: #4CAF50; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #495057; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; - background: #E8F5E9; + background: #dee2e6; color: #495057; - border-radius: 3px; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #ced4da; + color: #495057; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44336; } @@ -309,18 +413,20 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #495057; - background: #e9ecef; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #495057; background: #E8F5E9; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(76, 175, 80, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; - background: transparent; + background: #dee2e6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44336; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -347,6 +457,13 @@ border-color: #f44336; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + border-color: #4CAF50; + } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -607,6 +724,9 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #f44336; + } .p-cascadeselect-panel { background: #ffffff; @@ -626,33 +746,27 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #495057; background: #E8F5E9; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(76, 175, 80, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #495057; + background: #dee2e6; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f44336; - } .p-input-filled .p-cascadeselect { background: #f8f9fa; @@ -664,6 +778,10 @@ background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44336; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -743,24 +861,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #4CAF50; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; border-color: #4CAF50; } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; - background: #E8F5E9; + margin-right: 0.5rem; + background: #dee2e6; + color: #495057; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #ced4da; color: #495057; - border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -769,9 +892,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #495057; padding: 0; margin: 0; @@ -833,7 +956,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -848,6 +971,9 @@ color: #6c757d; right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #f44336; + } .p-dropdown-panel { background: #ffffff; @@ -889,14 +1015,16 @@ color: #495057; background: #E8F5E9; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(76, 175, 80, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; - background: #e9ecef; + background: #dee2e6; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; - background: transparent; + background: #e9ecef; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -905,9 +1033,10 @@ background: #ffffff; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f44336; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; } .p-input-filled .p-dropdown { @@ -923,105 +1052,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #f8f9fa; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #4CAF50; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #4CAF50; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #4CAF50; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #4CAF50; - } - .p-inputgroup-addon { background: #e9ecef; color: #6c757d; @@ -1278,6 +1308,7 @@ color: #495057; border: 1px solid #ced4da; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; @@ -1300,6 +1331,7 @@ } .p-listbox .p-listbox-list { padding: 0.5rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1313,11 +1345,6 @@ color: #495057; background: #E8F5E9; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1333,10 +1360,23 @@ color: #495057; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(76, 175, 80, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #495057; + background: #dee2e6; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + border-color: #4CAF50; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44336; @@ -1364,14 +1404,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: #6c757d; } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.5rem; - background: #E8F5E9; + margin-right: 0.5rem; + background: #dee2e6; color: #495057; - border-radius: 3px; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1384,10 +1422,18 @@ border-bottom-right-radius: 3px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6c757d; + right: 2.357rem; + } + .p-multiselect-panel { background: #ffffff; color: #495057; @@ -1450,15 +1496,17 @@ color: #495057; background: #E8F5E9; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(76, 175, 80, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #495057; + background: #dee2e6; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1475,10 +1523,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f44336; - } - .p-input-filled .p-multiselect { background: #f8f9fa; } @@ -1489,12 +1533,8 @@ background-color: #ffffff; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.5rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #6c757d; - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44336; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1514,13 +1554,13 @@ background: #dee2e6; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; + background: #d32f2f; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; + background: #fbc02d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; + background: #689f38; } p-password.p-password-clearable .p-password-input { @@ -1601,34 +1641,31 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #495057; - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #e74c3c; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; + border-color: #4CAF50; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #4CAF50; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #4CAF50; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #c0392b; } @@ -1900,12 +1937,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #449e48; color: #ffffff; border-color: #449e48; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #3d8c40; color: #ffffff; border-color: #3d8c40; @@ -1915,12 +1952,12 @@ color: #4CAF50; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); color: #4CAF50; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(76, 175, 80, 0.16); color: #4CAF50; border: 1px solid; @@ -1929,11 +1966,11 @@ color: #6c757d; border-color: #6c757d; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -1942,12 +1979,12 @@ color: #4CAF50; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); color: #4CAF50; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(76, 175, 80, 0.16); color: #4CAF50; border-color: transparent; @@ -1955,11 +1992,11 @@ .p-button.p-button-text.p-button-plain { color: #6c757d; } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -2043,298 +2080,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #607D8B; - border: 1px solid #607D8B; + background: #607d8b; + border: 1px solid #607d8b; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #56717d; color: #ffffff; border-color: #56717d; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #beccd2; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #4d646f; color: #ffffff; border-color: #4d646f; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; - background: #0288D1; - border: 1px solid #0288D1; + background: #0288d1; + border: 1px solid #0288d1; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #027abc; color: #ffffff; border-color: #027abc; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #89d4fe; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #026da7; color: #ffffff; border-color: #026da7; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #0288D1; + color: #0288d1; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); - color: #0288D1; + color: #0288d1; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(2, 136, 209, 0.16); - color: #0288D1; + color: #0288d1; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #0288D1; + color: #0288d1; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; - color: #0288D1; + color: #0288d1; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; - color: #0288D1; + color: #0288d1; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; - background: #689F38; - border: 1px solid #689F38; + background: #689f38; + border: 1px solid #689f38; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #5e8f32; color: #ffffff; border-color: #5e8f32; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #c2e0a8; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #537f2d; color: #ffffff; border-color: #537f2d; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #689F38; + color: #689f38; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; - background: #FBC02D; - border: 1px solid #FBC02D; + background: #fbc02d; + border: 1px solid #fbc02d; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #fab710; color: #212529; border-color: #fab710; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fde6ab; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #e8a704; color: #212529; border-color: #e8a704; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; + background: #9c27b0; + border: 1px solid #9c27b0; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #8c239e; color: #ffffff; border-color: #8c239e; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #df9eea; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7d1f8d; color: #ffffff; border-color: #7d1f8d; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; - background: #D32F2F; - border: 1px solid #D32F2F; + background: #d32f2f; + border: 1px solid #d32f2f; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c02929; color: #ffffff; border-color: #c02929; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #edacac; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #aa2424; color: #ffffff; border-color: #aa2424; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-button.p-button-link { @@ -2342,20 +2499,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #3d8c40; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem #b7e0b8; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #3d8c40; border-color: transparent; @@ -2447,11 +2604,11 @@ color: #4CAF50; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); color: #4CAF50; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(76, 175, 80, 0.16); color: #4CAF50; } @@ -2459,11 +2616,11 @@ color: #6c757d; border-color: #6c757d; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -2472,12 +2629,12 @@ color: #4CAF50; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); color: #4CAF50; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(76, 175, 80, 0.16); color: #4CAF50; border-color: transparent; @@ -2485,11 +2642,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #6c757d; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -2519,176 +2676,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #0288D1; + color: #0288d1; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); - color: #0288D1; + color: #0288d1; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(2, 136, 209, 0.16); - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #0288D1; + color: #0288d1; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; - color: #0288D1; + color: #0288d1; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3012,10 +3169,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #e9ecef; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #f8f9fa; color: #495057; @@ -3153,295 +3306,6 @@ padding: 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #f8f9fa; - border: 1px solid #dee2e6; - color: #495057; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #495057; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #449e48; - border: 1px solid #449e48; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #f8f9fa; - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #4CAF50; - border: 1px solid #4CAF50; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #449e48; - color: #ffffff; - border-color: #449e48; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #3d8c40; - color: #ffffff; - border-color: #3d8c40; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #4CAF50; - border-color: #4CAF50; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #449e48; - border-color: #449e48; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #f8f9fa; - border-color: #dee2e6; - color: #495057; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #495057; - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1rem; - background: #f8f9fa; - color: #495057; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #449e48; - border-color: #449e48; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #449e48; - border-color: #449e48; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #495057; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f8f9fa; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #4CAF50; - border: 1px solid #4CAF50; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #449e48; - color: #ffffff; - border-color: #449e48; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #3d8c40; - color: #ffffff; - border-color: #3d8c40; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #4CAF50; - border: 1px solid #4CAF50; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #4CAF50; - border-color: #4CAF50; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #449e48; - border-color: #449e48; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard a { - color: #495057; - } - .fc.fc-theme-standard .fc-highlight { - color: #495057; - background: #E8F5E9; - } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3480,6 +3344,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3489,15 +3354,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #495057; + background: #dee2e6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #495057; background: #E8F5E9; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(76, 175, 80, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1rem; color: #495057; @@ -3681,6 +3552,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; @@ -3690,15 +3562,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #495057; + background: #dee2e6; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #495057; background: #E8F5E9; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(76, 175, 80, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1rem; color: #495057; @@ -3757,6 +3635,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #b7e0b8; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; @@ -3793,11 +3677,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #495057; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #E8F5E9; color: #495057; @@ -4309,15 +4188,19 @@ border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4789,7 +4672,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4802,7 +4686,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4812,7 +4697,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-separator { @@ -4933,7 +4819,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4946,7 +4833,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4956,7 +4844,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-megamenu-panel { @@ -5013,7 +4902,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } @@ -5052,7 +4942,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5065,7 +4956,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5075,7 +4967,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu.p-menu-overlay { @@ -5147,7 +5040,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5177,7 +5071,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5190,7 +5085,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5200,7 +5096,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-submenu-list { @@ -5391,7 +5288,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5404,7 +5302,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5414,7 +5313,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5496,7 +5396,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5509,7 +5410,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5519,7 +5421,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu.p-slidemenu-overlay { @@ -5732,7 +5635,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5745,7 +5649,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5755,7 +5660,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-separator { @@ -5776,7 +5682,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0px; color: #044868; @@ -5785,7 +5691,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0px; color: #224a23; @@ -5794,7 +5700,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0px; color: #6d5100; @@ -5803,7 +5709,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0px; color: #73000c; @@ -5849,7 +5755,7 @@ box-shadow: 0 0 0 0.2rem #b7e0b8; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5861,7 +5767,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5873,7 +5779,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5885,7 +5791,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5959,7 +5865,7 @@ box-shadow: 0 0 0 0.2rem #b7e0b8; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5969,7 +5875,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5979,7 +5885,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5989,7 +5895,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -6187,23 +6093,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #607D8B; + background-color: #607d8b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-badge.p-badge-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-badge.p-badge-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-badge.p-badge-lg { @@ -6325,19 +6231,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-tag .p-tag-icon { diff --git a/src/assets/components/themes/saga-orange/theme.css b/src/assets/components/themes/saga-orange/theme.css index df6d7e5cfd3..8c3e12e2937 100644 --- a/src/assets/components/themes/saga-orange/theme.css +++ b/src/assets/components/themes/saga-orange/theme.css @@ -1,45 +1,47 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#FFC107; - --primary-color-text:#212529; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #ffffff; + --surface-b: #f8f9fa; + --surface-c: #e9ecef; + --surface-d: #dee2e6; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #495057; + --text-color-secondary: #6c757d; + --primary-color: #FFC107; + --primary-color-text: #212529; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; + --surface-50: #fafafa; + --surface-100: #f5f5f5; + --surface-200: #eeeeee; + --surface-300: #e0e0e0; + --surface-400: #bdbdbd; + --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; + --gray-50: #fafafa; + --gray-100: #f5f5f5; + --gray-200: #eeeeee; + --gray-300: #e0e0e0; + --gray-400: #bdbdbd; + --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#f8f9fa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #f8f9fa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dee2e6; --surface-hover: #e9ecef; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #FFF3E0; @@ -171,6 +173,105 @@ --primary-900:#664d03; } +.p-editor-container .p-editor-toolbar { + background: #f8f9fa; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #495057; + background: #e9ecef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFC107; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFC107; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFC107; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFC107; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.857rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #FFC107; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; border-color: #FFC107; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #495057; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; - background: #FFF3E0; + background: #dee2e6; color: #495057; - border-radius: 3px; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #ced4da; + color: #495057; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44336; } @@ -309,18 +413,20 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #495057; - background: #e9ecef; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #495057; background: #FFF3E0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #ebe0ce; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; - background: transparent; + background: #dee2e6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44336; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -347,6 +457,13 @@ border-color: #f44336; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + border-color: #FFC107; + } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -607,6 +724,9 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #f44336; + } .p-cascadeselect-panel { background: #ffffff; @@ -626,33 +746,27 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #495057; background: #FFF3E0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #ebe0ce; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #495057; + background: #dee2e6; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f44336; - } .p-input-filled .p-cascadeselect { background: #f8f9fa; @@ -664,6 +778,10 @@ background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44336; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -743,24 +861,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #FFC107; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; border-color: #FFC107; } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; - background: #FFF3E0; + margin-right: 0.5rem; + background: #dee2e6; + color: #495057; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #ced4da; color: #495057; - border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -769,9 +892,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #495057; padding: 0; margin: 0; @@ -833,7 +956,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -848,6 +971,9 @@ color: #6c757d; right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #f44336; + } .p-dropdown-panel { background: #ffffff; @@ -889,14 +1015,16 @@ color: #495057; background: #FFF3E0; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #ebe0ce; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; - background: #e9ecef; + background: #dee2e6; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; - background: transparent; + background: #e9ecef; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -905,9 +1033,10 @@ background: #ffffff; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f44336; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; } .p-input-filled .p-dropdown { @@ -923,105 +1052,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #f8f9fa; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #FFC107; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #FFC107; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #FFC107; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #FFC107; - } - .p-inputgroup-addon { background: #e9ecef; color: #6c757d; @@ -1278,6 +1308,7 @@ color: #495057; border: 1px solid #ced4da; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; @@ -1300,6 +1331,7 @@ } .p-listbox .p-listbox-list { padding: 0.5rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1313,11 +1345,6 @@ color: #495057; background: #FFF3E0; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1333,10 +1360,23 @@ color: #495057; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #ebe0ce; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #495057; + background: #dee2e6; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + border-color: #FFC107; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44336; @@ -1364,14 +1404,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: #6c757d; } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.5rem; - background: #FFF3E0; + margin-right: 0.5rem; + background: #dee2e6; color: #495057; - border-radius: 3px; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1384,10 +1422,18 @@ border-bottom-right-radius: 3px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6c757d; + right: 2.357rem; + } + .p-multiselect-panel { background: #ffffff; color: #495057; @@ -1450,15 +1496,17 @@ color: #495057; background: #FFF3E0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #ebe0ce; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #495057; + background: #dee2e6; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1475,10 +1523,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f44336; - } - .p-input-filled .p-multiselect { background: #f8f9fa; } @@ -1489,12 +1533,8 @@ background-color: #ffffff; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.5rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #6c757d; - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44336; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1514,13 +1554,13 @@ background: #dee2e6; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; + background: #d32f2f; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; + background: #fbc02d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; + background: #689f38; } p-password.p-password-clearable .p-password-input { @@ -1601,34 +1641,31 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #495057; - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #e74c3c; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; + border-color: #FFC107; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #FFC107; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #FFC107; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #c0392b; } @@ -1900,12 +1937,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #ecb100; color: #212529; border-color: #ecb100; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #d29d00; color: #212529; border-color: #d29d00; @@ -1915,12 +1952,12 @@ color: #FFC107; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); color: #FFC107; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 193, 7, 0.16); color: #FFC107; border: 1px solid; @@ -1929,11 +1966,11 @@ color: #6c757d; border-color: #6c757d; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -1942,12 +1979,12 @@ color: #FFC107; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); color: #FFC107; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(255, 193, 7, 0.16); color: #FFC107; border-color: transparent; @@ -1955,11 +1992,11 @@ .p-button.p-button-text.p-button-plain { color: #6c757d; } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -2043,298 +2080,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #607D8B; - border: 1px solid #607D8B; + background: #607d8b; + border: 1px solid #607d8b; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #56717d; color: #ffffff; border-color: #56717d; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #beccd2; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #4d646f; color: #ffffff; border-color: #4d646f; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; - background: #0288D1; - border: 1px solid #0288D1; + background: #0288d1; + border: 1px solid #0288d1; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #027abc; color: #ffffff; border-color: #027abc; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #89d4fe; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #026da7; color: #ffffff; border-color: #026da7; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #0288D1; + color: #0288d1; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); - color: #0288D1; + color: #0288d1; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(2, 136, 209, 0.16); - color: #0288D1; + color: #0288d1; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #0288D1; + color: #0288d1; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; - color: #0288D1; + color: #0288d1; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; - color: #0288D1; + color: #0288d1; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; - background: #689F38; - border: 1px solid #689F38; + background: #689f38; + border: 1px solid #689f38; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #5e8f32; color: #ffffff; border-color: #5e8f32; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #c2e0a8; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #537f2d; color: #ffffff; border-color: #537f2d; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #689F38; + color: #689f38; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; - background: #FBC02D; - border: 1px solid #FBC02D; + background: #fbc02d; + border: 1px solid #fbc02d; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #fab710; color: #212529; border-color: #fab710; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fde6ab; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #e8a704; color: #212529; border-color: #e8a704; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; + background: #9c27b0; + border: 1px solid #9c27b0; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #8c239e; color: #ffffff; border-color: #8c239e; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #df9eea; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7d1f8d; color: #ffffff; border-color: #7d1f8d; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; - background: #D32F2F; - border: 1px solid #D32F2F; + background: #d32f2f; + border: 1px solid #d32f2f; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c02929; color: #ffffff; border-color: #c02929; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #edacac; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #aa2424; color: #ffffff; border-color: #aa2424; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-button.p-button-link { @@ -2342,20 +2499,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #d29d00; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem #ffe69c; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #d29d00; border-color: transparent; @@ -2447,11 +2604,11 @@ color: #FFC107; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); color: #FFC107; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 193, 7, 0.16); color: #FFC107; } @@ -2459,11 +2616,11 @@ color: #6c757d; border-color: #6c757d; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -2472,12 +2629,12 @@ color: #FFC107; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); color: #FFC107; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 193, 7, 0.16); color: #FFC107; border-color: transparent; @@ -2485,11 +2642,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #6c757d; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -2519,176 +2676,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #0288D1; + color: #0288d1; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); - color: #0288D1; + color: #0288d1; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(2, 136, 209, 0.16); - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #0288D1; + color: #0288d1; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; - color: #0288D1; + color: #0288d1; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3012,10 +3169,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #e9ecef; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #f8f9fa; color: #495057; @@ -3153,295 +3306,6 @@ padding: 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #f8f9fa; - border: 1px solid #dee2e6; - color: #495057; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #495057; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #ecb100; - border: 1px solid #ecb100; - color: #212529; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #f8f9fa; - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #212529; - background: #FFC107; - border: 1px solid #FFC107; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #ecb100; - color: #212529; - border-color: #ecb100; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #d29d00; - color: #212529; - border-color: #d29d00; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #FFC107; - border-color: #FFC107; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #ecb100; - border-color: #ecb100; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #f8f9fa; - border-color: #dee2e6; - color: #495057; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #495057; - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1rem; - background: #f8f9fa; - color: #495057; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #212529; - background: #ecb100; - border-color: #ecb100; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #212529; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #ecb100; - border-color: #ecb100; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #495057; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f8f9fa; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #212529; - background: #FFC107; - border: 1px solid #FFC107; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #ecb100; - color: #212529; - border-color: #ecb100; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #d29d00; - color: #212529; - border-color: #d29d00; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #212529; - background: #FFC107; - border: 1px solid #FFC107; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #FFC107; - border-color: #FFC107; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #ecb100; - border-color: #ecb100; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard a { - color: #495057; - } - .fc.fc-theme-standard .fc-highlight { - color: #495057; - background: #FFF3E0; - } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3480,6 +3344,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3489,15 +3354,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #495057; + background: #dee2e6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #495057; background: #FFF3E0; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #ebe0ce; + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1rem; color: #495057; @@ -3681,6 +3552,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; @@ -3690,15 +3562,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #495057; + background: #dee2e6; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #495057; background: #FFF3E0; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #ebe0ce; + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1rem; color: #495057; @@ -3757,6 +3635,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe69c; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; @@ -3793,11 +3677,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #495057; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #FFF3E0; color: #495057; @@ -4309,15 +4188,19 @@ border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4789,7 +4672,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4802,7 +4686,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4812,7 +4697,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-separator { @@ -4933,7 +4819,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4946,7 +4833,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4956,7 +4844,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-megamenu-panel { @@ -5013,7 +4902,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } @@ -5052,7 +4942,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5065,7 +4956,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5075,7 +4967,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu.p-menu-overlay { @@ -5147,7 +5040,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5177,7 +5071,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5190,7 +5085,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5200,7 +5096,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-submenu-list { @@ -5391,7 +5288,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5404,7 +5302,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5414,7 +5313,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5496,7 +5396,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5509,7 +5410,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5519,7 +5421,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu.p-slidemenu-overlay { @@ -5732,7 +5635,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5745,7 +5649,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5755,7 +5660,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-separator { @@ -5776,7 +5682,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0px; color: #044868; @@ -5785,7 +5691,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0px; color: #224a23; @@ -5794,7 +5700,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0px; color: #6d5100; @@ -5803,7 +5709,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0px; color: #73000c; @@ -5849,7 +5755,7 @@ box-shadow: 0 0 0 0.2rem #ffe69c; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5861,7 +5767,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5873,7 +5779,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5885,7 +5791,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5959,7 +5865,7 @@ box-shadow: 0 0 0 0.2rem #ffe69c; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5969,7 +5875,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5979,7 +5885,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5989,7 +5895,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -6187,23 +6093,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #607D8B; + background-color: #607d8b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-badge.p-badge-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-badge.p-badge-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-badge.p-badge-lg { @@ -6325,19 +6231,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-tag .p-tag-icon { diff --git a/src/assets/components/themes/saga-purple/theme.css b/src/assets/components/themes/saga-purple/theme.css index 9d59b537b96..cbffa537140 100644 --- a/src/assets/components/themes/saga-purple/theme.css +++ b/src/assets/components/themes/saga-purple/theme.css @@ -1,45 +1,47 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#9C27B0; - --primary-color-text:#ffffff; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #ffffff; + --surface-b: #f8f9fa; + --surface-c: #e9ecef; + --surface-d: #dee2e6; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #495057; + --text-color-secondary: #6c757d; + --primary-color: #9C27B0; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; + --surface-50: #fafafa; + --surface-100: #f5f5f5; + --surface-200: #eeeeee; + --surface-300: #e0e0e0; + --surface-400: #bdbdbd; + --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; + --gray-50: #fafafa; + --gray-100: #f5f5f5; + --gray-200: #eeeeee; + --gray-300: #e0e0e0; + --gray-400: #bdbdbd; + --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#f8f9fa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #f8f9fa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dee2e6; --surface-hover: #e9ecef; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #F3E5F5; @@ -171,6 +173,105 @@ --primary-900:#3e1046; } +.p-editor-container .p-editor-toolbar { + background: #f8f9fa; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #495057; + background: #e9ecef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #9C27B0; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #9C27B0; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #9C27B0; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #9C27B0; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.857rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #9C27B0; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; border-color: #9C27B0; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #495057; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; - background: #F3E5F5; + background: #dee2e6; color: #495057; - border-radius: 3px; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #ced4da; + color: #495057; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44336; } @@ -309,18 +413,20 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #495057; - background: #e9ecef; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #495057; background: #F3E5F5; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(156, 39, 176, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; - background: transparent; + background: #dee2e6; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44336; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -347,6 +457,13 @@ border-color: #f44336; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + border-color: #9C27B0; + } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -607,6 +724,9 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #f44336; + } .p-cascadeselect-panel { background: #ffffff; @@ -626,33 +746,27 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #495057; background: #F3E5F5; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(156, 39, 176, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #495057; + background: #dee2e6; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f44336; - } .p-input-filled .p-cascadeselect { background: #f8f9fa; @@ -664,6 +778,10 @@ background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44336; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -743,24 +861,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #9C27B0; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; border-color: #9C27B0; } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; - background: #F3E5F5; + margin-right: 0.5rem; + background: #dee2e6; + color: #495057; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #ced4da; color: #495057; - border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -769,9 +892,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #495057; padding: 0; margin: 0; @@ -833,7 +956,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -848,6 +971,9 @@ color: #6c757d; right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #f44336; + } .p-dropdown-panel { background: #ffffff; @@ -889,14 +1015,16 @@ color: #495057; background: #F3E5F5; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(156, 39, 176, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; - background: #e9ecef; + background: #dee2e6; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; - background: transparent; + background: #e9ecef; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -905,9 +1033,10 @@ background: #ffffff; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f44336; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; } .p-input-filled .p-dropdown { @@ -923,105 +1052,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #f8f9fa; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #6c757d; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #495057; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #495057; - background: #e9ecef; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dee2e6; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #495057; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #9C27B0; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #9C27B0; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #9C27B0; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #9C27B0; - } - .p-inputgroup-addon { background: #e9ecef; color: #6c757d; @@ -1278,6 +1308,7 @@ color: #495057; border: 1px solid #ced4da; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; @@ -1300,6 +1331,7 @@ } .p-listbox .p-listbox-list { padding: 0.5rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1313,11 +1345,6 @@ color: #495057; background: #F3E5F5; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1333,10 +1360,23 @@ color: #495057; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(156, 39, 176, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #495057; + background: #dee2e6; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + border-color: #9C27B0; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44336; @@ -1364,14 +1404,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: #6c757d; } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.5rem; - background: #F3E5F5; + margin-right: 0.5rem; + background: #dee2e6; color: #495057; - border-radius: 3px; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1384,10 +1422,18 @@ border-bottom-right-radius: 3px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #6c757d; + right: 2.357rem; + } + .p-multiselect-panel { background: #ffffff; color: #495057; @@ -1450,15 +1496,17 @@ color: #495057; background: #F3E5F5; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(156, 39, 176, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #495057; + background: #dee2e6; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1475,10 +1523,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f44336; - } - .p-input-filled .p-multiselect { background: #f8f9fa; } @@ -1489,12 +1533,8 @@ background-color: #ffffff; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.5rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #6c757d; - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44336; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1514,13 +1554,13 @@ background: #dee2e6; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; + background: #d32f2f; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; + background: #fbc02d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; + background: #689f38; } p-password.p-password-clearable .p-password-input { @@ -1601,34 +1641,31 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #495057; - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #e74c3c; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; + border-color: #9C27B0; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #9C27B0; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #9C27B0; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #c0392b; } @@ -1900,12 +1937,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #8c239e; color: #ffffff; border-color: #8c239e; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #7d1f8d; color: #ffffff; border-color: #7d1f8d; @@ -1915,12 +1952,12 @@ color: #9C27B0; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); color: #9C27B0; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); color: #9C27B0; border: 1px solid; @@ -1929,11 +1966,11 @@ color: #6c757d; border-color: #6c757d; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -1942,12 +1979,12 @@ color: #9C27B0; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); color: #9C27B0; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); color: #9C27B0; border-color: transparent; @@ -1955,11 +1992,11 @@ .p-button.p-button-text.p-button-plain { color: #6c757d; } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -2043,298 +2080,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #607D8B; - border: 1px solid #607D8B; + background: #607d8b; + border: 1px solid #607d8b; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #56717d; color: #ffffff; border-color: #56717d; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #beccd2; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #4d646f; color: #ffffff; border-color: #4d646f; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; - background: #0288D1; - border: 1px solid #0288D1; + background: #0288d1; + border: 1px solid #0288d1; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #027abc; color: #ffffff; border-color: #027abc; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #89d4fe; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #026da7; color: #ffffff; border-color: #026da7; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #0288D1; + color: #0288d1; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); - color: #0288D1; + color: #0288d1; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(2, 136, 209, 0.16); - color: #0288D1; + color: #0288d1; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #0288D1; + color: #0288d1; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; - color: #0288D1; + color: #0288d1; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; - color: #0288D1; + color: #0288d1; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; - background: #689F38; - border: 1px solid #689F38; + background: #689f38; + border: 1px solid #689f38; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #5e8f32; color: #ffffff; border-color: #5e8f32; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #c2e0a8; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #537f2d; color: #ffffff; border-color: #537f2d; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #689F38; + color: #689f38; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #212529; - background: #FBC02D; - border: 1px solid #FBC02D; + background: #fbc02d; + border: 1px solid #fbc02d; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #fab710; color: #212529; border-color: #fab710; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fde6ab; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #e8a704; color: #212529; border-color: #e8a704; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; + background: #9c27b0; + border: 1px solid #9c27b0; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #8c239e; color: #ffffff; border-color: #8c239e; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #df9eea; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7d1f8d; color: #ffffff; border-color: #7d1f8d; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; - background: #D32F2F; - border: 1px solid #D32F2F; + background: #d32f2f; + border: 1px solid #d32f2f; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #c02929; color: #ffffff; border-color: #c02929; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #edacac; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #aa2424; color: #ffffff; border-color: #aa2424; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-button.p-button-link { @@ -2342,20 +2499,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #7d1f8d; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem #df9eea; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #7d1f8d; border-color: transparent; @@ -2447,11 +2604,11 @@ color: #9C27B0; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); color: #9C27B0; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); color: #9C27B0; } @@ -2459,11 +2616,11 @@ color: #6c757d; border-color: #6c757d; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -2472,12 +2629,12 @@ color: #9C27B0; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); color: #9C27B0; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); color: #9C27B0; border-color: transparent; @@ -2485,11 +2642,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #6c757d; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #e9ecef; color: #6c757d; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #dee2e6; color: #6c757d; } @@ -2519,176 +2676,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #0288D1; + color: #0288d1; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); - color: #0288D1; + color: #0288d1; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(2, 136, 209, 0.16); - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #0288D1; + color: #0288d1; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; - color: #0288D1; + color: #0288d1; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3012,10 +3169,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #e9ecef; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #f8f9fa; color: #495057; @@ -3153,295 +3306,6 @@ padding: 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #f8f9fa; - border: 1px solid #dee2e6; - color: #495057; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dee2e6; - color: #495057; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #8c239e; - border: 1px solid #8c239e; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #f8f9fa; - border: 1px solid #dee2e6; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #8c239e; - color: #ffffff; - border-color: #8c239e; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #7d1f8d; - color: #ffffff; - border-color: #7d1f8d; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #9C27B0; - border-color: #9C27B0; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #8c239e; - border-color: #8c239e; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #f8f9fa; - border-color: #dee2e6; - color: #495057; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #495057; - border-color: #dee2e6; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dee2e6; - padding: 1rem; - background: #f8f9fa; - color: #495057; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #495057; - border-color: transparent; - background: #e9ecef; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #dee2e6; - background: #ffffff; - color: #495057; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #8c239e; - border-color: #8c239e; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #8c239e; - border-color: #8c239e; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #e9ecef; - color: #495057; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #f8f9fa; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #8c239e; - color: #ffffff; - border-color: #8c239e; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #7d1f8d; - color: #ffffff; - border-color: #7d1f8d; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #ced4da; - color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #e9ecef; - border-color: #ced4da; - color: #495057; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #9C27B0; - border-color: #9C27B0; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #8c239e; - border-color: #8c239e; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard a { - color: #495057; - } - .fc.fc-theme-standard .fc-highlight { - color: #495057; - background: #F3E5F5; - } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3480,6 +3344,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3489,15 +3354,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #495057; + background: #dee2e6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #495057; background: #F3E5F5; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(156, 39, 176, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1rem; color: #495057; @@ -3681,6 +3552,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; @@ -3690,15 +3562,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #495057; + background: #dee2e6; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #495057; background: #F3E5F5; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(156, 39, 176, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1rem; color: #495057; @@ -3757,6 +3635,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #df9eea; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; @@ -3793,11 +3677,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #495057; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #F3E5F5; color: #495057; @@ -4309,15 +4188,19 @@ border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4789,7 +4672,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4802,7 +4686,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4812,7 +4697,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-separator { @@ -4933,7 +4819,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4946,7 +4833,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4956,7 +4844,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-megamenu-panel { @@ -5013,7 +4902,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } @@ -5052,7 +4942,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5065,7 +4956,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5075,7 +4967,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu.p-menu-overlay { @@ -5147,7 +5040,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5177,7 +5071,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5190,7 +5085,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5200,7 +5096,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-submenu-list { @@ -5391,7 +5288,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5404,7 +5302,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5414,7 +5313,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5496,7 +5396,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5509,7 +5410,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5519,7 +5421,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu.p-slidemenu-overlay { @@ -5732,7 +5635,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5745,7 +5649,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5755,7 +5660,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-separator { @@ -5776,7 +5682,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0px; color: #044868; @@ -5785,7 +5691,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0px; color: #224a23; @@ -5794,7 +5700,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0px; color: #6d5100; @@ -5803,7 +5709,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0px; color: #73000c; @@ -5849,7 +5755,7 @@ box-shadow: 0 0 0 0.2rem #df9eea; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5861,7 +5767,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5873,7 +5779,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5885,7 +5791,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5959,7 +5865,7 @@ box-shadow: 0 0 0 0.2rem #df9eea; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5969,7 +5875,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5979,7 +5885,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5989,7 +5895,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -6187,23 +6093,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #607D8B; + background-color: #607d8b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-badge.p-badge-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-badge.p-badge-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-badge.p-badge-lg { @@ -6325,19 +6231,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-tag .p-tag-icon { diff --git a/src/assets/components/themes/soho-dark/theme.css b/src/assets/components/themes/soho-dark/theme.css index 9a6b4aeb249..4a648fd44b6 100644 --- a/src/assets/components/themes/soho-dark/theme.css +++ b/src/assets/components/themes/soho-dark/theme.css @@ -1,16 +1,16 @@ :root { font-family: Lato, Helvetica, sans-serif; - --font-family:Lato, Helvetica, sans-serif; - --surface-a:#282936; - --surface-b:#1d1e27; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#3e4053; - --surface-e:#282936; - --surface-f:#282936; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#b19df7; - --primary-color-text:#1c1d26; + --font-family: Lato, Helvetica, sans-serif; + --surface-a: #282936; + --surface-b: #1d1e27; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #3e4053; + --surface-e: #282936; + --surface-f: #282936; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #b19df7; + --primary-color-text: #1c1d26; --surface-0: #1d1e27; --surface-50: #34343d; --surface-100: #4a4b52; @@ -32,15 +32,15 @@ --gray-700: #4a4b52; --gray-800: #34343d; --gray-900: #1d1e27; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#1d1e27; - --surface-section:#1d1e27; - --surface-card:#282936; - --surface-overlay:#282936; - --surface-border:#3e4053; - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #1d1e27; + --surface-section: #1d1e27; + --surface-card: #282936; + --surface-overlay: #282936; + --surface-border: #3e4053; + --surface-hover: rgba(255, 255, 255, 0.03); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(177, 157, 247, 0.16); --highlight-text-color: #b19df7; @@ -195,6 +195,105 @@ --primary-900:#473f63; } +.p-editor-container .p-editor-toolbar { + background: #282936; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #3e4053; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #282936; + border: 1px solid #3e4053; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #3e4053; +} +.p-editor-container .p-editor-content .ql-editor { + background: #1d1e27; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #b19df7; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #b19df7; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #b19df7; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #b19df7; +} + @layer primeng { * { box-sizing: border-box; @@ -276,41 +375,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.75rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #b19df7; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; border-color: #b19df7; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: rgba(177, 157, 247, 0.16); - color: #b19df7; - border-radius: 6px; + background: #3e4053; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #4c4d5f; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ff9a9a; } @@ -333,18 +435,20 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #b19df7; background: rgba(177, 157, 247, 0.16); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1.25rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(177, 157, 247, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -354,6 +458,10 @@ font-weight: 700; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ff9a9a; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -371,6 +479,13 @@ border-color: #ff9a9a; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + border-color: #b19df7; + } + .p-datepicker { padding: 0.5rem; background: #282936; @@ -631,6 +746,9 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #ff9a9a; + } .p-cascadeselect-panel { background: #282936; @@ -650,33 +768,27 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e0d8fc; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #b19df7; background: rgba(177, 157, 247, 0.16); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(177, 157, 247, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #ff9a9a; - } .p-input-filled .p-cascadeselect { background: #3e4053; @@ -688,6 +800,10 @@ background-color: #3e4053; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ff9a9a; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -767,24 +883,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #b19df7; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; border-color: #b19df7; } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; - background: rgba(177, 157, 247, 0.16); - color: #b19df7; - border-radius: 6px; + margin-right: 0.5rem; + background: #3e4053; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #4c4d5f; + color: rgba(255, 255, 255, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -793,9 +914,9 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -857,7 +978,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -872,6 +993,9 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } + .p-dropdown.p-invalid.p-component { + border-color: #ff9a9a; + } .p-dropdown-panel { background: #282936; @@ -913,14 +1037,16 @@ color: #b19df7; background: rgba(177, 157, 247, 0.16); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(177, 157, 247, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); + background: rgba(255, 255, 255, 0.09); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.03); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -929,9 +1055,10 @@ background: #333544; font-weight: 700; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #ff9a9a; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -947,105 +1074,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #282936; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #3e4053; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #282936; - border: 1px solid #3e4053; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 0.75rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #3e4053; - } - .p-editor-container .p-editor-content .ql-editor { - background: #1d1e27; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #b19df7; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #b19df7; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #b19df7; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #b19df7; - } - .p-inputgroup-addon { background: #282936; color: rgba(255, 255, 255, 0.6); @@ -1302,6 +1330,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #3e4053; border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; @@ -1324,6 +1353,7 @@ } .p-listbox .p-listbox-list { padding: 0.75rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1337,11 +1367,6 @@ color: #b19df7; background: rgba(177, 157, 247, 0.16); } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e0d8fc; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1357,10 +1382,23 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(177, 157, 247, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + border-color: #b19df7; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ff9a9a; @@ -1388,14 +1426,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; - background: rgba(177, 157, 247, 0.16); - color: #b19df7; - border-radius: 6px; + margin-right: 0.5rem; + background: #3e4053; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1408,10 +1444,18 @@ border-bottom-right-radius: 6px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 3rem; + } + .p-multiselect-panel { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -1474,15 +1518,17 @@ color: #b19df7; background: rgba(177, 157, 247, 0.16); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(177, 157, 247, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e0d8fc; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1499,10 +1545,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #ff9a9a; - } - .p-input-filled .p-multiselect { background: #3e4053; } @@ -1513,12 +1555,8 @@ background-color: #3e4053; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ff9a9a; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1625,35 +1663,32 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f48fb1; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; + border-color: #b19df7; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #b19df7; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #b19df7; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; } .p-selectbutton .p-button { @@ -1924,12 +1959,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #a28af5; color: #1c1d26; border-color: #a28af5; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #9378f4; color: #1c1d26; border-color: #9378f4; @@ -1939,12 +1974,12 @@ color: #b19df7; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(177, 157, 247, 0.04); color: #b19df7; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(177, 157, 247, 0.16); color: #b19df7; border: 1px solid; @@ -1953,11 +1988,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -1966,12 +2001,12 @@ color: #b19df7; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(177, 157, 247, 0.04); color: #b19df7; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(177, 157, 247, 0.16); color: #b19df7; border-color: transparent; @@ -1979,11 +2014,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2067,295 +2102,415 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #1d1e27; background: #d4ea93; border: 1px solid #d4ea93; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #c7e473; color: #1d1e27; border-color: #c7e473; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #e1f0b3; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #bbde53; color: #1d1e27; border-color: #bbde53; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #d4ea93; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(212, 234, 147, 0.04); color: #d4ea93; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(212, 234, 147, 0.16); color: #d4ea93; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #d4ea93; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(212, 234, 147, 0.04); border-color: transparent; color: #d4ea93; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(212, 234, 147, 0.16); border-color: transparent; color: #d4ea93; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #1d1e27; background: #9bcaff; border: 1px solid #9bcaff; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #72b4ff; color: #1d1e27; border-color: #72b4ff; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #b9daff; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #499fff; color: #1d1e27; border-color: #499fff; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #9bcaff; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(155, 202, 255, 0.04); color: #9bcaff; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(155, 202, 255, 0.16); color: #9bcaff; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #9bcaff; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(155, 202, 255, 0.04); border-color: transparent; color: #9bcaff; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(155, 202, 255, 0.16); border-color: transparent; color: #9bcaff; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #1d1e27; background: #93deac; border: 1px solid #93deac; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #77d596; color: #1d1e27; border-color: #77d596; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #b3e8c5; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #5acd81; color: #1d1e27; border-color: #5acd81; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #93deac; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(147, 222, 172, 0.04); color: #93deac; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(147, 222, 172, 0.16); color: #93deac; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #93deac; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(147, 222, 172, 0.04); border-color: transparent; color: #93deac; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(147, 222, 172, 0.16); border-color: transparent; color: #93deac; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #1d1e27; background: #ffcf91; border: 1px solid #ffcf91; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffbe69; color: #1d1e27; border-color: #ffbe69; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffddb2; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffac41; color: #1d1e27; border-color: #ffac41; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffcf91; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 207, 145, 0.04); color: #ffcf91; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 207, 145, 0.16); color: #ffcf91; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffcf91; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 207, 145, 0.04); border-color: transparent; color: #ffcf91; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 207, 145, 0.16); border-color: transparent; color: #ffcf91; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #1d1e27; background: #86e0e7; border: 1px solid #86e0e7; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #68d8e1; color: #1d1e27; border-color: #68d8e1; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #aae9ee; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #49d0db; color: #1d1e27; border-color: #49d0db; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #86e0e7; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(134, 224, 231, 0.04); color: #86e0e7; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(134, 224, 231, 0.16); color: #86e0e7; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #86e0e7; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(134, 224, 231, 0.04); border-color: transparent; color: #86e0e7; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(134, 224, 231, 0.16); border-color: transparent; color: #86e0e7; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #1d1e27; background: #eb9a9c; border: 1px solid #eb9a9c; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #e57a7c; color: #1d1e27; border-color: #e57a7c; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f1b8ba; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #de595c; color: #1d1e27; border-color: #de595c; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #eb9a9c; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(235, 154, 156, 0.04); color: #eb9a9c; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(235, 154, 156, 0.16); color: #eb9a9c; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #eb9a9c; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(235, 154, 156, 0.04); border-color: transparent; color: #eb9a9c; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(235, 154, 156, 0.16); border-color: transparent; color: #eb9a9c; @@ -2366,20 +2521,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #b19df7; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 1px #e0d8fc; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #b19df7; border-color: transparent; @@ -2471,11 +2626,11 @@ color: #b19df7; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(177, 157, 247, 0.04); color: #b19df7; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(177, 157, 247, 0.16); color: #b19df7; } @@ -2483,11 +2638,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2496,12 +2651,12 @@ color: #b19df7; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(177, 157, 247, 0.04); color: #b19df7; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(177, 157, 247, 0.16); color: #b19df7; border-color: transparent; @@ -2509,11 +2664,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2546,11 +2701,11 @@ color: #d4ea93; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(212, 234, 147, 0.04); color: #d4ea93; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(212, 234, 147, 0.16); color: #d4ea93; } @@ -2559,12 +2714,12 @@ color: #d4ea93; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(212, 234, 147, 0.04); border-color: transparent; color: #d4ea93; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(212, 234, 147, 0.16); border-color: transparent; color: #d4ea93; @@ -2575,11 +2730,11 @@ color: #9bcaff; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(155, 202, 255, 0.04); color: #9bcaff; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(155, 202, 255, 0.16); color: #9bcaff; } @@ -2588,12 +2743,12 @@ color: #9bcaff; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(155, 202, 255, 0.04); border-color: transparent; color: #9bcaff; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(155, 202, 255, 0.16); border-color: transparent; color: #9bcaff; @@ -2604,11 +2759,11 @@ color: #93deac; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(147, 222, 172, 0.04); color: #93deac; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(147, 222, 172, 0.16); color: #93deac; } @@ -2617,12 +2772,12 @@ color: #93deac; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(147, 222, 172, 0.04); border-color: transparent; color: #93deac; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(147, 222, 172, 0.16); border-color: transparent; color: #93deac; @@ -2633,11 +2788,11 @@ color: #ffcf91; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 207, 145, 0.04); color: #ffcf91; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 207, 145, 0.16); color: #ffcf91; } @@ -2646,12 +2801,12 @@ color: #ffcf91; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 207, 145, 0.04); border-color: transparent; color: #ffcf91; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 207, 145, 0.16); border-color: transparent; color: #ffcf91; @@ -2662,11 +2817,11 @@ color: #86e0e7; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(134, 224, 231, 0.04); color: #86e0e7; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(134, 224, 231, 0.16); color: #86e0e7; } @@ -2675,12 +2830,12 @@ color: #86e0e7; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(134, 224, 231, 0.04); border-color: transparent; color: #86e0e7; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(134, 224, 231, 0.16); border-color: transparent; color: #86e0e7; @@ -2691,11 +2846,11 @@ color: #eb9a9c; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(235, 154, 156, 0.04); color: #eb9a9c; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(235, 154, 156, 0.16); color: #eb9a9c; } @@ -2704,12 +2859,12 @@ color: #eb9a9c; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(235, 154, 156, 0.04); border-color: transparent; color: #eb9a9c; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(235, 154, 156, 0.16); border-color: transparent; color: #eb9a9c; @@ -3036,10 +3191,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #3e4053; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -3177,295 +3328,6 @@ padding: 1.25rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #282936; - border: 1px solid #3e4053; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #282936; - border: 1px solid #3e4053; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #3e4053; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #3e4053; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #a28af5; - border: 1px solid #a28af5; - color: #1c1d26; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #282936; - border: 1px solid #3e4053; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #1c1d26; - background: #b19df7; - border: 1px solid #b19df7; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #a28af5; - color: #1c1d26; - border-color: #a28af5; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #9378f4; - color: #1c1d26; - border-color: #9378f4; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e0d8fc; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e0d8fc; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #282936; - border: 1px solid #3e4053; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #3e4053; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #b19df7; - border-color: #b19df7; - color: #1c1d26; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #a28af5; - border-color: #a28af5; - color: #1c1d26; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e0d8fc; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #3e4053; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #282936; - border-color: #3e4053; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #3e4053; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #282936; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #3e4053; - padding: 1.25rem; - background: #282936; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e0d8fc; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #3e4053; - background: #282936; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #1c1d26; - background: #a28af5; - border-color: #a28af5; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #1c1d26; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #a28af5; - border-color: #a28af5; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #282936; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #1c1d26; - background: #b19df7; - border: 1px solid #b19df7; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #a28af5; - color: #1c1d26; - border-color: #a28af5; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #9378f4; - color: #1c1d26; - border-color: #9378f4; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e0d8fc; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #1c1d26; - background: #b19df7; - border: 1px solid #b19df7; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e0d8fc; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #282936; - border: 1px solid #3e4053; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #3e4053; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #b19df7; - border-color: #b19df7; - color: #1c1d26; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #a28af5; - border-color: #a28af5; - color: #1c1d26; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #e0d8fc; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-highlight { - color: #b19df7; - background: rgba(177, 157, 247, 0.16); - } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3504,6 +3366,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3513,15 +3376,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e0d8fc; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #b19df7; background: rgba(177, 157, 247, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(177, 157, 247, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); @@ -3705,6 +3574,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; @@ -3714,15 +3584,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e0d8fc; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #b19df7; background: rgba(177, 157, 247, 0.16); } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(177, 157, 247, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); @@ -3781,6 +3657,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e0d8fc; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3817,11 +3699,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e0d8fc; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: rgba(177, 157, 247, 0.16); color: #b19df7; @@ -4309,15 +4186,19 @@ border: 1px solid #3e4053; background: #282936; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #3e4053; background: #282936; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4789,7 +4670,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #b19df7; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #b19df7; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4802,7 +4684,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4812,7 +4695,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4933,7 +4817,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #b19df7; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #b19df7; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4946,7 +4831,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4956,7 +4842,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -5013,7 +4900,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } @@ -5052,7 +4940,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #b19df7; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #b19df7; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5065,7 +4954,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5075,7 +4965,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5147,7 +5038,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5177,7 +5069,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #b19df7; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #b19df7; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5190,7 +5083,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5200,7 +5094,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5391,7 +5286,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #b19df7; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #b19df7; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5404,7 +5300,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5414,7 +5311,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5472,7 +5370,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #b19df7; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #b19df7; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5485,7 +5384,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5495,7 +5395,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5708,7 +5609,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #b19df7; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #b19df7; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5721,7 +5623,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5731,7 +5634,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { diff --git a/src/assets/components/themes/soho-light/theme.css b/src/assets/components/themes/soho-light/theme.css index 0be1206f9f4..65c9c1b2852 100644 --- a/src/assets/components/themes/soho-light/theme.css +++ b/src/assets/components/themes/soho-light/theme.css @@ -1,16 +1,16 @@ :root { font-family: Lato, Helvetica, sans-serif; - --font-family:Lato, Helvetica, sans-serif; - --surface-a:#ffffff; - --surface-b:#eff3f8; - --surface-c:#f6f9fc; - --surface-d:#dfe7ef; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#043d75; - --text-color-secondary:#708da9; - --primary-color:#7254f3; - --primary-color-text:#ffffff; + --font-family: Lato, Helvetica, sans-serif; + --surface-a: #ffffff; + --surface-b: #eff3f8; + --surface-c: #f6f9fc; + --surface-d: #dfe7ef; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #043d75; + --text-color-secondary: #708da9; + --primary-color: #7254f3; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f1f4f6; --surface-100: #e2e8ee; @@ -32,15 +32,15 @@ --gray-700: #435565; --gray-800: #2d3844; --gray-900: #161c22; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#eff3f8; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #eff3f8; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #e2dcfc; --highlight-text-color: #7254f3; @@ -195,6 +195,105 @@ --primary-900:#2e2261; } +.p-editor-container .p-editor-toolbar { + background: #eff3f8; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dfe7ef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #708da9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #708da9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #708da9; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #043d75; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #043d75; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #043d75; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #043d75; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #043d75; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #043d75; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 0.75rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #043d75; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #043d75; + background: #f6f9fc; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1.25rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dfe7ef; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #043d75; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #043d75; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #043d75; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #043d75; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #7254f3; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #7254f3; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #7254f3; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #7254f3; +} + @layer primeng { * { box-sizing: border-box; @@ -276,41 +375,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.75rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #7254f3; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; border-color: #7254f3; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #043d75; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: #e2dcfc; - color: #7254f3; - border-radius: 6px; + background: #dfe7ef; + color: #043d75; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #d3dbe3; + color: #043d75; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ff6767; } @@ -333,18 +435,20 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #043d75; - background: #f6f9fc; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #7254f3; background: #e2dcfc; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1.25rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #cbc0fa; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #043d75; - background: transparent; + background: #dfe7ef; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #043d75; + background: #f6f9fc; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -354,6 +458,10 @@ font-weight: 700; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ff6767; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -371,6 +479,13 @@ border-color: #ff6767; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + border-color: #7254f3; + } + .p-datepicker { padding: 0.5rem; background: linear-gradient(90deg, #7254f3 0%, #9554f3 100%); @@ -631,6 +746,9 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #ff6767; + } .p-cascadeselect-panel { background: #ffffff; @@ -650,33 +768,27 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1.25rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #c7bbfa; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #7254f3; background: #e2dcfc; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #cbc0fa; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #043d75; + background: #dfe7ef; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #043d75; background: #f6f9fc; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1.25rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #ff6767; - } .p-input-filled .p-cascadeselect { background: #f6f9fc; @@ -688,6 +800,10 @@ background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ff6767; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -767,24 +883,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #7254f3; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; border-color: #7254f3; } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; - background: #e2dcfc; - color: #7254f3; - border-radius: 6px; + margin-right: 0.5rem; + background: #dfe7ef; + color: #043d75; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d3dbe3; + color: #043d75; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -793,9 +914,9 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #043d75; padding: 0; margin: 0; @@ -857,7 +978,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #708da9; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -872,6 +993,9 @@ color: #708da9; right: 3rem; } + .p-dropdown.p-invalid.p-component { + border-color: #ff6767; + } .p-dropdown-panel { background: #ffffff; @@ -913,14 +1037,16 @@ color: #7254f3; background: #e2dcfc; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #cbc0fa; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #043d75; - background: #f6f9fc; + background: #dfe7ef; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #043d75; - background: transparent; + background: #f6f9fc; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -929,9 +1055,10 @@ background: #eff3f8; font-weight: 700; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #ff6767; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1.25rem; + color: #043d75; + background: transparent; } .p-input-filled .p-dropdown { @@ -947,105 +1074,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #eff3f8; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #dfe7ef; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #708da9; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #708da9; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #708da9; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #043d75; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #043d75; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #043d75; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #043d75; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #043d75; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #043d75; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; - padding: 0.75rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #043d75; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #043d75; - background: #f6f9fc; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1.25rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #dfe7ef; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #043d75; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #043d75; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #043d75; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #043d75; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #7254f3; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #7254f3; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #7254f3; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #7254f3; - } - .p-inputgroup-addon { background: #f6f9fc; color: #708da9; @@ -1302,6 +1330,7 @@ color: #043d75; border: 1px solid #d3dbe3; border-radius: 6px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; @@ -1324,6 +1353,7 @@ } .p-listbox .p-listbox-list { padding: 0.75rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1337,11 +1367,6 @@ color: #7254f3; background: #e2dcfc; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #c7bbfa; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1357,10 +1382,23 @@ color: #043d75; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #cbc0fa; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #043d75; + background: #dfe7ef; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #043d75; background: #f6f9fc; } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + border-color: #7254f3; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ff6767; @@ -1388,14 +1426,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: #708da9; } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; - background: #e2dcfc; - color: #7254f3; - border-radius: 6px; + margin-right: 0.5rem; + background: #dfe7ef; + color: #043d75; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1408,10 +1444,18 @@ border-bottom-right-radius: 6px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #708da9; + right: 3rem; + } + .p-multiselect-panel { background: #ffffff; color: #043d75; @@ -1474,15 +1518,17 @@ color: #7254f3; background: #e2dcfc; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #cbc0fa; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #043d75; + background: #dfe7ef; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #043d75; background: #f6f9fc; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #c7bbfa; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1499,10 +1545,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #ff6767; - } - .p-input-filled .p-multiselect { background: #f6f9fc; } @@ -1513,12 +1555,8 @@ background-color: #ffffff; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #708da9; - right: 3rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ff6767; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1625,34 +1663,31 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #043d75; - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #ea5455; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; + border-color: #7254f3; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #7254f3; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #7254f3; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #e73d3e; } @@ -1924,12 +1959,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #6545f2; color: #ffffff; border-color: #6545f2; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #5935f1; color: #ffffff; border-color: #5935f1; @@ -1939,12 +1974,12 @@ color: #7254f3; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(114, 84, 243, 0.04); color: #7254f3; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(114, 84, 243, 0.16); color: #7254f3; border: 1px solid; @@ -1953,11 +1988,11 @@ color: #708da9; border-color: #708da9; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #f6f9fc; color: #708da9; } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #dfe7ef; color: #708da9; } @@ -1966,12 +2001,12 @@ color: #7254f3; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(114, 84, 243, 0.04); color: #7254f3; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(114, 84, 243, 0.16); color: #7254f3; border-color: transparent; @@ -1979,11 +2014,11 @@ .p-button.p-button-text.p-button-plain { color: #708da9; } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #f6f9fc; color: #708da9; } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #dfe7ef; color: #708da9; } @@ -2067,295 +2102,415 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #a1c30d; border: 1px solid #a1c30d; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #91b00c; color: #ffffff; border-color: #91b00c; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #e4f78e; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #819c0a; color: #ffffff; border-color: #819c0a; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #a1c30d; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(161, 195, 13, 0.04); color: #a1c30d; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(161, 195, 13, 0.16); color: #a1c30d; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #a1c30d; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(161, 195, 13, 0.04); border-color: transparent; color: #a1c30d; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(161, 195, 13, 0.16); border-color: transparent; color: #a1c30d; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #5486f3; border: 1px solid #5486f3; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #3570f1; color: #ffffff; border-color: #3570f1; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #bbcffa; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #175bef; color: #ffffff; border-color: #175bef; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #5486f3; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(84, 134, 243, 0.04); color: #5486f3; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(84, 134, 243, 0.16); color: #5486f3; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #5486f3; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(84, 134, 243, 0.04); border-color: transparent; color: #5486f3; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(84, 134, 243, 0.16); border-color: transparent; color: #5486f3; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #29c76f; border: 1px solid #29c76f; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #25b364; color: #ffffff; border-color: #25b364; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #a5edc5; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #219f59; color: #ffffff; border-color: #219f59; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #29c76f; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(41, 199, 111, 0.04); color: #29c76f; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(41, 199, 111, 0.16); color: #29c76f; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #29c76f; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(41, 199, 111, 0.04); border-color: transparent; color: #29c76f; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(41, 199, 111, 0.16); border-color: transparent; color: #29c76f; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #ffffff; background: #ff9f42; border: 1px solid #ff9f42; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ff8f22; color: #ffffff; border-color: #ff8f22; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ffd9b3; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ff7e02; color: #ffffff; border-color: #ff7e02; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ff9f42; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 159, 66, 0.04); color: #ff9f42; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 159, 66, 0.16); color: #ff9f42; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ff9f42; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 159, 66, 0.04); border-color: transparent; color: #ff9f42; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 159, 66, 0.16); border-color: transparent; color: #ff9f42; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #3ec9d6; border: 1px solid #3ec9d6; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #2cbfcd; color: #ffffff; border-color: #2cbfcd; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #b2e9ef; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #27aab6; color: #ffffff; border-color: #27aab6; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #3ec9d6; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(62, 201, 214, 0.04); color: #3ec9d6; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(62, 201, 214, 0.16); color: #3ec9d6; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #3ec9d6; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(62, 201, 214, 0.04); border-color: transparent; color: #3ec9d6; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(62, 201, 214, 0.16); border-color: transparent; color: #3ec9d6; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #ea5455; border: 1px solid #ea5455; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #e73839; color: #ffffff; border-color: #e73839; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #f7bbbb; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #e31c1d; color: #ffffff; border-color: #e31c1d; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #ea5455; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(234, 84, 85, 0.04); color: #ea5455; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(234, 84, 85, 0.16); color: #ea5455; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #ea5455; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(234, 84, 85, 0.04); border-color: transparent; color: #ea5455; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(234, 84, 85, 0.16); border-color: transparent; color: #ea5455; @@ -2366,20 +2521,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #5935f1; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.2rem #c7bbfa; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #5935f1; border-color: transparent; @@ -2471,11 +2626,11 @@ color: #7254f3; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(114, 84, 243, 0.04); color: #7254f3; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(114, 84, 243, 0.16); color: #7254f3; } @@ -2483,11 +2638,11 @@ color: #708da9; border-color: #708da9; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #f6f9fc; color: #708da9; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #dfe7ef; color: #708da9; } @@ -2496,12 +2651,12 @@ color: #7254f3; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(114, 84, 243, 0.04); color: #7254f3; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(114, 84, 243, 0.16); color: #7254f3; border-color: transparent; @@ -2509,11 +2664,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #708da9; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #f6f9fc; color: #708da9; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #dfe7ef; color: #708da9; } @@ -2546,11 +2701,11 @@ color: #a1c30d; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(161, 195, 13, 0.04); color: #a1c30d; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(161, 195, 13, 0.16); color: #a1c30d; } @@ -2559,12 +2714,12 @@ color: #a1c30d; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(161, 195, 13, 0.04); border-color: transparent; color: #a1c30d; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(161, 195, 13, 0.16); border-color: transparent; color: #a1c30d; @@ -2575,11 +2730,11 @@ color: #5486f3; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(84, 134, 243, 0.04); color: #5486f3; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(84, 134, 243, 0.16); color: #5486f3; } @@ -2588,12 +2743,12 @@ color: #5486f3; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(84, 134, 243, 0.04); border-color: transparent; color: #5486f3; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(84, 134, 243, 0.16); border-color: transparent; color: #5486f3; @@ -2604,11 +2759,11 @@ color: #29c76f; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(41, 199, 111, 0.04); color: #29c76f; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(41, 199, 111, 0.16); color: #29c76f; } @@ -2617,12 +2772,12 @@ color: #29c76f; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(41, 199, 111, 0.04); border-color: transparent; color: #29c76f; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(41, 199, 111, 0.16); border-color: transparent; color: #29c76f; @@ -2633,11 +2788,11 @@ color: #ff9f42; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 159, 66, 0.04); color: #ff9f42; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 159, 66, 0.16); color: #ff9f42; } @@ -2646,12 +2801,12 @@ color: #ff9f42; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 159, 66, 0.04); border-color: transparent; color: #ff9f42; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 159, 66, 0.16); border-color: transparent; color: #ff9f42; @@ -2662,11 +2817,11 @@ color: #3ec9d6; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(62, 201, 214, 0.04); color: #3ec9d6; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(62, 201, 214, 0.16); color: #3ec9d6; } @@ -2675,12 +2830,12 @@ color: #3ec9d6; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(62, 201, 214, 0.04); border-color: transparent; color: #3ec9d6; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(62, 201, 214, 0.16); border-color: transparent; color: #3ec9d6; @@ -2691,11 +2846,11 @@ color: #ea5455; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(234, 84, 85, 0.04); color: #ea5455; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(234, 84, 85, 0.16); color: #ea5455; } @@ -2704,12 +2859,12 @@ color: #ea5455; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(234, 84, 85, 0.04); border-color: transparent; color: #ea5455; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(234, 84, 85, 0.16); border-color: transparent; color: #ea5455; @@ -3036,10 +3191,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #dfe7ef; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #eff3f8; color: #708da9; @@ -3177,295 +3328,6 @@ padding: 1.25rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #eff3f8; - border: 1px solid #dfe7ef; - color: #708da9; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #dfe7ef; - color: #043d75; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #dfe7ef; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #dfe7ef; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #6545f2; - border: 1px solid #6545f2; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #eff3f8; - border: 1px solid #dfe7ef; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #7254f3; - border: 1px solid #7254f3; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #6545f2; - color: #ffffff; - border-color: #6545f2; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #5935f1; - color: #ffffff; - border-color: #5935f1; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #c7bbfa; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #c7bbfa; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #d3dbe3; - color: #043d75; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f6f9fc; - border-color: #d3dbe3; - color: #043d75; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #7254f3; - border-color: #7254f3; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #6545f2; - border-color: #6545f2; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #c7bbfa; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #dfe7ef; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #eff3f8; - border-color: #dfe7ef; - color: #708da9; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #043d75; - border-color: #dfe7ef; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #dfe7ef; - padding: 1.25rem; - background: #eff3f8; - color: #708da9; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #708da9; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #043d75; - border-color: transparent; - background: #f6f9fc; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #c7bbfa; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #dfe7ef; - background: #ffffff; - color: #043d75; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #6545f2; - border-color: #6545f2; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #6545f2; - border-color: #6545f2; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #f6f9fc; - color: #043d75; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #eff3f8; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #7254f3; - border: 1px solid #7254f3; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #6545f2; - color: #ffffff; - border-color: #6545f2; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #5935f1; - color: #ffffff; - border-color: #5935f1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #c7bbfa; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #7254f3; - border: 1px solid #7254f3; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #c7bbfa; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #d3dbe3; - color: #043d75; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f6f9fc; - border-color: #d3dbe3; - color: #043d75; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #7254f3; - border-color: #7254f3; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #6545f2; - border-color: #6545f2; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #c7bbfa; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard a { - color: #043d75; - } - .fc.fc-theme-standard .fc-highlight { - color: #7254f3; - background: #e2dcfc; - } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3504,6 +3366,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3513,15 +3376,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #c7bbfa; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f6f9fc; + color: #043d75; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #043d75; + background: #dfe7ef; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #7254f3; background: #e2dcfc; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #cbc0fa; + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 1.25rem; color: #043d75; @@ -3705,6 +3574,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1.25rem; @@ -3714,15 +3584,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #c7bbfa; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f6f9fc; + color: #043d75; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #043d75; + background: #dfe7ef; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #7254f3; background: #e2dcfc; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #cbc0fa; + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 1.25rem; color: #043d75; @@ -3781,6 +3657,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #c7bbfa; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3817,11 +3699,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #043d75; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #c7bbfa; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #e2dcfc; color: #7254f3; @@ -4309,15 +4186,19 @@ border: 1px solid #dfe7ef; background: #ffffff; color: #043d75; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #dfe7ef; background: #ffffff; color: #043d75; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4789,7 +4670,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #7254f3; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #7254f3; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4802,7 +4684,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #043d75; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4812,7 +4695,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } .p-contextmenu .p-menuitem-separator { @@ -4933,7 +4817,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #7254f3; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #7254f3; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4946,7 +4831,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #043d75; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4956,7 +4842,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } .p-megamenu .p-megamenu-panel { @@ -5013,7 +4900,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } @@ -5052,7 +4940,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #7254f3; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #7254f3; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5065,7 +4954,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #043d75; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5075,7 +4965,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } .p-menu.p-menu-overlay { @@ -5147,7 +5038,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5177,7 +5069,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #7254f3; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #7254f3; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5190,7 +5083,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #043d75; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5200,7 +5094,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } .p-menubar .p-submenu-list { @@ -5391,7 +5286,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #7254f3; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #7254f3; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5404,7 +5300,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #043d75; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5414,7 +5311,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5472,7 +5370,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #7254f3; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #7254f3; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5485,7 +5384,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #043d75; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5495,7 +5395,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } .p-slidemenu.p-slidemenu-overlay { @@ -5708,7 +5609,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #7254f3; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #7254f3; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5721,7 +5623,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #043d75; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5731,7 +5634,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } .p-tieredmenu .p-menuitem-separator { diff --git a/src/assets/components/themes/tailwind-light/theme.css b/src/assets/components/themes/tailwind-light/theme.css index 5a0ff0ff3ac..0db20b88595 100644 --- a/src/assets/components/themes/tailwind-light/theme.css +++ b/src/assets/components/themes/tailwind-light/theme.css @@ -1,49 +1,52 @@ :root { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; - --surface-a:#ffffff; - --surface-b:#fafafa; - --surface-c:#f4f4f5; - --surface-d:#e5e7eb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#3f3f46; - --text-color-secondary:#71717A; - --primary-color:#4F46E5; - --primary-color-text:#ffffff; + --font-family: Inter, ui-sans-serif, system-ui, -apple-system, + BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, + "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol", "Noto Color Emoji"; + --surface-a: #ffffff; + --surface-b: #fafafa; + --surface-c: #f4f4f5; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #3f3f46; + --text-color-secondary: #71717a; + --primary-color: #4f46e5; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F4F4F5; - --surface-200: #E4E4E7; - --surface-300: #D4D4D8; - --surface-400: #A1A1AA; - --surface-500: #71717A; - --surface-600: #52525B; - --surface-700: #3F3F46; - --surface-800: #27272A; - --surface-900: #18181B; - --gray-50: #FAFAFA; - --gray-100: #F4F4F5; - --gray-200: #E4E4E7; - --gray-300: #D4D4D8; - --gray-400: #A1A1AA; - --gray-500: #71717A; - --gray-600: #52525B; - --gray-700: #3F3F46; - --gray-800: #27272A; - --gray-900: #18181B; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:0.375rem; - --surface-ground:#FAFAFA; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#e5e7eb; + --surface-50: #fafafa; + --surface-100: #f4f4f5; + --surface-200: #e4e4e7; + --surface-300: #d4d4d8; + --surface-400: #a1a1aa; + --surface-500: #71717a; + --surface-600: #52525b; + --surface-700: #3f3f46; + --surface-800: #27272a; + --surface-900: #18181b; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 0.375rem; + --surface-ground: #fafafa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e5e7eb; --surface-hover: #f4f4f5; - --highlight-bg: #EEF2FF; - --highlight-text-color: #312E81; - --focus-ring: 0 0 0 1px #6366F1; + --highlight-bg: #eef2ff; + --highlight-text-color: #312e81; + --focus-ring: 0 0 0 1px #6366f1; --maskbg: rgba(0, 0, 0, 0.4); color-scheme: light; } @@ -206,14 +209,113 @@ --primary-900:#201c5c; } +.p-editor-container .p-editor-toolbar { + background: #fafafa; + border-top-right-radius: 0.375rem; + border-top-left-radius: 0.375rem; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #71717a; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #71717a; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #71717a; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + border-radius: 0.375rem; + padding: 0.25rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #3f3f46; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #18181b; + background: #f4f4f5; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e5e7eb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #3f3f46; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #3f3f46; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #3f3f46; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #3f3f46; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #4f46e5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #4f46e5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #4f46e5; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #4f46e5; +} + @layer primeng { * { box-sizing: border-box; } .p-component { - font-family: inherit; - font-feature-settings: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } @@ -232,7 +334,7 @@ } .p-text-secondary { - color: #71717A; + color: #71717a; } .pi { @@ -245,15 +347,15 @@ } .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - font-family: inherit; - font-feature-settings: inherit; border-radius: 0.375rem; } .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-component-overlay-enter { @@ -287,18 +389,18 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.75rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #d4d4d8; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; @@ -313,15 +415,18 @@ } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: #EEF2FF; - color: #312E81; - border-radius: 0.375rem; + background: #e5e7eb; + color: #3f3f46; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #d4d4d8; + color: #3f3f46; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f0a9a7; } @@ -344,18 +449,20 @@ transition: none; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #18181B; - background: #f4f4f5; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.75rem 1rem; - color: #3f3f46; - background: transparent; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #e0e7ff; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #18181b; + background: #e5e7eb; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #18181b; + background: #f4f4f5; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -365,16 +472,20 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f0a9a7; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { - color: #71717A; + color: #71717a; right: 0.75rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { - color: #71717A; + color: #71717a; right: 3.75rem; } @@ -382,6 +493,13 @@ border-color: #f0a9a7; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; + } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -411,7 +529,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; @@ -419,7 +537,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } @@ -427,7 +545,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; @@ -441,7 +559,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #4F46E5; + color: #4f46e5; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -468,13 +586,13 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-datepicker table td.p-datepicker-today > span { background: #d4d4d8; @@ -482,8 +600,8 @@ border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -499,21 +617,21 @@ .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; transition: none; } .p-datepicker .p-timepicker button:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -536,8 +654,8 @@ border-radius: 0.375rem; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -548,8 +666,8 @@ border-radius: 0.375rem; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #f3f4f6; @@ -571,7 +689,7 @@ .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: #f4f4f5; @@ -579,7 +697,7 @@ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: #f4f4f5; @@ -587,19 +705,19 @@ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } p-calendar.p-calendar-clearable .p-calendar-clear-icon { - color: #71717A; + color: #71717a; right: 0.75rem; } p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { - color: #71717A; + color: #71717a; right: 3.75rem; } @@ -620,8 +738,8 @@ .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -629,7 +747,7 @@ padding: 0.75rem 0.75rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #71717A; + color: #71717a; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; @@ -637,11 +755,14 @@ } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; - color: #71717A; + color: #71717a; width: 3rem; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } + .p-cascadeselect.p-invalid.p-component { + border-color: #f0a9a7; + } .p-cascadeselect-panel { background: #ffffff; @@ -661,33 +782,27 @@ transition: none; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.75rem 1rem; + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #312e81; + background: #eef2ff; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #e0e7ff; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #312E81; - background: #EEF2FF; + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #18181b; + background: #e5e7eb; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 1rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f0a9a7; - } .p-input-filled .p-cascadeselect { background: #fafafa; @@ -699,11 +814,15 @@ background-color: #ffffff; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f0a9a7; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { - color: #71717A; + color: #71717a; right: 3rem; } @@ -739,8 +858,8 @@ height: 10px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #4F46E5; - background: #4F46E5; + border-color: #4f46e5; + background: #4f46e5; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #d4d4d8; @@ -748,12 +867,12 @@ .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #4F46E5; - background: #4F46E5; + border-color: #4f46e5; + background: #4f46e5; color: #ffffff; } @@ -765,37 +884,42 @@ background-color: #fafafa; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #4F46E5; + background: #4f46e5; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #fafafa; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #4F46E5; + background: #4f46e5; } .p-checkbox-label { margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.375rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #d4d4d8; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; + } + .p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; + gap: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; - background: #EEF2FF; - color: #312E81; - border-radius: 0.375rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #3f3f46; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #d4d4d8; + color: #3f3f46; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -820,7 +944,7 @@ padding-right: 1.75rem; } p-chips.p-chips-clearable .p-chips-clear-icon { - color: #71717A; + color: #71717a; right: 0.75rem; } @@ -831,8 +955,8 @@ } .p-colorpicker-panel { - background: #27272A; - border: 1px solid #18181B; + background: #27272a; + border: 1px solid #18181b; } .p-colorpicker-panel .p-colorpicker-color-handle, .p-colorpicker-panel .p-colorpicker-hue-handle { @@ -855,8 +979,8 @@ .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -866,23 +990,26 @@ border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { - color: #71717A; + color: #71717a; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-dropdown .p-dropdown-trigger { background: transparent; - color: #71717A; + color: #71717a; width: 3rem; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .p-dropdown .p-dropdown-clear-icon { - color: #71717A; + color: #71717a; right: 3rem; } + .p-dropdown.p-invalid.p-component { + border-color: #f0a9a7; + } .p-dropdown-panel { background: #ffffff; @@ -906,7 +1033,7 @@ } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.75rem; - color: #71717A; + color: #71717a; } .p-dropdown-panel .p-dropdown-items { padding: 0.25rem 0; @@ -921,18 +1048,20 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #e0e7ff; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #18181b; + background: #e5e7eb; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1rem; - color: #3f3f46; - background: transparent; - } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; @@ -940,9 +1069,10 @@ background: #ffffff; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f0a9a7; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 1rem; + color: #3f3f46; + background: transparent; } .p-input-filled .p-dropdown { @@ -958,108 +1088,9 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #fafafa; - border-top-right-radius: 0.375rem; - border-top-left-radius: 0.375rem; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #e5e7eb; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #71717A; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #71717A; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #71717A; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #3f3f46; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #3f3f46; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #3f3f46; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #3f3f46; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #3f3f46; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #3f3f46; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - border-radius: 0.375rem; - padding: 0.25rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #3f3f46; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #18181B; - background: #f4f4f5; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.75rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #e5e7eb; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #3f3f46; - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #3f3f46; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #3f3f46; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #3f3f46; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #4F46E5; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #4F46E5; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #4F46E5; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #4F46E5; - } - .p-inputgroup-addon { background: #fafafa; - color: #71717A; + color: #71717a; border-top: 1px solid #d4d4d8; border-left: 1px solid #d4d4d8; border-bottom: 1px solid #d4d4d8; @@ -1139,7 +1170,7 @@ padding-right: 2.5rem; } p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { - color: #71717A; + color: #71717a; right: 0.75rem; } @@ -1151,7 +1182,7 @@ padding-right: 2.5rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { - color: #71717A; + color: #71717a; right: 0.75rem; } @@ -1186,19 +1217,19 @@ .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #bebec4; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #4F46E5; + background: #4f46e5; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #4338CA; + background: #4338ca; } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { @@ -1206,8 +1237,8 @@ } .p-inputtext { - font-family: inherit; - font-feature-settings: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: #3f3f46; background: #ffffff; @@ -1223,8 +1254,8 @@ .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; } .p-inputtext.ng-dirty.ng-invalid { border-color: #f0a9a7; @@ -1240,7 +1271,7 @@ .p-float-label > label { left: 0.75rem; - color: #71717A; + color: #71717a; transition-duration: 0.2s; } @@ -1251,7 +1282,7 @@ .p-input-icon-left > .p-icon-wrapper.p-icon, .p-input-icon-left > i:first-of-type { left: 0.75rem; - color: #71717A; + color: #71717a; } .p-input-icon-left > .p-inputtext { @@ -1265,7 +1296,7 @@ .p-input-icon-right > .p-icon-wrapper, .p-input-icon-right > i:last-of-type { right: 0.75rem; - color: #71717A; + color: #71717a; } .p-input-icon-right > .p-inputtext { @@ -1273,19 +1304,19 @@ } ::-webkit-input-placeholder { - color: #71717A; + color: #71717a; } :-moz-placeholder { - color: #71717A; + color: #71717a; } ::-moz-placeholder { - color: #71717A; + color: #71717a; } :-ms-input-placeholder { - color: #71717A; + color: #71717a; } .p-input-filled .p-inputtext { @@ -1313,6 +1344,7 @@ color: #3f3f46; border: 1px solid #d4d4d8; border-radius: 0.375rem; + transition: none; } .p-listbox .p-listbox-header { padding: 0.5rem 0.75rem; @@ -1328,13 +1360,14 @@ } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.75rem; - color: #71717A; + color: #71717a; } .p-listbox .p-listbox-header .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list { padding: 0.25rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1345,13 +1378,8 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #312E81; - background: #EEF2FF; - } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + color: #312e81; + background: #eef2ff; } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; @@ -1368,10 +1396,23 @@ color: #3f3f46; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #e0e7ff; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #18181b; + background: #e5e7eb; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f0a9a7; @@ -1389,40 +1430,46 @@ .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; transition: none; } .p-multiselect .p-multiselect-label.p-placeholder { - color: #71717A; - } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; + color: #71717a; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; - background: #EEF2FF; - color: #312E81; - border-radius: 0.375rem; + margin-right: 0.5rem; + background: #e5e7eb; + color: #3f3f46; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { background: transparent; - color: #71717A; + color: #71717a; width: 3rem; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #71717a; + right: 3rem; + } + .p-multiselect-panel { background: #ffffff; color: #3f3f46; @@ -1444,7 +1491,7 @@ } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.75rem; - color: #71717A; + color: #71717a; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; @@ -1453,21 +1500,21 @@ margin-left: 0.5rem; width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; transition: none; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-multiselect-panel .p-multiselect-items { padding: 0.25rem 0; @@ -1482,18 +1529,20 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #e0e7ff; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #18181b; + background: #e5e7eb; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1510,10 +1559,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f0a9a7; - } - .p-input-filled .p-multiselect { background: #fafafa; } @@ -1524,12 +1569,8 @@ background-color: #ffffff; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #71717A; - right: 3rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f0a9a7; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1549,20 +1590,20 @@ background: #e5e7eb; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #EF4444; + background: #ef4444; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #F59E0B; + background: #f59e0b; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #22C55E; + background: #22c55e; } p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } p-password.p-password-clearable .p-password-clear-icon { - color: #71717A; + color: #71717a; right: 0.75rem; } @@ -1570,7 +1611,7 @@ padding-right: 4.25rem; } p-password.p-password-clearable.p-password-mask .p-password-clear-icon { - color: #71717A; + color: #71717a; right: 2.5rem; } @@ -1593,8 +1634,8 @@ .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 6px; @@ -1603,12 +1644,12 @@ background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #4F46E5; - background: #4F46E5; + border-color: #4f46e5; + background: #4f46e5; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #4F46E5; - background: #4F46E5; + border-color: #4f46e5; + background: #4f46e5; color: #ffffff; } @@ -1623,10 +1664,10 @@ background-color: #fafafa; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #4F46E5; + background: #4f46e5; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #4F46E5; + background: #4f46e5; } .p-radiobutton-label { @@ -1636,35 +1677,32 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #3f3f46; - margin-left: 0.5rem; transition: none; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #EF4444; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #ef4444; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #4f46e5; } - .p-rating .p-rating-icon.p-rating-icon-active { - color: #4F46E5; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #4f46e5; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { - color: #4F46E5; - } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #DC2626; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #dc2626; } .p-selectbutton .p-button { @@ -1675,7 +1713,7 @@ } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { - color: #71717A; + color: #71717a; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { background: #f4f4f5; @@ -1684,11 +1722,11 @@ } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #71717A; + color: #71717a; } .p-selectbutton .p-button.p-highlight { - background: #4F46E5; - border-color: #4F46E5; + background: #4f46e5; + border-color: #4f46e5; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1696,8 +1734,8 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { - background: #4338CA; - border-color: #4338CA; + background: #4338ca; + border-color: #4338ca; color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, @@ -1732,21 +1770,21 @@ height: 1.143rem; width: 1.143rem; background: #ffffff; - border: 2px solid #4F46E5; + border: 2px solid #4f46e5; border-radius: 50%; transition: none; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-slider .p-slider-range { - background: #4F46E5; + background: #4f46e5; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #4F46E5; - border-color: #4F46E5; + background: #4f46e5; + border-color: #4f46e5; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { transition: none, left 0.2s; @@ -1769,7 +1807,7 @@ } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { - color: #71717A; + color: #71717a; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: #f4f4f5; @@ -1778,11 +1816,11 @@ } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #71717A; + color: #71717a; } .p-togglebutton.p-button.p-highlight { - background: #4F46E5; - border-color: #4F46E5; + background: #4f46e5; + border-color: #4f46e5; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1790,8 +1828,8 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { - background: #4338CA; - border-color: #4338CA; + background: #4338ca; + border-color: #4338ca; color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, @@ -1815,15 +1853,15 @@ .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; transition: none; } .p-treeselect .p-treeselect-label.p-placeholder { - color: #71717A; + color: #71717a; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; @@ -1834,7 +1872,7 @@ } .p-treeselect .p-treeselect-trigger { background: transparent; - color: #71717A; + color: #71717a; width: 3rem; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; @@ -1872,7 +1910,7 @@ } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { right: 0.75rem; - color: #71717A; + color: #71717a; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { padding-right: 3.5rem; @@ -1883,21 +1921,21 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; transition: none; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; @@ -1922,86 +1960,86 @@ padding-right: 1.75rem; } p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { - color: #71717A; + color: #71717a; right: 3rem; } .p-button { color: #ffffff; - background: #4F46E5; - border: 1px solid #4F46E5; + background: #4f46e5; + border: 1px solid #4f46e5; padding: 0.75rem 1rem; font-size: 1rem; transition: none; border-radius: 0.375rem; } - .p-button:enabled:hover { - background: #4338CA; + .p-button:not(:disabled):hover { + background: #4338ca; color: #ffffff; - border-color: #4338CA; + border-color: #4338ca; } - .p-button:enabled:active { - background: #4338CA; + .p-button:not(:disabled):active { + background: #4338ca; color: #ffffff; - border-color: #4338CA; + border-color: #4338ca; } .p-button.p-button-outlined { background-color: transparent; - color: #4F46E5; + color: #4f46e5; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(79, 70, 229, 0.04); - color: #4F46E5; + color: #4f46e5; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(79, 70, 229, 0.16); - color: #4F46E5; + color: #4f46e5; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { - color: #71717A; - border-color: #71717A; + color: #71717a; + border-color: #71717a; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #f4f4f5; - color: #71717A; + color: #71717a; } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #e5e7eb; - color: #71717A; + color: #71717a; } .p-button.p-button-text { background-color: transparent; - color: #4F46E5; + color: #4f46e5; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(79, 70, 229, 0.04); - color: #4F46E5; + color: #4f46e5; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(79, 70, 229, 0.16); - color: #4F46E5; + color: #4f46e5; border-color: transparent; } .p-button.p-button-text.p-button-plain { - color: #71717A; + color: #71717a; } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #f4f4f5; - color: #71717A; + color: #71717a; } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #e5e7eb; - color: #71717A; + color: #71717a; } .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-button .p-button-label { transition-duration: 0.2s; @@ -2023,7 +2061,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #4F46E5; + color: #4f46e5; background-color: #ffffff; } .p-button.p-button-raised { @@ -2078,321 +2116,441 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #64748B; - border: 1px solid #64748B; + background: #64748b; + border: 1px solid #64748b; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #475569; color: #ffffff; border-color: #475569; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #c0c7d2; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #475569; color: #ffffff; border-color: #475569; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; + background: #3b82f6; + border: 1px solid #3b82f6; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #2563EB; + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #2563eb; color: #ffffff; - border-color: #2563EB; + border-color: #2563eb; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #b1cdfb; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #2563EB; + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #2563eb; color: #ffffff; - border-color: #2563EB; + border-color: #2563eb; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #3B82F6; + color: #3b82f6; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + color: #3b82f6; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + color: #3b82f6; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #3B82F6; + color: #3b82f6; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); border-color: transparent; - color: #3B82F6; + color: #3b82f6; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(59, 130, 246, 0.16); border-color: transparent; - color: #3B82F6; + color: #3b82f6; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; + background: #22c55e; + border: 1px solid #22c55e; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #16A34A; + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #16a34a; color: #ffffff; - border-color: #16A34A; + border-color: #16a34a; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #a0efbd; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #16A34A; + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #16a34a; color: #ffffff; - border-color: #16A34A; + border-color: #16a34a; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #ffffff; - background: #F59E0B; - border: 1px solid #F59E0B; + background: #f59e0b; + border: 1px solid #f59e0b; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #D97706; + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #d97706; color: #ffffff; - border-color: #D97706; + border-color: #d97706; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #fbd89d; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #D97706; + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #d97706; color: #ffffff; - border-color: #D97706; + border-color: #d97706; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #F59E0B; + color: #f59e0b; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(245, 158, 11, 0.04); - color: #F59E0B; + color: #f59e0b; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(245, 158, 11, 0.16); - color: #F59E0B; + color: #f59e0b; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #F59E0B; + color: #f59e0b; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(245, 158, 11, 0.04); border-color: transparent; - color: #F59E0B; + color: #f59e0b; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(245, 158, 11, 0.16); border-color: transparent; - color: #F59E0B; + color: #f59e0b; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; + background: #a855f7; + border: 1px solid #a855f7; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #9333EA; + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #9333ea; color: #ffffff; - border-color: #9333EA; + border-color: #9333ea; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #dcbbfc; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #9333EA; + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #9333ea; color: #ffffff; - border-color: #9333EA; + border-color: #9333ea; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; + background: #ef4444; + border: 1px solid #ef4444; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #DC2626; + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #dc2626; color: #ffffff; - border-color: #DC2626; + border-color: #dc2626; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #f9b4b4; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #DC2626; + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #dc2626; color: #ffffff; - border-color: #DC2626; + border-color: #dc2626; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-button.p-button-link { - color: #4F46E5; + color: #4f46e5; background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #4F46E5; + color: #4f46e5; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; - box-shadow: 0 0 0 0.2rem #6366F1; + box-shadow: 0 0 0 0.2rem #6366f1; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #4F46E5; + color: #4f46e5; border-color: transparent; } @@ -2415,7 +2573,7 @@ .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-speeddial-action { @@ -2425,7 +2583,7 @@ color: #fff; } .p-speeddial-action:hover { - background: #27272A; + background: #27272a; color: #fff; } @@ -2479,54 +2637,54 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #4F46E5; + color: #4f46e5; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(79, 70, 229, 0.04); - color: #4F46E5; + color: #4f46e5; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(79, 70, 229, 0.16); - color: #4F46E5; + color: #4f46e5; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #71717A; - border-color: #71717A; + color: #71717a; + border-color: #71717a; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #f4f4f5; - color: #71717A; + color: #71717a; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #e5e7eb; - color: #71717A; + color: #71717a; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #4F46E5; + color: #4f46e5; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(79, 70, 229, 0.04); - color: #4F46E5; + color: #4f46e5; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(79, 70, 229, 0.16); - color: #4F46E5; + color: #4f46e5; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { - color: #71717A; + color: #71717a; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #f4f4f5; - color: #71717A; + color: #71717a; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #e5e7eb; - color: #71717A; + color: #71717a; } .p-splitbutton.p-button-raised { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); @@ -2554,183 +2712,183 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #3B82F6; + color: #3b82f6; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + color: #3b82f6; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + color: #3b82f6; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #3B82F6; + color: #3b82f6; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); border-color: transparent; - color: #3B82F6; + color: #3b82f6; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(59, 130, 246, 0.16); border-color: transparent; - color: #3B82F6; + color: #3b82f6; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #F59E0B; + color: #f59e0b; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(245, 158, 11, 0.04); - color: #F59E0B; + color: #f59e0b; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(245, 158, 11, 0.16); - color: #F59E0B; + color: #f59e0b; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #F59E0B; + color: #f59e0b; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(245, 158, 11, 0.04); border-color: transparent; - color: #F59E0B; + color: #f59e0b; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(245, 158, 11, 0.16); border-color: transparent; - color: #F59E0B; + color: #f59e0b; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; @@ -2739,7 +2897,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } @@ -2747,7 +2905,7 @@ .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2767,8 +2925,8 @@ background: #e5e7eb; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-datatable .p-paginator-top { @@ -2815,7 +2973,7 @@ background: #fafafa; } .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #71717A; + color: #71717a; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { @@ -2823,8 +2981,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { @@ -2832,24 +2990,24 @@ color: #3f3f46; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #71717A; + color: #71717a; } .p-datatable .p-sortable-column.p-highlight { background: #fafafa; - color: #4F46E5; + color: #4f46e5; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #4F46E5; + color: #4f46e5; } .p-datatable .p-sortable-column.p-highlight:hover { background: #f4f4f5; - color: #4F46E5; + color: #4f46e5; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #4F46E5; + color: #4f46e5; } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem #6366F1; + box-shadow: inset 0 0 0 0.15rem #6366f1; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { @@ -2869,7 +3027,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; @@ -2879,7 +3037,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } @@ -2889,31 +3047,31 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr:focus-visible { - outline: 0.15rem solid #6366F1; + outline: 0.15rem solid #6366f1; outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #EEF2FF; + box-shadow: inset 0 2px 0 0 #eef2ff; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #EEF2FF; + box-shadow: inset 0 -2px 0 0 #eef2ff; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #f4f4f5; color: #3f3f46; } .p-datatable .p-column-resizer-helper { - background: #4F46E5; + background: #4f46e5; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -2985,14 +3143,14 @@ background: #fcfcfc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #312E81; + color: #312e81; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #312E81; + color: #312e81; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.625rem 0.625rem; @@ -3047,10 +3205,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #f4f4f5; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #fafafa; color: #3f3f46; @@ -3076,49 +3230,49 @@ .p-column-filter-menu-button { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; transition: none; } .p-column-filter-menu-button:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { background: #f4f4f5; - color: #18181B; + color: #18181b; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; transition: none; } .p-column-filter-clear-button:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-column-filter-overlay { @@ -3142,17 +3296,17 @@ border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + box-shadow: inset 0 0 0 0.15rem #6366f1; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #f3f4f6; @@ -3188,295 +3342,6 @@ padding: 1.25rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #fafafa; - border: 1px solid #e5e7eb; - color: #3f3f46; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 1px solid #e5e7eb; - color: #3f3f46; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #e5e7eb; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #e5e7eb; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #4F46E5; - border: 1px solid #4F46E5; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #fafafa; - border: 1px solid #e5e7eb; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #4F46E5; - border: 1px solid #4F46E5; - font-size: 1rem; - transition: none; - border-radius: 0.375rem; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #4338CA; - color: #ffffff; - border-color: #4338CA; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #4338CA; - color: #ffffff; - border-color: #4338CA; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #d4d4d8; - color: #3f3f46; - transition: none; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f4f4f5; - border-color: #d4d4d8; - color: #3f3f46; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #4F46E5; - border-color: #4F46E5; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #4338CA; - border-color: #4338CA; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #e5e7eb; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #fafafa; - border-color: #e5e7eb; - color: #3f3f46; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #3f3f46; - border-color: #e5e7eb; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #e5e7eb; - padding: 1.25rem; - background: #fafafa; - color: #3f3f46; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #71717A; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #18181B; - border-color: transparent; - background: #f4f4f5; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1.25rem; - border: 1px solid #e5e7eb; - background: #ffffff; - color: #3f3f46; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #4F46E5; - border-color: #4F46E5; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #4F46E5; - border-color: #4F46E5; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #f4f4f5; - color: #18181B; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #fafafa; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #4F46E5; - border: 1px solid #4F46E5; - font-size: 1rem; - transition: none; - border-radius: 0.375rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #4338CA; - color: #ffffff; - border-color: #4338CA; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #4338CA; - color: #ffffff; - border-color: #4338CA; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #4F46E5; - border: 1px solid #4F46E5; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 1px solid #d4d4d8; - color: #3f3f46; - transition: none; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #f4f4f5; - border-color: #d4d4d8; - color: #3f3f46; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #4F46E5; - border-color: #4F46E5; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #4338CA; - border-color: #4338CA; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; - } - .fc.fc-theme-standard a { - color: #3f3f46; - } - .fc.fc-theme-standard .fc-highlight { - color: #312E81; - background: #EEF2FF; - } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3506,7 +3371,7 @@ } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { right: 0.75rem; - color: #71717A; + color: #71717a; } .p-orderlist .p-orderlist-list { border: 1px solid #e5e7eb; @@ -3515,6 +3380,7 @@ padding: 0.25rem 0; border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1rem; @@ -3524,14 +3390,20 @@ background: transparent; transition: none; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #f4f4f5; + color: #18181b; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #18181b; + background: #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #e0e7ff; } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.75rem 1rem; @@ -3539,7 +3411,7 @@ } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #f4f4f5; - color: #18181B; + color: #18181b; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #fcfcfc; @@ -3559,11 +3431,11 @@ .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f4f4f5; - color: #18181B; + color: #18181b; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: #6f91ff; @@ -3593,12 +3465,12 @@ .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-paginator { background: #ffffff; - color: #71717A; + color: #71717a; border: solid #f4f4f5; border-width: 0; padding: 0.75rem 1.5rem; @@ -3610,7 +3482,7 @@ .p-paginator .p-paginator-last { background-color: transparent; border: 1px solid #d4d4d8; - color: #71717A; + color: #71717a; min-width: 3rem; height: 3rem; margin: 0 0 0 -1px; @@ -3651,7 +3523,7 @@ .p-paginator .p-paginator-current { background-color: transparent; border: 1px solid #d4d4d8; - color: #71717A; + color: #71717a; min-width: 3rem; height: 3rem; margin: 0 0 0 -1px; @@ -3660,7 +3532,7 @@ .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 1px solid #d4d4d8; - color: #71717A; + color: #71717a; min-width: 3rem; height: 3rem; margin: 0 0 0 -1px; @@ -3668,9 +3540,9 @@ border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #EEF2FF; - border-color: #EEF2FF; - color: #312E81; + background: #eef2ff; + border-color: #eef2ff; + color: #312e81; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #f4f4f5; @@ -3707,7 +3579,7 @@ } .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { right: 0.75rem; - color: #71717A; + color: #71717a; } .p-picklist .p-picklist-list { border: 1px solid #e5e7eb; @@ -3716,6 +3588,7 @@ padding: 0.25rem 0; border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.75rem 1rem; @@ -3725,14 +3598,20 @@ background: transparent; transition: none; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #f4f4f5; + color: #18181b; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #18181b; + background: #e5e7eb; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #e0e7ff; } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.75rem 1rem; @@ -3740,7 +3619,7 @@ } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { background: #f4f4f5; - color: #18181B; + color: #18181b; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: #fcfcfc; @@ -3759,7 +3638,7 @@ } .p-timeline .p-timeline-event-marker { - border: 2px solid #4F46E5; + border: 2px solid #4f46e5; border-radius: 50%; width: 1rem; height: 1rem; @@ -3792,6 +3671,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366f1; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 0.375rem; @@ -3802,25 +3687,25 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; transition: none; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; - color: #71717A; + color: #71717a; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; @@ -3828,30 +3713,25 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #3f3f46; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #312E81; + color: #312e81; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #312E81; + color: #312e81; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #f4f4f5; - color: #18181B; + color: #18181b; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { background: #f4f4f5; - color: #18181B; + color: #18181b; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; @@ -3862,7 +3742,7 @@ } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.75rem; - color: #71717A; + color: #71717a; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; @@ -3886,17 +3766,17 @@ transition: none; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { - background-color: #EEF2FF; - color: #312E81; + background-color: #eef2ff; + color: #312e81; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #312E81; + color: #312e81; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { - color: #71717A; + color: #71717a; margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { @@ -3908,12 +3788,12 @@ } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #f4f4f5; - color: #18181B; + color: #18181b; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-treetable .p-paginator-top { @@ -3960,10 +3840,10 @@ background: #fafafa; } .p-treetable .p-sortable-column { - outline-color: #6366F1; + outline-color: #6366f1; } .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #71717A; + color: #71717a; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { @@ -3971,8 +3851,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3980,14 +3860,14 @@ color: #3f3f46; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #71717A; + color: #71717a; } .p-treetable .p-sortable-column.p-highlight { background: #fafafa; - color: #4F46E5; + color: #4f46e5; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #4F46E5; + color: #4f46e5; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; @@ -4003,7 +3883,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; @@ -4011,14 +3891,14 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { width: 2rem; @@ -4031,18 +3911,18 @@ color: #3f3f46; } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid #6366F1; + outline: 0.15rem solid #6366f1; outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #312E81; + color: #312e81; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #312E81; + color: #312e81; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #f4f4f5; @@ -4052,7 +3932,7 @@ color: #3f3f46; } .p-treetable .p-column-resizer-helper { - background: #4F46E5; + background: #4f46e5; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -4157,7 +4037,7 @@ .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; + box-shadow: inset 0 0 0 1px #6366f1; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #f4f4f5; @@ -4232,7 +4112,7 @@ .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; - color: #71717A; + color: #71717a; } .p-card .p-card-content { padding: 1.25rem 0; @@ -4295,12 +4175,12 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #f4f4f5; border-color: #e5e7eb; - color: #18181B; + color: #18181b; } .p-fieldset .p-fieldset-content { padding: 1.25rem; @@ -4320,21 +4200,21 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; transition: none; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; @@ -4344,15 +4224,19 @@ border: 1px solid #e5e7eb; background: #ffffff; color: #3f3f46; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #e5e7eb; background: #ffffff; color: #3f3f46; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4407,7 +4291,7 @@ border-width: 0 0 2px 0; border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #71717A; + color: #71717a; padding: 1.25rem; font-weight: 700; border-top-right-radius: 0.375rem; @@ -4418,17 +4302,17 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; + box-shadow: inset 0 0 0 1px #6366f1; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; - border-color: #71717A; - color: #71717A; + border-color: #71717a; + color: #71717a; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; - border-color: #4F46E5; - color: #4F46E5; + border-color: #4f46e5; + color: #4f46e5; } .p-tabview .p-tabview-left-icon { margin-right: 0.5rem; @@ -4441,7 +4325,7 @@ } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; - color: #4F46E5; + color: #4f46e5; width: 3rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); border-radius: 0; @@ -4449,7 +4333,7 @@ .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; + box-shadow: inset 0 0 0 1px #6366f1; } .p-tabview .p-tabview-panels { background: #ffffff; @@ -4539,7 +4423,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; @@ -4547,14 +4431,14 @@ margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; @@ -4603,7 +4487,7 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #4F46E5; + background: #4f46e5; color: #ffffff; width: 2rem; height: 2rem; @@ -4614,7 +4498,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #4338CA; + background: #4338ca; color: #ffffff; } .p-overlaypanel:after { @@ -4647,7 +4531,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; @@ -4655,7 +4539,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } @@ -4663,7 +4547,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4710,7 +4594,7 @@ .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-fileupload .p-fileupload-content { background: #ffffff; @@ -4721,9 +4605,9 @@ border-bottom-left-radius: 0.375rem; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border-color: 1px dashed #4F46E5; + border-color: 1px dashed #4f46e5; border-style: dashed; - background-color: #EEF2FF; + background-color: #eef2ff; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4736,14 +4620,14 @@ } .p-fileupload-choose:not(.p-disabled):hover { - background: #4338CA; + background: #4338ca; color: #ffffff; - border-color: #4338CA; + border-color: #4338ca; } .p-fileupload-choose:not(.p-disabled):active { - background: #4338CA; + background: #4338ca; color: #ffffff; - border-color: #4338CA; + border-color: #4338ca; } .p-breadcrumb { @@ -4759,13 +4643,13 @@ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: #3f3f46; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #71717A; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; @@ -4775,7 +4659,7 @@ color: #3f3f46; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #71717A; + color: #71717a; } .p-contextmenu { @@ -4811,11 +4695,11 @@ color: #3f3f46; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #71717A; + color: #71717a; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #71717A; + color: #71717a; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #3f3f46; @@ -4824,31 +4708,34 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #3f3f46; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #f4f4f5; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #18181B; + color: #18181b; background: #e5e7eb; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #18181B; + color: #18181b; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #18181B; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #18181b; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #18181B; + color: #18181b; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #f3f4f6; @@ -4878,7 +4765,7 @@ .p-dock .p-dock-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + box-shadow: inset 0 0 0 0.15rem #6366f1; } .p-dock .p-dock-link { width: 4rem; @@ -4955,11 +4842,11 @@ color: #3f3f46; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #71717A; + color: #71717a; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #71717A; + color: #71717a; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #3f3f46; @@ -4968,31 +4855,34 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #3f3f46; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #f4f4f5; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #18181B; + color: #18181b; background: #e5e7eb; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #18181B; + color: #18181b; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #18181B; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #18181b; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #18181B; + color: #18181b; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-megamenu .p-megamenu-panel { background: #ffffff; @@ -5034,22 +4924,23 @@ color: #3f3f46; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #71717A; + color: #71717a; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #71717A; + color: #71717a; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #18181B; + color: #18181b; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-menu { @@ -5074,11 +4965,11 @@ color: #3f3f46; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #71717A; + color: #71717a; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #71717A; + color: #71717a; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #3f3f46; @@ -5087,31 +4978,34 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #3f3f46; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #f4f4f5; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #18181B; + color: #18181b; background: #e5e7eb; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #18181B; + color: #18181b; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #18181B; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #18181b; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #18181B; + color: #18181b; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-menu.p-menu-overlay { background: #ffffff; @@ -5132,7 +5026,7 @@ margin: 0.25rem 0; } .p-menu .p-menuitem-badge { - background: #4F46E5; + background: #4f46e5; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5168,22 +5062,23 @@ color: #3f3f46; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #71717A; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #71717A; + color: #71717a; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #18181B; + color: #18181b; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-menubar .p-menuitem > .p-menuitem-content { color: #3f3f46; @@ -5199,11 +5094,11 @@ color: #3f3f46; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #71717A; + color: #71717a; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #71717A; + color: #71717a; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #3f3f46; @@ -5212,31 +5107,34 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #3f3f46; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #f4f4f5; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #18181B; + color: #18181b; background: #e5e7eb; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #18181B; + color: #18181b; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #18181B; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #18181b; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #18181B; + color: #18181b; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-menubar .p-submenu-list { padding: 0.25rem 0; @@ -5261,18 +5159,18 @@ display: flex; width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border-radius: 50%; transition: none; } .p-menubar .p-menubar-button:hover { - color: #71717A; + color: #71717a; background: #f4f4f5; } .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-menubar .p-menubar-root-list { position: absolute; @@ -5365,7 +5263,7 @@ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; + box-shadow: inset 0 0 0 1px #6366f1; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #f4f4f5; @@ -5413,11 +5311,11 @@ color: #3f3f46; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #71717A; + color: #71717a; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #71717A; + color: #71717a; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #3f3f46; @@ -5426,31 +5324,34 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #3f3f46; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #f4f4f5; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #18181B; + color: #18181b; background: #e5e7eb; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #18181B; + color: #18181b; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #18181B; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #18181b; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #18181B; + color: #18181b; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; @@ -5518,11 +5419,11 @@ color: #3f3f46; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #71717A; + color: #71717a; margin-right: 0.5rem; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #71717A; + color: #71717a; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { color: #3f3f46; @@ -5531,31 +5432,34 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #3f3f46; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #f4f4f5; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #18181B; + color: #18181b; background: #e5e7eb; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #18181B; + color: #18181b; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #18181B; + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #18181b; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #18181B; + color: #18181b; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5586,10 +5490,10 @@ .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; + box-shadow: inset 0 0 0 1px #6366f1; } .p-slidemenu .p-menuitem-badge { - background: #4F46E5; + background: #4f46e5; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5621,16 +5525,16 @@ } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; - color: #71717A; + color: #71717a; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; @@ -5653,7 +5557,7 @@ border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { - background: #4F46E5; + background: #4f46e5; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5673,7 +5577,7 @@ border-width: 0 0 2px 0; border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #71717A; + color: #71717a; padding: 1.25rem; font-weight: 700; border-top-right-radius: 0.375rem; @@ -5687,17 +5591,17 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; + box-shadow: inset 0 0 0 1px #6366f1; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; - border-color: #71717A; - color: #71717A; + border-color: #71717a; + color: #71717a; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; - border-color: #4F46E5; - color: #4F46E5; + border-color: #4f46e5; + color: #4f46e5; } .p-tabmenu .p-tabmenu-left-icon { margin-right: 0.5rem; @@ -5707,7 +5611,7 @@ } .p-tabmenu .p-tabmenu-nav-btn.p-link { background: #ffffff; - color: #4F46E5; + color: #4f46e5; width: 3rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); border-radius: 0; @@ -5715,7 +5619,7 @@ .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; + box-shadow: inset 0 0 0 1px #6366f1; } .p-tieredmenu { @@ -5754,11 +5658,11 @@ color: #3f3f46; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #71717A; + color: #71717a; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #71717A; + color: #71717a; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #3f3f46; @@ -5767,31 +5671,34 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #3f3f46; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #f4f4f5; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { - color: #18181B; + color: #18181b; background: #e5e7eb; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #18181B; + color: #18181b; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #18181B; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #18181b; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #18181B; + color: #18181b; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #f3f4f6; @@ -5811,16 +5718,16 @@ border-radius: 0.375rem; } .p-inline-message.p-inline-message-info { - background: #EFF6FF; + background: #eff6ff; border: none; border-width: 0px; - color: #2563EB; + color: #2563eb; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #2563EB; + color: #2563eb; } .p-inline-message.p-inline-message-success { - background: #ECFDF5; + background: #ecfdf5; border: none; border-width: 0px; color: #059669; @@ -5829,22 +5736,22 @@ color: #059669; } .p-inline-message.p-inline-message-warn { - background: #FEF3C7; + background: #fef3c7; border: none; border-width: 0px; - color: #D97706; + color: #d97706; } .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #D97706; + color: #d97706; } .p-inline-message.p-inline-message-error { - background: #FEF3C7; + background: #fef3c7; border: none; border-width: 0px; - color: #DC2626; + color: #dc2626; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #DC2626; + color: #dc2626; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5881,22 +5788,22 @@ .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-message.p-message-info { - background: #EFF6FF; + background: #eff6ff; border: none; border-width: 0 0 0 6px; - color: #2563EB; + color: #2563eb; } .p-message.p-message-info .p-message-icon { - color: #2563EB; + color: #2563eb; } .p-message.p-message-info .p-message-close { - color: #2563EB; + color: #2563eb; } .p-message.p-message-success { - background: #ECFDF5; + background: #ecfdf5; border: none; border-width: 0 0 0 6px; color: #059669; @@ -5908,28 +5815,28 @@ color: #059669; } .p-message.p-message-warn { - background: #FEF3C7; + background: #fef3c7; border: none; border-width: 0 0 0 6px; - color: #D97706; + color: #d97706; } .p-message.p-message-warn .p-message-icon { - color: #D97706; + color: #d97706; } .p-message.p-message-warn .p-message-close { - color: #D97706; + color: #d97706; } .p-message.p-message-error { - background: #FEF3C7; + background: #fef3c7; border: none; border-width: 0 0 0 6px; - color: #DC2626; + color: #dc2626; } .p-message.p-message-error .p-message-icon { - color: #DC2626; + color: #dc2626; } .p-message.p-message-error .p-message-close { - color: #DC2626; + color: #dc2626; } .p-message .p-message-text { font-size: 1rem; @@ -5991,20 +5898,20 @@ .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-toast .p-toast-message.p-toast-message-info { - background: #EFF6FF; + background: #eff6ff; border: none; border-width: 0 0 0 6px; - color: #2563EB; + color: #2563eb; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #2563EB; + color: #2563eb; } .p-toast .p-toast-message.p-toast-message-success { - background: #ECFDF5; + background: #ecfdf5; border: none; border-width: 0 0 0 6px; color: #059669; @@ -6014,24 +5921,24 @@ color: #059669; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FEF3C7; + background: #fef3c7; border: none; border-width: 0 0 0 6px; - color: #D97706; + color: #d97706; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { - color: #D97706; + color: #d97706; } .p-toast .p-toast-message.p-toast-message-error { - background: #FEF3C7; + background: #fef3c7; border: none; border-width: 0 0 0 6px; - color: #DC2626; + color: #dc2626; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #DC2626; + color: #dc2626; } .p-galleria .p-galleria-close { @@ -6094,8 +6001,8 @@ background: #e5e7eb; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -6113,8 +6020,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -6138,7 +6045,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-galleria-mask { @@ -6213,7 +6120,7 @@ } .p-badge { - background: #4F46E5; + background: #4f46e5; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -6222,23 +6129,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #64748B; + background-color: #64748b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-badge.p-badge-info { - background-color: #3B82F6; + background-color: #3b82f6; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #F59E0B; + background-color: #f59e0b; color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -6284,7 +6191,10 @@ .p-chip .pi-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; } .p-inplace .p-inplace-display { @@ -6294,12 +6204,12 @@ } .p-inplace .p-inplace-display:not(.p-disabled):hover { background: #f4f4f5; - color: #18181B; + color: #18181b; } .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-progressbar { @@ -6311,7 +6221,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #4F46E5; + background: #4f46e5; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -6349,7 +6259,7 @@ } .p-tag { - background: #4F46E5; + background: #4f46e5; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -6357,19 +6267,19 @@ border-radius: 0.375rem; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { - background-color: #3B82F6; + background-color: #3b82f6; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #F59E0B; + background-color: #f59e0b; color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -6388,9 +6298,9 @@ padding: 1.25rem; } .p-terminal .p-terminal-input { - font-family: inherit; - font-feature-settings: inherit; - font-size: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; } } /* Customizations to the designer theme should be defined here */ @@ -6416,14 +6326,14 @@ } .p-inputswitch.p-focus .p-inputswitch-slider { - box-shadow: 0 0 0 2px #6366F1; + box-shadow: 0 0 0 2px #6366f1; } .p-paginator .p-paginator-pages .p-paginator-page { margin-left: -1px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - border-color: #4F46E5; + border-color: #4f46e5; margin-right: 1px; } .p-paginator .p-paginator-current { @@ -6431,42 +6341,42 @@ } .p-button:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366F1, 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366f1, 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #64748B, 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #64748b, 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #22C55E, 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #22c55e, 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #3B82F6, 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #3b82f6, 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #F59E0B, 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f59e0b, 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #A855F7, 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #a855f7, 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #EF4444, 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #ef4444, 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-checkbox .p-checkbox-box { border-radius: 0.25rem; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366F1, 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366f1, 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-radiobutton:not(.p-radiobutton-disabled) .p-radiobutton-box.p-focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366F1, 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366f1, 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #4F46E5; + box-shadow: inset 0 2px 0 0 #4f46e5; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #4F46E5; + box-shadow: inset 0 -2px 0 0 #4f46e5; } } diff --git a/src/assets/components/themes/vela-blue/theme.css b/src/assets/components/themes/vela-blue/theme.css index 45683103c77..5b2c6454cce 100644 --- a/src/assets/components/themes/vela-blue/theme.css +++ b/src/assets/components/themes/vela-blue/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#1f2d40; - --surface-b:#17212f; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#304562; - --surface-e:#1f2d40; - --surface-f:#1f2d40; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#64B5F6; - --primary-color-text:#212529; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #1f2d40; + --surface-b: #17212f; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #304562; + --surface-e: #1f2d40; + --surface-f: #1f2d40; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #64B5F6; + --primary-color-text: #212529; --surface-0: #17212f; --surface-50: #2e3744; --surface-100: #454d59; @@ -22,7 +24,7 @@ --surface-700: #d1d3d5; --surface-800: #e8e9ea; --surface-900: #ffffff; - --gray-50:#e8e9ea; + --gray-50: #e8e9ea; --gray-100: #d1d3d5; --gray-200: #b9bcc1; --gray-300: #a2a6ac; @@ -32,15 +34,15 @@ --gray-700: #454d59; --gray-800: #2e3744; --gray-900: #17212f; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#17212f; - --surface-section:#17212f; - --surface-card:#1f2d40; - --surface-overlay:#1f2d40; - --surface-border:#304562; - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #17212f; + --surface-section: #17212f; + --surface-card: #1f2d40; + --surface-overlay: #1f2d40; + --surface-border: #304562; + --surface-hover: rgba(255, 255, 255, 0.03); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(100, 181, 246, 0.16); --highlight-text-color: rgba(255, 255, 255, 0.87); @@ -171,6 +173,105 @@ --primary-900:#284862; } +.p-editor-container .p-editor-toolbar { + background: #1f2d40; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-content .ql-editor { + background: #17212f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #64B5F6; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.857rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #64B5F6; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; - background: rgba(100, 181, 246, 0.16); + background: #304562; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3e526d; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } @@ -309,18 +413,20 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -347,6 +457,13 @@ border-color: #ef9a9a; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } + .p-datepicker { padding: 0.5rem; background: #1f2d40; @@ -607,6 +724,9 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #ef9a9a; + } .p-cascadeselect-panel { background: #1f2d40; @@ -626,33 +746,27 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #ef9a9a; - } .p-input-filled .p-cascadeselect { background: #304562; @@ -664,6 +778,10 @@ background-color: #304562; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -743,24 +861,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #64B5F6; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; - background: rgba(100, 181, 246, 0.16); + margin-right: 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3e526d; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -769,9 +892,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -833,7 +956,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -848,6 +971,9 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #ef9a9a; + } .p-dropdown-panel { background: #1f2d40; @@ -889,14 +1015,16 @@ color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); + background: rgba(255, 255, 255, 0.09); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.03); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -905,9 +1033,10 @@ background: #1f2d40; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #ef9a9a; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -923,105 +1052,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #1f2d40; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #304562; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #304562; - } - .p-editor-container .p-editor-content .ql-editor { - background: #17212f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #64B5F6; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #64B5F6; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #64B5F6; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #64B5F6; - } - .p-inputgroup-addon { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -1278,6 +1308,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; @@ -1300,6 +1331,7 @@ } .p-listbox .p-listbox-list { padding: 0.5rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1313,11 +1345,6 @@ color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1333,10 +1360,23 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ef9a9a; @@ -1364,14 +1404,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.5rem; - background: rgba(100, 181, 246, 0.16); + margin-right: 0.5rem; + background: #304562; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1384,10 +1422,18 @@ border-bottom-right-radius: 3px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-multiselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1450,15 +1496,17 @@ color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1475,10 +1523,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #ef9a9a; - } - .p-input-filled .p-multiselect { background: #304562; } @@ -1489,12 +1533,8 @@ background-color: #304562; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.5rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1514,13 +1554,13 @@ background: #304562; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; + background: #f48fb1; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; + background: #ffe082; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } p-password.p-password-clearable .p-password-input { @@ -1601,35 +1641,32 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f48fb1; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; + border-color: #64B5F6; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #64B5F6; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #64B5F6; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; } .p-selectbutton .p-button { @@ -1900,12 +1937,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #43a5f4; color: #212529; border-color: #43a5f4; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #2396f2; color: #212529; border-color: #2396f2; @@ -1915,12 +1952,12 @@ color: #64B5F6; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(100, 181, 246, 0.04); color: #64B5F6; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(100, 181, 246, 0.16); color: #64B5F6; border: 1px solid; @@ -1929,11 +1966,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -1942,12 +1979,12 @@ color: #64B5F6; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(100, 181, 246, 0.04); color: #64B5F6; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(100, 181, 246, 0.16); color: #64B5F6; border-color: transparent; @@ -1955,11 +1992,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2043,298 +2080,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #78909C; - border: 1px solid #78909C; + background: #78909c; + border: 1px solid #78909c; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #69838f; color: #ffffff; border-color: #69838f; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a1b1ba; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #5d747f; color: #ffffff; border-color: #5d747f; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; + background: #81d4fa; + border: 1px solid #81d4fa; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #5dc8f9; color: #121212; border-color: #5dc8f9; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a7e1fc; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #38bbf7; color: #121212; border-color: #38bbf7; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; + background: #c5e1a5; + border: 1px solid #c5e1a5; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #b2d788; color: #121212; border-color: #b2d788; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d6eac0; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #9fce6b; color: #121212; border-color: #9fce6b; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #121212; - background: #FFE082; - border: 1px solid #FFE082; + background: #ffe082; + border: 1px solid #ffe082; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd65c; color: #121212; border-color: #ffd65c; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffe9a8; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffcd35; color: #121212; border-color: #ffcd35; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + background: #ce93d8; + border: 1px solid #ce93d8; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #c278ce; color: #121212; border-color: #c278ce; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ddb3e4; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #b65ec5; color: #121212; border-color: #b65ec5; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; + background: #f48fb1; + border: 1px solid #f48fb1; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #f16c98; color: #121212; border-color: #f16c98; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f7b1c8; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #ed4980; color: #121212; border-color: #ed4980; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-button.p-button-link { @@ -2342,20 +2499,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #64B5F6; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.1rem #93cbf9; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #64B5F6; border-color: transparent; @@ -2447,11 +2604,11 @@ color: #64B5F6; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(100, 181, 246, 0.04); color: #64B5F6; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(100, 181, 246, 0.16); color: #64B5F6; } @@ -2459,11 +2616,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2472,12 +2629,12 @@ color: #64B5F6; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(100, 181, 246, 0.04); color: #64B5F6; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(100, 181, 246, 0.16); color: #64B5F6; border-color: transparent; @@ -2485,11 +2642,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2519,176 +2676,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3012,10 +3169,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #304562; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -3153,295 +3306,6 @@ padding: 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #304562; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #304562; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #43a5f4; - border: 1px solid #43a5f4; - color: #212529; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #1f2d40; - border: 1px solid #304562; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #212529; - background: #64B5F6; - border: 1px solid #64B5F6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #43a5f4; - color: #212529; - border-color: #43a5f4; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #2396f2; - color: #212529; - border-color: #2396f2; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #64B5F6; - border-color: #64B5F6; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #43a5f4; - border-color: #43a5f4; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #304562; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #1f2d40; - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #304562; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1f2d40; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #304562; - padding: 1rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #212529; - background: #43a5f4; - border-color: #43a5f4; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #212529; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #43a5f4; - border-color: #43a5f4; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1f2d40; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #212529; - background: #64B5F6; - border: 1px solid #64B5F6; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #43a5f4; - color: #212529; - border-color: #43a5f4; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #2396f2; - color: #212529; - border-color: #2396f2; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #212529; - background: #64B5F6; - border: 1px solid #64B5F6; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #64B5F6; - border-color: #64B5F6; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #43a5f4; - border-color: #43a5f4; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(100, 181, 246, 0.16); - } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3480,6 +3344,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3489,15 +3354,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3681,6 +3552,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; @@ -3690,15 +3562,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3757,6 +3635,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; @@ -3793,11 +3677,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: rgba(100, 181, 246, 0.16); color: rgba(255, 255, 255, 0.87); @@ -4309,15 +4188,19 @@ border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4789,7 +4672,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4802,7 +4686,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4812,7 +4697,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4933,7 +4819,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4946,7 +4833,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4956,7 +4844,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -5013,7 +4902,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } @@ -5052,7 +4942,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5065,7 +4956,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5075,7 +4967,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5147,7 +5040,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5177,7 +5071,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5190,7 +5085,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5200,7 +5096,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5391,7 +5288,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5404,7 +5302,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5414,7 +5313,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5496,7 +5396,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5509,7 +5410,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5519,7 +5421,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5732,7 +5635,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5745,7 +5649,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5755,7 +5660,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5776,7 +5682,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5785,7 +5691,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5794,7 +5700,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5803,7 +5709,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5849,7 +5755,7 @@ box-shadow: 0 0 0 1px #93cbf9; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5861,7 +5767,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5873,7 +5779,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5885,7 +5791,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5959,7 +5865,7 @@ box-shadow: 0 0 0 1px #93cbf9; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5969,7 +5875,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5979,7 +5885,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5989,7 +5895,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -6187,23 +6093,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #78909C; + background-color: #78909c; color: #ffffff; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-badge.p-badge-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-badge.p-badge-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-badge.p-badge-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-badge.p-badge-lg { @@ -6325,19 +6231,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-tag .p-tag-icon { diff --git a/src/assets/components/themes/vela-green/theme.css b/src/assets/components/themes/vela-green/theme.css index ee46f089c1c..2b14b4b6012 100644 --- a/src/assets/components/themes/vela-green/theme.css +++ b/src/assets/components/themes/vela-green/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#1f2d40; - --surface-b:#17212f; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#304562; - --surface-e:#1f2d40; - --surface-f:#1f2d40; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#81C784; - --primary-color-text:#212529; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #1f2d40; + --surface-b: #17212f; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #304562; + --surface-e: #1f2d40; + --surface-f: #1f2d40; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #81C784; + --primary-color-text: #212529; --surface-0: #17212f; --surface-50: #2e3744; --surface-100: #454d59; @@ -22,7 +24,7 @@ --surface-700: #d1d3d5; --surface-800: #e8e9ea; --surface-900: #ffffff; - --gray-50:#e8e9ea; + --gray-50: #e8e9ea; --gray-100: #d1d3d5; --gray-200: #b9bcc1; --gray-300: #a2a6ac; @@ -32,15 +34,15 @@ --gray-700: #454d59; --gray-800: #2e3744; --gray-900: #17212f; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#17212f; - --surface-section:#17212f; - --surface-card:#1f2d40; - --surface-overlay:#1f2d40; - --surface-border:#304562; - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #17212f; + --surface-section: #17212f; + --surface-card: #1f2d40; + --surface-overlay: #1f2d40; + --surface-border: #304562; + --surface-hover: rgba(255, 255, 255, 0.03); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(129, 199, 132, 0.16); --highlight-text-color: rgba(255, 255, 255, 0.87); @@ -171,6 +173,105 @@ --primary-900:#345035; } +.p-editor-container .p-editor-toolbar { + background: #1f2d40; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-content .ql-editor { + background: #17212f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #81C784; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #81C784; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #81C784; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #81C784; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.857rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #81C784; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; - background: rgba(129, 199, 132, 0.16); + background: #304562; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3e526d; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } @@ -309,18 +413,20 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -347,6 +457,13 @@ border-color: #ef9a9a; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } + .p-datepicker { padding: 0.5rem; background: #1f2d40; @@ -607,6 +724,9 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #ef9a9a; + } .p-cascadeselect-panel { background: #1f2d40; @@ -626,33 +746,27 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #ef9a9a; - } .p-input-filled .p-cascadeselect { background: #304562; @@ -664,6 +778,10 @@ background-color: #304562; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -743,24 +861,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #81C784; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; - background: rgba(129, 199, 132, 0.16); + margin-right: 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3e526d; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -769,9 +892,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -833,7 +956,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -848,6 +971,9 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #ef9a9a; + } .p-dropdown-panel { background: #1f2d40; @@ -889,14 +1015,16 @@ color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); + background: rgba(255, 255, 255, 0.09); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.03); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -905,9 +1033,10 @@ background: #1f2d40; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #ef9a9a; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -923,105 +1052,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #1f2d40; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #304562; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #304562; - } - .p-editor-container .p-editor-content .ql-editor { - background: #17212f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #81C784; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #81C784; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #81C784; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #81C784; - } - .p-inputgroup-addon { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -1278,6 +1308,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; @@ -1300,6 +1331,7 @@ } .p-listbox .p-listbox-list { padding: 0.5rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1313,11 +1345,6 @@ color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1333,10 +1360,23 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ef9a9a; @@ -1364,14 +1404,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.5rem; - background: rgba(129, 199, 132, 0.16); + margin-right: 0.5rem; + background: #304562; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1384,10 +1422,18 @@ border-bottom-right-radius: 3px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-multiselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1450,15 +1496,17 @@ color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1475,10 +1523,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #ef9a9a; - } - .p-input-filled .p-multiselect { background: #304562; } @@ -1489,12 +1533,8 @@ background-color: #304562; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.5rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1514,13 +1554,13 @@ background: #304562; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; + background: #f48fb1; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; + background: #ffe082; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } p-password.p-password-clearable .p-password-input { @@ -1601,35 +1641,32 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f48fb1; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; + border-color: #81C784; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #81C784; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #81C784; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; } .p-selectbutton .p-button { @@ -1900,12 +1937,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #6abd6e; color: #212529; border-color: #6abd6e; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #54b358; color: #212529; border-color: #54b358; @@ -1915,12 +1952,12 @@ color: #81C784; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 199, 132, 0.04); color: #81C784; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 199, 132, 0.16); color: #81C784; border: 1px solid; @@ -1929,11 +1966,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -1942,12 +1979,12 @@ color: #81C784; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 199, 132, 0.04); color: #81C784; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(129, 199, 132, 0.16); color: #81C784; border-color: transparent; @@ -1955,11 +1992,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2043,298 +2080,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #78909C; - border: 1px solid #78909C; + background: #78909c; + border: 1px solid #78909c; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #69838f; color: #ffffff; border-color: #69838f; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a1b1ba; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #5d747f; color: #ffffff; border-color: #5d747f; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; + background: #81d4fa; + border: 1px solid #81d4fa; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #5dc8f9; color: #121212; border-color: #5dc8f9; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a7e1fc; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #38bbf7; color: #121212; border-color: #38bbf7; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; + background: #c5e1a5; + border: 1px solid #c5e1a5; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #b2d788; color: #121212; border-color: #b2d788; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d6eac0; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #9fce6b; color: #121212; border-color: #9fce6b; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #121212; - background: #FFE082; - border: 1px solid #FFE082; + background: #ffe082; + border: 1px solid #ffe082; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd65c; color: #121212; border-color: #ffd65c; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffe9a8; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffcd35; color: #121212; border-color: #ffcd35; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + background: #ce93d8; + border: 1px solid #ce93d8; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #c278ce; color: #121212; border-color: #c278ce; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ddb3e4; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #b65ec5; color: #121212; border-color: #b65ec5; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; + background: #f48fb1; + border: 1px solid #f48fb1; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #f16c98; color: #121212; border-color: #f16c98; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f7b1c8; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #ed4980; color: #121212; border-color: #ed4980; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-button.p-button-link { @@ -2342,20 +2499,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #81C784; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.1rem #a7d8a9; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #81C784; border-color: transparent; @@ -2447,11 +2604,11 @@ color: #81C784; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 199, 132, 0.04); color: #81C784; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 199, 132, 0.16); color: #81C784; } @@ -2459,11 +2616,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2472,12 +2629,12 @@ color: #81C784; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 199, 132, 0.04); color: #81C784; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 199, 132, 0.16); color: #81C784; border-color: transparent; @@ -2485,11 +2642,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2519,176 +2676,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3012,10 +3169,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #304562; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -3153,295 +3306,6 @@ padding: 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #304562; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #304562; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #6abd6e; - border: 1px solid #6abd6e; - color: #212529; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #1f2d40; - border: 1px solid #304562; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #212529; - background: #81C784; - border: 1px solid #81C784; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #6abd6e; - color: #212529; - border-color: #6abd6e; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #54b358; - color: #212529; - border-color: #54b358; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #81C784; - border-color: #81C784; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #6abd6e; - border-color: #6abd6e; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #304562; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #1f2d40; - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #304562; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1f2d40; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #304562; - padding: 1rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #212529; - background: #6abd6e; - border-color: #6abd6e; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #212529; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #6abd6e; - border-color: #6abd6e; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1f2d40; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #212529; - background: #81C784; - border: 1px solid #81C784; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #6abd6e; - color: #212529; - border-color: #6abd6e; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #54b358; - color: #212529; - border-color: #54b358; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #212529; - background: #81C784; - border: 1px solid #81C784; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #81C784; - border-color: #81C784; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #6abd6e; - border-color: #6abd6e; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(129, 199, 132, 0.16); - } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3480,6 +3344,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3489,15 +3354,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3681,6 +3552,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; @@ -3690,15 +3562,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3757,6 +3635,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; @@ -3793,11 +3677,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: rgba(129, 199, 132, 0.16); color: rgba(255, 255, 255, 0.87); @@ -4309,15 +4188,19 @@ border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4789,7 +4672,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4802,7 +4686,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4812,7 +4697,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4933,7 +4819,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4946,7 +4833,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4956,7 +4844,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -5013,7 +4902,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } @@ -5052,7 +4942,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5065,7 +4956,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5075,7 +4967,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5147,7 +5040,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5177,7 +5071,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5190,7 +5085,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5200,7 +5096,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5391,7 +5288,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5404,7 +5302,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5414,7 +5313,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5496,7 +5396,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5509,7 +5410,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5519,7 +5421,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5732,7 +5635,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5745,7 +5649,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5755,7 +5660,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5776,7 +5682,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5785,7 +5691,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5794,7 +5700,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5803,7 +5709,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5849,7 +5755,7 @@ box-shadow: 0 0 0 1px #a7d8a9; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5861,7 +5767,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5873,7 +5779,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5885,7 +5791,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5959,7 +5865,7 @@ box-shadow: 0 0 0 1px #a7d8a9; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5969,7 +5875,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5979,7 +5885,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5989,7 +5895,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -6187,23 +6093,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #78909C; + background-color: #78909c; color: #ffffff; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-badge.p-badge-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-badge.p-badge-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-badge.p-badge-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-badge.p-badge-lg { @@ -6325,19 +6231,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-tag .p-tag-icon { diff --git a/src/assets/components/themes/vela-orange/theme.css b/src/assets/components/themes/vela-orange/theme.css index 5227ea6e47b..c4c4c07d458 100644 --- a/src/assets/components/themes/vela-orange/theme.css +++ b/src/assets/components/themes/vela-orange/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#1f2d40; - --surface-b:#17212f; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#304562; - --surface-e:#1f2d40; - --surface-f:#1f2d40; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#FFD54F; - --primary-color-text:#212529; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #1f2d40; + --surface-b: #17212f; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #304562; + --surface-e: #1f2d40; + --surface-f: #1f2d40; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #FFD54F; + --primary-color-text: #212529; --surface-0: #17212f; --surface-50: #2e3744; --surface-100: #454d59; @@ -22,7 +24,7 @@ --surface-700: #d1d3d5; --surface-800: #e8e9ea; --surface-900: #ffffff; - --gray-50:#e8e9ea; + --gray-50: #e8e9ea; --gray-100: #d1d3d5; --gray-200: #b9bcc1; --gray-300: #a2a6ac; @@ -32,15 +34,15 @@ --gray-700: #454d59; --gray-800: #2e3744; --gray-900: #17212f; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#17212f; - --surface-section:#17212f; - --surface-card:#1f2d40; - --surface-overlay:#1f2d40; - --surface-border:#304562; - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #17212f; + --surface-section: #17212f; + --surface-card: #1f2d40; + --surface-overlay: #1f2d40; + --surface-border: #304562; + --surface-hover: rgba(255, 255, 255, 0.03); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(255, 213, 79, 0.16); --highlight-text-color: rgba(255, 255, 255, 0.87); @@ -171,6 +173,105 @@ --primary-900:#665520; } +.p-editor-container .p-editor-toolbar { + background: #1f2d40; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-content .ql-editor { + background: #17212f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFD54F; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFD54F; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFD54F; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFD54F; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.857rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #FFD54F; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; - background: rgba(255, 213, 79, 0.16); + background: #304562; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3e526d; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } @@ -309,18 +413,20 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -347,6 +457,13 @@ border-color: #ef9a9a; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } + .p-datepicker { padding: 0.5rem; background: #1f2d40; @@ -607,6 +724,9 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #ef9a9a; + } .p-cascadeselect-panel { background: #1f2d40; @@ -626,33 +746,27 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #ef9a9a; - } .p-input-filled .p-cascadeselect { background: #304562; @@ -664,6 +778,10 @@ background-color: #304562; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -743,24 +861,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #FFD54F; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; - background: rgba(255, 213, 79, 0.16); + margin-right: 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3e526d; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -769,9 +892,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -833,7 +956,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -848,6 +971,9 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #ef9a9a; + } .p-dropdown-panel { background: #1f2d40; @@ -889,14 +1015,16 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); + background: rgba(255, 255, 255, 0.09); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.03); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -905,9 +1033,10 @@ background: #1f2d40; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #ef9a9a; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -923,105 +1052,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #1f2d40; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #304562; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #304562; - } - .p-editor-container .p-editor-content .ql-editor { - background: #17212f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #FFD54F; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #FFD54F; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #FFD54F; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #FFD54F; - } - .p-inputgroup-addon { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -1278,6 +1308,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; @@ -1300,6 +1331,7 @@ } .p-listbox .p-listbox-list { padding: 0.5rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1313,11 +1345,6 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1333,10 +1360,23 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ef9a9a; @@ -1364,14 +1404,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.5rem; - background: rgba(255, 213, 79, 0.16); + margin-right: 0.5rem; + background: #304562; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1384,10 +1422,18 @@ border-bottom-right-radius: 3px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-multiselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1450,15 +1496,17 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1475,10 +1523,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #ef9a9a; - } - .p-input-filled .p-multiselect { background: #304562; } @@ -1489,12 +1533,8 @@ background-color: #304562; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.5rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1514,13 +1554,13 @@ background: #304562; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; + background: #f48fb1; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; + background: #ffe082; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } p-password.p-password-clearable .p-password-input { @@ -1601,35 +1641,32 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f48fb1; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; + border-color: #FFD54F; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #FFD54F; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #FFD54F; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; } .p-selectbutton .p-button { @@ -1900,12 +1937,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #ffcd2e; color: #212529; border-color: #ffcd2e; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #ffc50c; color: #212529; border-color: #ffc50c; @@ -1915,12 +1952,12 @@ color: #FFD54F; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 213, 79, 0.04); color: #FFD54F; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 213, 79, 0.16); color: #FFD54F; border: 1px solid; @@ -1929,11 +1966,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -1942,12 +1979,12 @@ color: #FFD54F; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 213, 79, 0.04); color: #FFD54F; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(255, 213, 79, 0.16); color: #FFD54F; border-color: transparent; @@ -1955,11 +1992,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2043,298 +2080,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #78909C; - border: 1px solid #78909C; + background: #78909c; + border: 1px solid #78909c; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #69838f; color: #ffffff; border-color: #69838f; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a1b1ba; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #5d747f; color: #ffffff; border-color: #5d747f; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; + background: #81d4fa; + border: 1px solid #81d4fa; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #5dc8f9; color: #121212; border-color: #5dc8f9; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a7e1fc; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #38bbf7; color: #121212; border-color: #38bbf7; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; + background: #c5e1a5; + border: 1px solid #c5e1a5; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #b2d788; color: #121212; border-color: #b2d788; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d6eac0; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #9fce6b; color: #121212; border-color: #9fce6b; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #121212; - background: #FFE082; - border: 1px solid #FFE082; + background: #ffe082; + border: 1px solid #ffe082; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd65c; color: #121212; border-color: #ffd65c; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffe9a8; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffcd35; color: #121212; border-color: #ffcd35; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + background: #ce93d8; + border: 1px solid #ce93d8; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #c278ce; color: #121212; border-color: #c278ce; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ddb3e4; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #b65ec5; color: #121212; border-color: #b65ec5; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; + background: #f48fb1; + border: 1px solid #f48fb1; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #f16c98; color: #121212; border-color: #f16c98; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f7b1c8; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #ed4980; color: #121212; border-color: #ed4980; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-button.p-button-link { @@ -2342,20 +2499,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #FFD54F; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.1rem #ffe284; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #FFD54F; border-color: transparent; @@ -2447,11 +2604,11 @@ color: #FFD54F; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 213, 79, 0.04); color: #FFD54F; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 213, 79, 0.16); color: #FFD54F; } @@ -2459,11 +2616,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2472,12 +2629,12 @@ color: #FFD54F; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 213, 79, 0.04); color: #FFD54F; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 213, 79, 0.16); color: #FFD54F; border-color: transparent; @@ -2485,11 +2642,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2519,176 +2676,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3012,10 +3169,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #304562; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -3153,295 +3306,6 @@ padding: 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #304562; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #304562; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #ffcd2e; - border: 1px solid #ffcd2e; - color: #212529; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #1f2d40; - border: 1px solid #304562; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #212529; - background: #FFD54F; - border: 1px solid #FFD54F; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #ffcd2e; - color: #212529; - border-color: #ffcd2e; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #ffc50c; - color: #212529; - border-color: #ffc50c; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #FFD54F; - border-color: #FFD54F; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #ffcd2e; - border-color: #ffcd2e; - color: #212529; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #304562; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #1f2d40; - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #304562; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1f2d40; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #304562; - padding: 1rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #212529; - background: #ffcd2e; - border-color: #ffcd2e; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #212529; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #ffcd2e; - border-color: #ffcd2e; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1f2d40; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #212529; - background: #FFD54F; - border: 1px solid #FFD54F; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #ffcd2e; - color: #212529; - border-color: #ffcd2e; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #ffc50c; - color: #212529; - border-color: #ffc50c; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #212529; - background: #FFD54F; - border: 1px solid #FFD54F; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #FFD54F; - border-color: #FFD54F; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #ffcd2e; - border-color: #ffcd2e; - color: #212529; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 213, 79, 0.16); - } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3480,6 +3344,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3489,15 +3354,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3681,6 +3552,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; @@ -3690,15 +3562,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3757,6 +3635,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; @@ -3793,11 +3677,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: rgba(255, 213, 79, 0.16); color: rgba(255, 255, 255, 0.87); @@ -4309,15 +4188,19 @@ border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4789,7 +4672,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4802,7 +4686,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4812,7 +4697,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4933,7 +4819,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4946,7 +4833,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4956,7 +4844,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -5013,7 +4902,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } @@ -5052,7 +4942,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5065,7 +4956,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5075,7 +4967,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5147,7 +5040,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5177,7 +5071,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5190,7 +5085,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5200,7 +5096,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5391,7 +5288,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5404,7 +5302,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5414,7 +5313,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5496,7 +5396,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5509,7 +5410,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5519,7 +5421,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5732,7 +5635,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5745,7 +5649,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5755,7 +5660,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5776,7 +5682,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5785,7 +5691,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5794,7 +5700,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5803,7 +5709,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5849,7 +5755,7 @@ box-shadow: 0 0 0 1px #ffe284; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5861,7 +5767,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5873,7 +5779,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5885,7 +5791,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5959,7 +5865,7 @@ box-shadow: 0 0 0 1px #ffe284; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5969,7 +5875,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5979,7 +5885,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5989,7 +5895,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -6187,23 +6093,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #78909C; + background-color: #78909c; color: #ffffff; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-badge.p-badge-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-badge.p-badge-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-badge.p-badge-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-badge.p-badge-lg { @@ -6325,19 +6231,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-tag .p-tag-icon { diff --git a/src/assets/components/themes/vela-purple/theme.css b/src/assets/components/themes/vela-purple/theme.css index 5e366ea2144..e6d59bdf070 100644 --- a/src/assets/components/themes/vela-purple/theme.css +++ b/src/assets/components/themes/vela-purple/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#1f2d40; - --surface-b:#17212f; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#304562; - --surface-e:#1f2d40; - --surface-f:#1f2d40; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#BA68C8; - --primary-color-text:#ffffff; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #1f2d40; + --surface-b: #17212f; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #304562; + --surface-e: #1f2d40; + --surface-f: #1f2d40; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #BA68C8; + --primary-color-text: #ffffff; --surface-0: #17212f; --surface-50: #2e3744; --surface-100: #454d59; @@ -22,7 +24,7 @@ --surface-700: #d1d3d5; --surface-800: #e8e9ea; --surface-900: #ffffff; - --gray-50:#e8e9ea; + --gray-50: #e8e9ea; --gray-100: #d1d3d5; --gray-200: #b9bcc1; --gray-300: #a2a6ac; @@ -32,15 +34,15 @@ --gray-700: #454d59; --gray-800: #2e3744; --gray-900: #17212f; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#17212f; - --surface-section:#17212f; - --surface-card:#1f2d40; - --surface-overlay:#1f2d40; - --surface-border:#304562; - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #17212f; + --surface-section: #17212f; + --surface-card: #1f2d40; + --surface-overlay: #1f2d40; + --surface-border: #304562; + --surface-hover: rgba(255, 255, 255, 0.03); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(186, 104, 200, 0.16); --highlight-text-color: rgba(255, 255, 255, 0.87); @@ -171,6 +173,105 @@ --primary-900:#4a2a50; } +.p-editor-container .p-editor-toolbar { + background: #1f2d40; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1f2d40; + border: 1px solid #304562; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #304562; +} +.p-editor-container .p-editor-content .ql-editor { + background: #17212f; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #BA68C8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #BA68C8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #BA68C8; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #BA68C8; +} + @layer primeng { * { box-sizing: border-box; @@ -252,41 +353,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.857rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #BA68C8; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; - background: rgba(186, 104, 200, 0.16); + background: #304562; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #3e526d; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } @@ -309,18 +413,20 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.09); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -330,6 +436,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ef9a9a; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -347,6 +457,13 @@ border-color: #ef9a9a; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } + .p-datepicker { padding: 0.5rem; background: #1f2d40; @@ -607,6 +724,9 @@ border-top-right-radius: 3px; border-bottom-right-radius: 3px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #ef9a9a; + } .p-cascadeselect-panel { background: #1f2d40; @@ -626,33 +746,27 @@ transition: box-shadow 0.2s; border-radius: 0; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #ef9a9a; - } .p-input-filled .p-cascadeselect { background: #304562; @@ -664,6 +778,10 @@ background-color: #304562; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ef9a9a; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } @@ -743,24 +861,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.5rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #BA68C8; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; - background: rgba(186, 104, 200, 0.16); + margin-right: 0.5rem; + background: #304562; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #3e526d; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -769,9 +892,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -833,7 +956,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -848,6 +971,9 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } + .p-dropdown.p-invalid.p-component { + border-color: #ef9a9a; + } .p-dropdown-panel { background: #1f2d40; @@ -889,14 +1015,16 @@ color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); + background: rgba(255, 255, 255, 0.09); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(255, 255, 255, 0.03); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -905,9 +1033,10 @@ background: #1f2d40; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #ef9a9a; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -923,105 +1052,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #1f2d40; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #304562; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #1f2d40; - border: 1px solid #304562; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 0.5rem 0; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #304562; - } - .p-editor-container .p-editor-content .ql-editor { - background: #17212f; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #BA68C8; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #BA68C8; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #BA68C8; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #BA68C8; - } - .p-inputgroup-addon { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -1278,6 +1308,7 @@ color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; @@ -1300,6 +1331,7 @@ } .p-listbox .p-listbox-list { padding: 0.5rem 0; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; @@ -1313,11 +1345,6 @@ color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1333,10 +1360,23 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #ef9a9a; @@ -1364,14 +1404,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.5rem; - background: rgba(186, 104, 200, 0.16); + margin-right: 0.5rem; + background: #304562; color: rgba(255, 255, 255, 0.87); - border-radius: 3px; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1384,10 +1422,18 @@ border-bottom-right-radius: 3px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.357rem; + } + .p-multiselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1450,15 +1496,17 @@ color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1475,10 +1523,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #ef9a9a; - } - .p-input-filled .p-multiselect { background: #304562; } @@ -1489,12 +1533,8 @@ background-color: #304562; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.5rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.357rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ef9a9a; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1514,13 +1554,13 @@ background: #304562; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; + background: #f48fb1; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; + background: #ffe082; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } p-password.p-password-clearable .p-password-input { @@ -1601,35 +1641,32 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #F48FB1; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #f48fb1; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; + border-color: #BA68C8; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #BA68C8; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #BA68C8; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { - color: #F48FB1; + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #f48fb1; } .p-selectbutton .p-button { @@ -1900,12 +1937,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #b052c0; color: #ffffff; border-color: #b052c0; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #a241b2; color: #ffffff; border-color: #a241b2; @@ -1915,12 +1952,12 @@ color: #BA68C8; border: 1px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(186, 104, 200, 0.04); color: #BA68C8; border: 1px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(186, 104, 200, 0.16); color: #BA68C8; border: 1px solid; @@ -1929,11 +1966,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -1942,12 +1979,12 @@ color: #BA68C8; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(186, 104, 200, 0.04); color: #BA68C8; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(186, 104, 200, 0.16); color: #BA68C8; border-color: transparent; @@ -1955,11 +1992,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2043,298 +2080,418 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #78909C; - border: 1px solid #78909C; + background: #78909c; + border: 1px solid #78909c; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #69838f; color: #ffffff; border-color: #69838f; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a1b1ba; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #5d747f; color: #ffffff; border-color: #5d747f; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; border: 1px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; + background: #81d4fa; + border: 1px solid #81d4fa; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #5dc8f9; color: #121212; border-color: #5dc8f9; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #a7e1fc; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #38bbf7; color: #121212; border-color: #38bbf7; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; + background: #c5e1a5; + border: 1px solid #c5e1a5; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #b2d788; color: #121212; border-color: #b2d788; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #d6eac0; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #9fce6b; color: #121212; border-color: #9fce6b; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #121212; - background: #FFE082; - border: 1px solid #FFE082; + background: #ffe082; + border: 1px solid #ffe082; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd65c; color: #121212; border-color: #ffd65c; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ffe9a8; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffcd35; color: #121212; border-color: #ffcd35; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + background: #ce93d8; + border: 1px solid #ce93d8; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #c278ce; color: #121212; border-color: #c278ce; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ddb3e4; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #b65ec5; color: #121212; border-color: #b65ec5; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; + background: #f48fb1; + border: 1px solid #f48fb1; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #f16c98; color: #121212; border-color: #f16c98; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f7b1c8; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #ed4980; color: #121212; border-color: #ed4980; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-button.p-button-link { @@ -2342,20 +2499,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #BA68C8; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.1rem #cf95d9; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #BA68C8; border-color: transparent; @@ -2447,11 +2604,11 @@ color: #BA68C8; border: 1px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(186, 104, 200, 0.04); color: #BA68C8; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(186, 104, 200, 0.16); color: #BA68C8; } @@ -2459,11 +2616,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2472,12 +2629,12 @@ color: #BA68C8; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(186, 104, 200, 0.04); color: #BA68C8; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(186, 104, 200, 0.16); color: #BA68C8; border-color: transparent; @@ -2485,11 +2642,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2519,176 +2676,176 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -3012,10 +3169,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #304562; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -3153,295 +3306,6 @@ padding: 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #304562; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #304562; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #b052c0; - border: 1px solid #b052c0; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #1f2d40; - border: 1px solid #304562; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #BA68C8; - border: 1px solid #BA68C8; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #b052c0; - color: #ffffff; - border-color: #b052c0; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #a241b2; - color: #ffffff; - border-color: #a241b2; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #BA68C8; - border-color: #BA68C8; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #b052c0; - border-color: #b052c0; - color: #ffffff; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #304562; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #1f2d40; - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #304562; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #1f2d40; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #304562; - padding: 1rem; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 1px solid #304562; - background: #1f2d40; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #b052c0; - border-color: #b052c0; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #b052c0; - border-color: #b052c0; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #1f2d40; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #BA68C8; - border: 1px solid #BA68C8; - font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #b052c0; - color: #ffffff; - border-color: #b052c0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #a241b2; - color: #ffffff; - border-color: #a241b2; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #ffffff; - background: #BA68C8; - border: 1px solid #BA68C8; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #1f2d40; - border: 1px solid #304562; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(255, 255, 255, 0.03); - border-color: #304562; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #BA68C8; - border-color: #BA68C8; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #b052c0; - border-color: #b052c0; - color: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(186, 104, 200, 0.16); - } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3480,6 +3344,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3489,15 +3354,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3681,6 +3552,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; @@ -3690,15 +3562,21 @@ background: transparent; transition: box-shadow 0.2s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.03); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3757,6 +3635,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; @@ -3793,11 +3677,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: rgba(186, 104, 200, 0.16); color: rgba(255, 255, 255, 0.87); @@ -4309,15 +4188,19 @@ border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4789,7 +4672,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4802,7 +4686,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4812,7 +4697,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4933,7 +4819,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4946,7 +4833,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4956,7 +4844,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -5013,7 +4902,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } @@ -5052,7 +4942,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5065,7 +4956,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5075,7 +4967,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5147,7 +5040,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5177,7 +5071,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5190,7 +5085,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5200,7 +5096,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5391,7 +5288,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5404,7 +5302,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5414,7 +5313,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5496,7 +5396,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5509,7 +5410,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5519,7 +5421,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5732,7 +5635,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5745,7 +5649,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5755,7 +5660,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { @@ -5776,7 +5682,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5785,7 +5691,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5794,7 +5700,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5803,7 +5709,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5849,7 +5755,7 @@ box-shadow: 0 0 0 1px #cf95d9; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5861,7 +5767,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5873,7 +5779,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5885,7 +5791,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5959,7 +5865,7 @@ box-shadow: 0 0 0 1px #cf95d9; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5969,7 +5875,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5979,7 +5885,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5989,7 +5895,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -6187,23 +6093,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #78909C; + background-color: #78909c; color: #ffffff; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-badge.p-badge-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-badge.p-badge-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-badge.p-badge-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-badge.p-badge-lg { @@ -6325,19 +6231,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-tag .p-tag-icon { diff --git a/src/assets/components/themes/viva-dark/theme.css b/src/assets/components/themes/viva-dark/theme.css index 81f3136267c..96e6a22e07b 100644 --- a/src/assets/components/themes/viva-dark/theme.css +++ b/src/assets/components/themes/viva-dark/theme.css @@ -1,16 +1,16 @@ :root { font-family: Poppins, sans-serif; - --font-family:Poppins, sans-serif; - --surface-a:#161d21; - --surface-b:#0e1315; - --surface-c:rgba(158, 173, 230, 0.08); - --surface-d:#263238; - --surface-e:#161d21; - --surface-f:#161d21; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#9eade6; - --primary-color-text:#121212; + --font-family: Poppins, sans-serif; + --surface-a: #161d21; + --surface-b: #0e1315; + --surface-c: rgba(158, 173, 230, 0.08); + --surface-d: #263238; + --surface-e: #161d21; + --surface-f: #161d21; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #9eade6; + --primary-color-text: #121212; --surface-0: #0e1315; --surface-50: #262b2c; --surface-100: #3e4244; @@ -32,15 +32,15 @@ --gray-700: #3e4244; --gray-800: #262b2c; --gray-900: #0e1315; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#0e1315; - --surface-section:#0e1315; - --surface-card:#161d21; - --surface-overlay:#161d21; - --surface-border:#263238; - --surface-hover:rgba($primaryColor, .08); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #0e1315; + --surface-section: #0e1315; + --surface-card: #161d21; + --surface-overlay: #161d21; + --surface-border: #263238; + --surface-hover: rgba($primaryColor, 0.08); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(158, 173, 230, 0.16); --highlight-text-color: #9eade6; @@ -203,6 +203,105 @@ --primary-900:#3f455c; } +.p-editor-container .p-editor-toolbar { + background: #161d21; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 2px solid #263238; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #161d21; + border: 1px solid #263238; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 0.5rem 0.5rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 2px solid #263238; +} +.p-editor-container .p-editor-content .ql-editor { + background: #0e1315; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #9eade6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #9eade6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #9eade6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #9eade6; +} + @layer primeng { * { box-sizing: border-box; @@ -284,41 +383,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.607rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #2d3e44; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; border-color: #9eade6; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.75rem; - background: rgba(158, 173, 230, 0.16); - color: #9eade6; - border-radius: 6px; + background: #263238; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #2d3e44; + color: rgba(255, 255, 255, 0.87); + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f78c79; } @@ -341,18 +443,20 @@ transition: box-shadow 0.3s; border-radius: 6px; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(158, 173, 230, 0.08); - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #9eade6; background: rgba(158, 173, 230, 0.16); } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(158, 173, 230, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(158, 173, 230, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -362,6 +466,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f78c79; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -379,6 +487,13 @@ border-color: #f78c79; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + border-color: #9eade6; + } + .p-datepicker { padding: 0.5rem; background: #161d21; @@ -639,6 +754,9 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #f78c79; + } .p-cascadeselect-panel { background: #161d21; @@ -658,33 +776,27 @@ transition: box-shadow 0.3s; border-radius: 6px; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #9eade6; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #9eade6; background: rgba(158, 173, 230, 0.16); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(158, 173, 230, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f78c79; - } .p-input-filled .p-cascadeselect { background: #263238; @@ -696,6 +808,10 @@ background-color: #263238; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f78c79; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -775,24 +891,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #2d3e44; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; border-color: #9eade6; } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.75rem; - background: rgba(158, 173, 230, 0.16); - color: #9eade6; - border-radius: 6px; + margin-right: 0.5rem; + background: #263238; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #2d3e44; + color: rgba(255, 255, 255, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -801,9 +922,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; @@ -865,7 +986,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -880,6 +1001,9 @@ color: rgba(255, 255, 255, 0.6); right: 2.857rem; } + .p-dropdown.p-invalid.p-component { + border-color: #f78c79; + } .p-dropdown-panel { background: #161d21; @@ -921,14 +1045,16 @@ color: #9eade6; background: rgba(158, 173, 230, 0.16); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(158, 173, 230, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: rgba(158, 173, 230, 0.08); + background: rgba(158, 173, 230, 0.1); } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); - background: transparent; + background: rgba(158, 173, 230, 0.08); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -937,9 +1063,10 @@ background: #161d21; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f78c79; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; } .p-input-filled .p-dropdown { @@ -955,105 +1082,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #161d21; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 2px solid #263238; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: rgba(255, 255, 255, 0.6); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #161d21; - border: 1px solid #263238; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 0.5rem 0.5rem; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(158, 173, 230, 0.08); - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 2px solid #263238; - } - .p-editor-container .p-editor-content .ql-editor { - background: #0e1315; - color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: rgba(255, 255, 255, 0.87); - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #9eade6; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #9eade6; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #9eade6; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #9eade6; - } - .p-inputgroup-addon { background: #161d21; color: rgba(255, 255, 255, 0.6); @@ -1310,6 +1338,7 @@ color: rgba(255, 255, 255, 0.87); border: 2px solid #263238; border-radius: 6px; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; } .p-listbox .p-listbox-header { padding: 0.5rem 1.5rem; @@ -1332,6 +1361,7 @@ } .p-listbox .p-listbox-list { padding: 0.5rem 0.5rem; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0 0 4px 0; @@ -1345,11 +1375,6 @@ color: #9eade6; background: rgba(158, 173, 230, 0.16); } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #9eade6; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1365,10 +1390,23 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(158, 173, 230, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + border-color: #9eade6; + } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f78c79; @@ -1396,14 +1434,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.75rem; - background: rgba(158, 173, 230, 0.16); - color: #9eade6; - border-radius: 6px; + margin-right: 0.5rem; + background: #263238; + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1416,10 +1452,18 @@ border-bottom-right-radius: 6px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.857rem; + } + .p-multiselect-panel { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -1482,15 +1526,17 @@ color: #9eade6; background: rgba(158, 173, 230, 0.16); } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(158, 173, 230, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #9eade6; - } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } @@ -1507,10 +1553,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f78c79; - } - .p-input-filled .p-multiselect { background: #263238; } @@ -1521,12 +1563,8 @@ background-color: #263238; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 2.857rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f78c79; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1633,34 +1671,31 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); - margin-left: 0.5rem; transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #dF7E6C; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #df7e6c; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; + border-color: #9eade6; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #9eade6; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #9eade6; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f88c79; } @@ -1932,12 +1967,12 @@ transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; border-radius: 6px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #8fa0e2; color: #121212; border-color: #8fa0e2; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #7f93de; color: #121212; border-color: #7f93de; @@ -1947,12 +1982,12 @@ color: #9eade6; border: 2px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(158, 173, 230, 0.04); color: #9eade6; border: 2px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(158, 173, 230, 0.16); color: #9eade6; border: 2px solid; @@ -1961,11 +1996,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:hover { + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: rgba(158, 173, 230, 0.08); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -1974,12 +2009,12 @@ color: #9eade6; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(158, 173, 230, 0.04); color: #9eade6; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(158, 173, 230, 0.16); color: #9eade6; border-color: transparent; @@ -1987,11 +2022,11 @@ .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:hover { + .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: rgba(158, 173, 230, 0.08); color: rgba(255, 255, 255, 0.6); } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2075,295 +2110,415 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #0e1315; background: #b4bfcd; border: 1px solid #b4bfcd; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #9dabbe; color: #0e1315; border-color: #9dabbe; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 1px #e1e5eb; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #8698ae; color: #0e1315; border-color: #8698ae; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #b4bfcd; border: 2px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(180, 191, 205, 0.04); color: #b4bfcd; border: 2px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(180, 191, 205, 0.16); color: #b4bfcd; border: 2px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #b4bfcd; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(180, 191, 205, 0.04); border-color: transparent; color: #b4bfcd; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(180, 191, 205, 0.16); border-color: transparent; color: #b4bfcd; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #35a4cc; border: 1px solid #35a4cc; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #2f94b9; color: #ffffff; border-color: #2f94b9; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #aedbeb; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #2984a4; color: #ffffff; border-color: #2984a4; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #35a4cc; border: 2px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(53, 164, 204, 0.04); color: #35a4cc; border: 2px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(53, 164, 204, 0.16); color: #35a4cc; border: 2px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #35a4cc; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(53, 164, 204, 0.04); border-color: transparent; color: #35a4cc; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(53, 164, 204, 0.16); border-color: transparent; color: #35a4cc; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #0e1315; background: #cede9c; border: 1px solid #cede9c; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #c0d580; color: #0e1315; border-color: #c0d580; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #ebf2d7; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #b2cb63; color: #0e1315; border-color: #b2cb63; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #cede9c; border: 2px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(206, 222, 156, 0.04); color: #cede9c; border: 2px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(206, 222, 156, 0.16); color: #cede9c; border: 2px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #cede9c; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(206, 222, 156, 0.04); border-color: transparent; color: #cede9c; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(206, 222, 156, 0.16); border-color: transparent; color: #cede9c; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #0e1315; background: #ffe08a; border: 1px solid #ffe08a; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ffd663; color: #0e1315; border-color: #ffd663; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #fff3d0; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ffcb3b; color: #0e1315; border-color: #ffcb3b; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ffe08a; border: 2px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 138, 0.04); color: #ffe08a; border: 2px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 138, 0.16); color: #ffe08a; border: 2px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ffe08a; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 138, 0.04); border-color: transparent; color: #ffe08a; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 138, 0.16); border-color: transparent; color: #ffe08a; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #0e1315; background: #b09ce5; border: 1px solid #b09ce5; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #987edd; color: #0e1315; border-color: #987edd; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #dfd7f5; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #7f5fd5; color: #0e1315; border-color: #7f5fd5; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #b09ce5; border: 2px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(176, 156, 229, 0.04); color: #b09ce5; border: 2px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(176, 156, 229, 0.16); color: #b09ce5; border: 2px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #b09ce5; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(176, 156, 229, 0.04); border-color: transparent; color: #b09ce5; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(176, 156, 229, 0.16); border-color: transparent; color: #b09ce5; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #0e1315; background: #e693a9; border: 1px solid #e693a9; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #df7491; color: #0e1315; border-color: #df7491; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 1px #f5d4dd; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #d85678; color: #0e1315; border-color: #d85678; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #e693a9; border: 2px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(230, 147, 169, 0.04); color: #e693a9; border: 2px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(230, 147, 169, 0.16); color: #e693a9; border: 2px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #e693a9; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(230, 147, 169, 0.04); border-color: transparent; color: #e693a9; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(230, 147, 169, 0.16); border-color: transparent; color: #e693a9; @@ -2374,20 +2529,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #7f93de; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 1px #9eade6; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #7f93de; border-color: transparent; @@ -2479,11 +2634,11 @@ color: #9eade6; border: 2px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(158, 173, 230, 0.04); color: #9eade6; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(158, 173, 230, 0.16); color: #9eade6; } @@ -2491,11 +2646,11 @@ color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: rgba(158, 173, 230, 0.08); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2504,12 +2659,12 @@ color: #9eade6; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(158, 173, 230, 0.04); color: #9eade6; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(158, 173, 230, 0.16); color: #9eade6; border-color: transparent; @@ -2517,11 +2672,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: rgba(158, 173, 230, 0.08); color: rgba(255, 255, 255, 0.6); } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } @@ -2554,11 +2709,11 @@ color: #b4bfcd; border: 2px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(180, 191, 205, 0.04); color: #b4bfcd; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(180, 191, 205, 0.16); color: #b4bfcd; } @@ -2567,12 +2722,12 @@ color: #b4bfcd; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(180, 191, 205, 0.04); border-color: transparent; color: #b4bfcd; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(180, 191, 205, 0.16); border-color: transparent; color: #b4bfcd; @@ -2583,11 +2738,11 @@ color: #35a4cc; border: 2px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(53, 164, 204, 0.04); color: #35a4cc; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(53, 164, 204, 0.16); color: #35a4cc; } @@ -2596,12 +2751,12 @@ color: #35a4cc; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(53, 164, 204, 0.04); border-color: transparent; color: #35a4cc; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(53, 164, 204, 0.16); border-color: transparent; color: #35a4cc; @@ -2612,11 +2767,11 @@ color: #cede9c; border: 2px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 222, 156, 0.04); color: #cede9c; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 222, 156, 0.16); color: #cede9c; } @@ -2625,12 +2780,12 @@ color: #cede9c; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 222, 156, 0.04); border-color: transparent; color: #cede9c; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 222, 156, 0.16); border-color: transparent; color: #cede9c; @@ -2641,11 +2796,11 @@ color: #ffe08a; border: 2px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 138, 0.04); color: #ffe08a; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 138, 0.16); color: #ffe08a; } @@ -2654,12 +2809,12 @@ color: #ffe08a; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 138, 0.04); border-color: transparent; color: #ffe08a; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 138, 0.16); border-color: transparent; color: #ffe08a; @@ -2670,11 +2825,11 @@ color: #b09ce5; border: 2px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(176, 156, 229, 0.04); color: #b09ce5; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(176, 156, 229, 0.16); color: #b09ce5; } @@ -2683,12 +2838,12 @@ color: #b09ce5; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(176, 156, 229, 0.04); border-color: transparent; color: #b09ce5; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(176, 156, 229, 0.16); border-color: transparent; color: #b09ce5; @@ -2699,11 +2854,11 @@ color: #e693a9; border: 2px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(230, 147, 169, 0.04); color: #e693a9; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(230, 147, 169, 0.16); color: #e693a9; } @@ -2712,12 +2867,12 @@ color: #e693a9; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(230, 147, 169, 0.04); border-color: transparent; color: #e693a9; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(230, 147, 169, 0.16); border-color: transparent; color: #e693a9; @@ -3044,10 +3199,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #263238; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -3185,295 +3336,6 @@ padding: 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #161d21; - border: 2px solid #263238; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #161d21; - border: 2px solid #263238; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 2px solid #263238; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 2px solid #263238; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #8fa0e2; - border: 2px solid #8fa0e2; - color: #121212; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #161d21; - border: 2px solid #263238; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #121212; - background: #9eade6; - border: 2px solid #9eade6; - font-size: 1rem; - transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; - border-radius: 6px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #8fa0e2; - color: #121212; - border-color: #8fa0e2; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #7f93de; - color: #121212; - border-color: #7f93de; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #9eade6; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #9eade6; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #161d21; - border: 2px solid #263238; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(158, 173, 230, 0.08); - border-color: #263238; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: rgba(158, 173, 230, 0.16); - border-color: rgba(158, 173, 230, 0.16); - color: #9eade6; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: rgba(158, 173, 230, 0.24); - border-color: rgba(158, 173, 230, 0.24); - color: #9eade6; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #9eade6; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #263238; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #161d21; - border-color: #263238; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness td { - color: rgba(255, 255, 255, 0.87); - border-color: #263238; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #161d21; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 2px solid #263238; - padding: 1rem; - background: #161d21; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(158, 173, 230, 0.08); - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #9eade6; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 2px solid #263238; - background: #161d21; - color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #121212; - background: #8fa0e2; - border-color: #8fa0e2; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #121212; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #8fa0e2; - border-color: #8fa0e2; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: rgba(158, 173, 230, 0.08); - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #161d21; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #121212; - background: #9eade6; - border: 2px solid #9eade6; - font-size: 1rem; - transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; - border-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #8fa0e2; - color: #121212; - border-color: #8fa0e2; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #7f93de; - color: #121212; - border-color: #7f93de; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #9eade6; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.4; - color: #121212; - background: #9eade6; - border: 2px solid #9eade6; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #9eade6; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #161d21; - border: 2px solid #263238; - color: rgba(255, 255, 255, 0.87); - transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: rgba(158, 173, 230, 0.08); - border-color: #263238; - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: rgba(158, 173, 230, 0.16); - border-color: rgba(158, 173, 230, 0.16); - color: #9eade6; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: rgba(158, 173, 230, 0.24); - border-color: rgba(158, 173, 230, 0.24); - color: #9eade6; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 1px #9eade6; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard a { - color: rgba(255, 255, 255, 0.87); - } - .fc.fc-theme-standard .fc-highlight { - color: #9eade6; - background: rgba(158, 173, 230, 0.16); - } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3512,6 +3374,7 @@ padding: 0.5rem 0.5rem; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3521,15 +3384,21 @@ background: transparent; transition: box-shadow 0.3s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #9eade6; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: rgba(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.87); + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #9eade6; background: rgba(158, 173, 230, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(158, 173, 230, 0.24); + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3713,6 +3582,7 @@ padding: 0.5rem 0.5rem; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; @@ -3722,15 +3592,21 @@ background: transparent; transition: box-shadow 0.3s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #9eade6; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: rgba(158, 173, 230, 0.08); + color: rgba(255, 255, 255, 0.87); + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #9eade6; background: rgba(158, 173, 230, 0.16); } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(158, 173, 230, 0.24); + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -3789,6 +3665,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #9eade6; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3825,11 +3707,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #9eade6; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: rgba(158, 173, 230, 0.16); color: #9eade6; @@ -4341,15 +4218,19 @@ border: 2px solid #263238; background: #161d21; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 2px solid #263238; background: #161d21; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4821,7 +4702,8 @@ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4834,7 +4716,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4844,7 +4727,8 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { @@ -4965,7 +4849,8 @@ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -4978,7 +4863,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -4988,7 +4874,8 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { @@ -5045,7 +4932,8 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } @@ -5084,7 +4972,8 @@ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5097,7 +4986,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5107,7 +4997,8 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { @@ -5179,7 +5070,8 @@ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5209,7 +5101,8 @@ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5222,7 +5115,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5232,7 +5126,8 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -5423,7 +5318,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5436,7 +5332,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5446,7 +5343,8 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5528,7 +5426,8 @@ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5541,7 +5440,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5551,7 +5451,8 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-slidemenu.p-slidemenu-overlay { @@ -5764,7 +5665,8 @@ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { @@ -5777,7 +5679,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { @@ -5787,7 +5690,8 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { diff --git a/src/assets/components/themes/viva-light/theme.css b/src/assets/components/themes/viva-light/theme.css index fd3a63c29c8..6140f4b44d3 100644 --- a/src/assets/components/themes/viva-light/theme.css +++ b/src/assets/components/themes/viva-light/theme.css @@ -1,17 +1,17 @@ :root { font-family: Poppins, sans-serif; - --font-family:Poppins, sans-serif; - --surface-a:#ffffff; - --surface-b:#f5f5f5; - --surface-c:#edf0fA; - --surface-d:#ebebeb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#6c6c6c; - --text-color-secondary:#898989; - --primary-color:#5472d4; - --primary-color-text:#ffffff; - --font-family:Poppins, sans-serif; + --font-family: Poppins, sans-serif; + --surface-a: #ffffff; + --surface-b: #f5f5f5; + --surface-c: #edf0fa; + --surface-d: #ebebeb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #6c6c6c; + --text-color-secondary: #898989; + --primary-color: #5472d4; + --primary-color-text: #ffffff; + --font-family: Poppins, sans-serif; --surface-0: #ffffff; --surface-50: #f1f3f5; --surface-100: #e2e6eb; @@ -33,15 +33,15 @@ --gray-700: #434e5c; --gray-800: #2d343e; --gray-900: #161a1f; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#f5f5f5; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#ebebeb; - --surface-hover:#edf0fA; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f5f5f5; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #ebebeb; + --surface-hover: #edf0fa; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #ced6f1; --highlight-text-color: #585858; @@ -204,6 +204,105 @@ --primary-900:#222e55; } +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 2px solid #ebebeb; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #898989; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #898989; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #898989; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #6c6c6c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #6c6c6c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #6c6c6c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #6c6c6c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #6c6c6c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #6c6c6c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 0.5rem 0.5rem; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #6c6c6c; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #6c6c6c; + background: #edf0fa; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 2px solid #ebebeb; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #6c6c6c; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #6c6c6c; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #6c6c6c; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #6c6c6c; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #5472d4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #5472d4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #5472d4; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #5472d4; +} + @layer primeng { * { box-sizing: border-box; @@ -285,41 +384,44 @@ .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 3.607rem; } - .p-autocomplete .p-autocomplete-multiple-container { - padding: 0.25rem 0.75rem; - gap: 0.5rem; - } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: #cecece; } - .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; border-color: #91a4e3; } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #6c6c6c; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.75rem; - background: #ced6f1; - color: #585858; - border-radius: 6px; + background: #ebebeb; + color: #6c6c6c; + border-radius: 16px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } - - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #e1e1e1; + color: #6c6c6c; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f88c79; } @@ -342,18 +444,20 @@ transition: box-shadow 0.3s; border-radius: 6px; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #6c6c6c; - background: #edf0fA; - } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #585858; background: #ced6f1; } - .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { - padding: 0.5rem 1rem; + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: #aebbe8; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #6c6c6c; - background: transparent; + background: #e6e9f3; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #6c6c6c; + background: #edf0fa; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -363,6 +467,10 @@ font-weight: 600; } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f88c79; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -380,6 +488,13 @@ border-color: #f88c79; } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + border-color: #91a4e3; + } + .p-datepicker { padding: 0.5rem; background: #ffffff; @@ -419,7 +534,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { @@ -506,7 +621,7 @@ .p-datepicker .p-timepicker button:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; @@ -564,7 +679,7 @@ padding-right: 0; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #edf0fA; + background: #edf0fa; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; @@ -572,7 +687,7 @@ box-shadow: 0 0 0 0.1rem #bbc7ee; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; @@ -580,7 +695,7 @@ box-shadow: 0 0 0 0.1rem #bbc7ee; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; @@ -640,6 +755,9 @@ border-top-right-radius: 6px; border-bottom-right-radius: 6px; } + .p-cascadeselect.p-invalid.p-component { + border-color: #f88c79; + } .p-cascadeselect-panel { background: #ffffff; @@ -659,33 +777,27 @@ transition: box-shadow 0.3s; border-radius: 6px; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { - padding: 0.5rem 1rem; - } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #bbc7ee; - } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #585858; background: #ced6f1; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: #aebbe8; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #6c6c6c; + background: #e6e9f3; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-icon { - width: 0.875rem; - height: 0.875rem; - } - - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { - border-color: #f88c79; - } .p-input-filled .p-cascadeselect { background: #f2f2f2; @@ -697,6 +809,10 @@ background-color: #f2f2f2; } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f88c79; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.75rem; } @@ -776,24 +892,29 @@ margin-left: 0.5rem; } - .p-chips .p-chips-multiple-container { - padding: 0.25rem 0.75rem; - gap: 0.5rem; - } - .p-chips .p-chips-multiple-container:not(.p-disabled):hover { + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: #cecece; } - .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; border-color: #91a4e3; } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.75rem; + gap: 0.5rem; + } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.75rem; - background: #ced6f1; - color: #585858; - border-radius: 6px; + margin-right: 0.5rem; + background: #ebebeb; + color: #6c6c6c; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #e1e1e1; + color: #6c6c6c; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; @@ -802,9 +923,9 @@ padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: var(--font-family); - font-feature-settings: var(--font-feature-settings, normal); - font-size: 1rem; + font-family: inherit; + font-feature-settings: inherit; + font-size: inherit; color: #6c6c6c; padding: 0; margin: 0; @@ -866,7 +987,7 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #898989; } - .p-dropdown .p-dropdown-label:enabled:focus { + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -881,6 +1002,9 @@ color: #898989; right: 2.857rem; } + .p-dropdown.p-invalid.p-component { + border-color: #f88c79; + } .p-dropdown-panel { background: #ffffff; @@ -922,14 +1046,16 @@ color: #585858; background: #ced6f1; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: #aebbe8; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #6c6c6c; - background: #edf0fA; + background: #e6e9f3; } - .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.5rem 1rem; + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #6c6c6c; - background: transparent; + background: #edf0fa; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -938,9 +1064,10 @@ background: #ffffff; font-weight: 600; } - - p-dropdown.ng-dirty.ng-invalid > .p-dropdown { - border-color: #f88c79; + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: #6c6c6c; + background: transparent; } .p-input-filled .p-dropdown { @@ -956,105 +1083,6 @@ background-color: transparent; } - .p-editor-container .p-editor-toolbar { - background: #ffffff; - border-top-right-radius: 6px; - border-top-left-radius: 6px; - } - .p-editor-container .p-editor-toolbar.ql-snow { - border: 2px solid #ebebeb; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #898989; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #898989; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { - border: 0 none; - color: #898989; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #6c6c6c; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #6c6c6c; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #6c6c6c; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #6c6c6c; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #6c6c6c; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #6c6c6c; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 0.5rem 0.5rem; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #6c6c6c; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #6c6c6c; - background: #edf0fA; - } - .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { - padding: 0.5rem 1rem; - } - .p-editor-container .p-editor-content { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .p-editor-content.ql-snow { - border: 2px solid #ebebeb; - } - .p-editor-container .p-editor-content .ql-editor { - background: #ffffff; - color: #6c6c6c; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; - } - .p-editor-container .ql-snow.ql-toolbar button:hover, -.p-editor-container .ql-snow.ql-toolbar button:focus { - color: #6c6c6c; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #6c6c6c; - } - .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, -.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #6c6c6c; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #5472d4; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #5472d4; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #5472d4; - } - .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #5472d4; - } - .p-inputgroup-addon { background: #f5f5f5; color: #898989; @@ -1311,6 +1339,7 @@ color: #6c6c6c; border: 2px solid #e1e1e1; border-radius: 6px; + transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; } .p-listbox .p-listbox-header { padding: 0.5rem 1.5rem; @@ -1333,6 +1362,7 @@ } .p-listbox .p-listbox-list { padding: 0.5rem 0.5rem; + outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0 0 4px 0; @@ -1346,11 +1376,6 @@ color: #585858; background: #ced6f1; } - .p-listbox .p-listbox-list .p-listbox-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #bbc7ee; - } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } @@ -1366,9 +1391,22 @@ color: #6c6c6c; background: transparent; } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: #aebbe8; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #6c6c6c; + background: #e6e9f3; + } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + border-color: #91a4e3; } p-listbox.ng-dirty.ng-invalid > .p-listbox { @@ -1397,14 +1435,12 @@ .p-multiselect .p-multiselect-label.p-placeholder { color: #898989; } - .p-multiselect.p-multiselect-chip .p-multiselect-label { - gap: 0.5rem; - } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.75rem; - background: #ced6f1; - color: #585858; - border-radius: 6px; + margin-right: 0.5rem; + background: #ebebeb; + color: #6c6c6c; + border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; @@ -1417,10 +1453,18 @@ border-bottom-right-radius: 6px; } - .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.75rem; } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.75rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #898989; + right: 2.857rem; + } + .p-multiselect-panel { background: #ffffff; color: #6c6c6c; @@ -1460,7 +1504,7 @@ .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; @@ -1483,14 +1527,16 @@ color: #585858; background: #ced6f1; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: #aebbe8; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: #6c6c6c; - background: #edf0fA; + background: #e6e9f3; } - .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #bbc7ee; + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #6c6c6c; + background: #edf0fa; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1508,10 +1554,6 @@ background: transparent; } - p-multiselect.ng-dirty.ng-invalid > .p-multiselect { - border-color: #f88c79; - } - .p-input-filled .p-multiselect { background: #f2f2f2; } @@ -1522,12 +1564,8 @@ background-color: #f2f2f2; } - p-multiselect.p-multiselect-clearable .p-multiselect-label-container { - padding-right: 1.75rem; - } - p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { - color: #898989; - right: 2.857rem; + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f88c79; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { @@ -1634,34 +1672,31 @@ .p-rating { gap: 0.5rem; } - .p-rating .p-rating-icon { + .p-rating .p-rating-item .p-rating-icon { color: #6c6c6c; - margin-left: 0.5rem; transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; font-size: 1.143rem; } - .p-rating .p-rating-icon.p-icon { + .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } - .p-rating .p-rating-icon.p-rating-cancel { - color: #dF7E6C; + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #df7e6c; } - .p-rating .p-rating-icon:focus { + .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; + border-color: #91a4e3; } - .p-rating .p-rating-icon:first-child { - margin-left: 0; - } - .p-rating .p-rating-icon.p-rating-icon-active { + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #5472d4; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: #5472d4; } - .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #f88c79; } @@ -1676,7 +1711,7 @@ color: #898989; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; border-color: #e1e1e1; color: #6c6c6c; } @@ -1770,7 +1805,7 @@ color: #898989; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; border-color: #e1e1e1; color: #6c6c6c; } @@ -1890,7 +1925,7 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; @@ -1933,12 +1968,12 @@ transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; border-radius: 6px; } - .p-button:enabled:hover { + .p-button:not(:disabled):hover { background: #4868d1; color: #ffffff; border-color: #4868d1; } - .p-button:enabled:active { + .p-button:not(:disabled):active { background: #3c5ece; color: #ffffff; border-color: #3c5ece; @@ -1948,12 +1983,12 @@ color: #5472d4; border: 2px solid; } - .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-outlined:not(:disabled):hover { background: rgba(84, 114, 212, 0.04); color: #5472d4; border: 2px solid; } - .p-button.p-button-outlined:enabled:active { + .p-button.p-button-outlined:not(:disabled):active { background: rgba(84, 114, 212, 0.16); color: #5472d4; border: 2px solid; @@ -1962,11 +1997,11 @@ color: #898989; border-color: #898989; } - .p-button.p-button-outlined.p-button-plain:enabled:hover { - background: #edf0fA; + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #edf0fa; color: #898989; } - .p-button.p-button-outlined.p-button-plain:enabled:active { + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #ebebeb; color: #898989; } @@ -1975,12 +2010,12 @@ color: #5472d4; border-color: transparent; } - .p-button.p-button-text:enabled:hover { + .p-button.p-button-text:not(:disabled):hover { background: rgba(84, 114, 212, 0.04); color: #5472d4; border-color: transparent; } - .p-button.p-button-text:enabled:active { + .p-button.p-button-text:not(:disabled):active { background: rgba(84, 114, 212, 0.16); color: #5472d4; border-color: transparent; @@ -1988,11 +2023,11 @@ .p-button.p-button-text.p-button-plain { color: #898989; } - .p-button.p-button-text.p-button-plain:enabled:hover { - background: #edf0fA; + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #edf0fa; color: #898989; } - .p-button.p-button-text.p-button-plain:enabled:active { + .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #ebebeb; color: #898989; } @@ -2076,295 +2111,415 @@ flex: 1; } - .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + .p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #8191a6; border: 1px solid #8191a6; } - .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + .p-button.p-button-secondary:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: #70829a; color: #ffffff; border-color: #70829a; } - .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + .p-button.p-button-secondary:not(:disabled):focus, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #cdd3db; } - .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + .p-button.p-button-secondary:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: #62738a; color: #ffffff; border-color: #62738a; } - .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + .p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #8191a6; border: 2px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 145, 166, 0.04); color: #8191a6; border: 2px solid; } - .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 145, 166, 0.16); color: #8191a6; border: 2px solid; } - .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + .p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #8191a6; border-color: transparent; } - .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 145, 166, 0.04); border-color: transparent; color: #8191a6; } - .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + .p-button.p-button-secondary.p-button-text:not(:disabled):active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(129, 145, 166, 0.16); border-color: transparent; color: #8191a6; } - .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + .p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #35a4cc; border: 1px solid #35a4cc; } - .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + .p-button.p-button-info:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: #2f94b9; color: #ffffff; border-color: #2f94b9; } - .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + .p-button.p-button-info:not(:disabled):focus, +.p-buttonset.p-button-info > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #aedbeb; } - .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + .p-button.p-button-info:not(:disabled):active, +.p-buttonset.p-button-info > .p-button:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: #2984a4; color: #ffffff; border-color: #2984a4; } - .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + .p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #35a4cc; border: 2px solid; } - .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(53, 164, 204, 0.04); color: #35a4cc; border: 2px solid; } - .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-info.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(53, 164, 204, 0.16); color: #35a4cc; border: 2px solid; } - .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + .p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #35a4cc; border-color: transparent; } - .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + .p-button.p-button-info.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(53, 164, 204, 0.04); border-color: transparent; color: #35a4cc; } - .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + .p-button.p-button-info.p-button-text:not(:disabled):active, +.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(53, 164, 204, 0.16); border-color: transparent; color: #35a4cc; } - .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + .p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #8bae2c; border: 1px solid #8bae2c; } - .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + .p-button.p-button-success:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: #7d9d28; color: #ffffff; border-color: #7d9d28; } - .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + .p-button.p-button-success:not(:disabled):focus, +.p-buttonset.p-button-success > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #d5e7a2; } - .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + .p-button.p-button-success:not(:disabled):active, +.p-buttonset.p-button-success > .p-button:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: #6f8b23; color: #ffffff; border-color: #6f8b23; } - .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + .p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #8bae2c; border: 2px solid; } - .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(139, 174, 44, 0.04); color: #8bae2c; border: 2px solid; } - .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-success.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(139, 174, 44, 0.16); color: #8bae2c; border: 2px solid; } - .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + .p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #8bae2c; border-color: transparent; } - .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + .p-button.p-button-success.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(139, 174, 44, 0.04); border-color: transparent; color: #8bae2c; } - .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + .p-button.p-button-success.p-button-text:not(:disabled):active, +.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(139, 174, 44, 0.16); border-color: transparent; color: #8bae2c; } - .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + .p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #ffffff; background: #ff922a; border: 1px solid #ff922a; } - .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + .p-button.p-button-warning:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: #ff830c; color: #ffffff; border-color: #ff830c; } - .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + .p-button.p-button-warning:not(:disabled):focus, +.p-buttonset.p-button-warning > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #ffd3aa; } - .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + .p-button.p-button-warning:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: #ee7400; color: #ffffff; border-color: #ee7400; } - .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + .p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #ff922a; border: 2px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 146, 42, 0.04); color: #ff922a; border: 2px solid; } - .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 146, 42, 0.16); color: #ff922a; border: 2px solid; } - .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + .p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #ff922a; border-color: transparent; } - .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + .p-button.p-button-warning.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 146, 42, 0.04); border-color: transparent; color: #ff922a; } - .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + .p-button.p-button-warning.p-button-text:not(:disabled):active, +.p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(255, 146, 42, 0.16); border-color: transparent; color: #ff922a; } - .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + .p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #7654d4; border: 1px solid #7654d4; } - .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + .p-button.p-button-help:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: #633cce; color: #ffffff; border-color: #633cce; } - .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + .p-button.p-button-help:not(:disabled):focus, +.p-buttonset.p-button-help > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #c8bbee; } - .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + .p-button.p-button-help:not(:disabled):active, +.p-buttonset.p-button-help > .p-button:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: #5530bd; color: #ffffff; border-color: #5530bd; } - .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + .p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #7654d4; border: 2px solid; } - .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(118, 84, 212, 0.04); color: #7654d4; border: 2px solid; } - .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-help.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(118, 84, 212, 0.16); color: #7654d4; border: 2px solid; } - .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + .p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #7654d4; border-color: transparent; } - .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + .p-button.p-button-help.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(118, 84, 212, 0.04); border-color: transparent; color: #7654d4; } - .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + .p-button.p-button-help.p-button-text:not(:disabled):active, +.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(118, 84, 212, 0.16); border-color: transparent; color: #7654d4; } - .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + .p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #d45472; border: 1px solid #d45472; } - .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + .p-button.p-button-danger:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: #ce3c5e; color: #ffffff; border-color: #ce3c5e; } - .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + .p-button.p-button-danger:not(:disabled):focus, +.p-buttonset.p-button-danger > .p-button:not(:disabled):focus, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.1rem #eebbc7; } - .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + .p-button.p-button-danger:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: #bd3051; color: #ffffff; border-color: #bd3051; } - .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + .p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #d45472; border: 2px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(212, 84, 114, 0.04); color: #d45472; border: 2px solid; } - .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(212, 84, 114, 0.16); color: #d45472; border: 2px solid; } - .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + .p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #d45472; border-color: transparent; } - .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + .p-button.p-button-danger.p-button-text:not(:disabled):hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(212, 84, 114, 0.04); border-color: transparent; color: #d45472; } - .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + .p-button.p-button-danger.p-button-text:not(:disabled):active, +.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(212, 84, 114, 0.16); border-color: transparent; color: #d45472; @@ -2375,20 +2530,20 @@ background: transparent; border: transparent; } - .p-button.p-button-link:enabled:hover { + .p-button.p-button-link:not(:disabled):hover { background: transparent; color: #3c5ece; border-color: transparent; } - .p-button.p-button-link:enabled:hover .p-button-label { + .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } - .p-button.p-button-link:enabled:focus { + .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: 0 0 0 0.1rem #bbc7ee; border-color: transparent; } - .p-button.p-button-link:enabled:active { + .p-button.p-button-link:not(:disabled):active { background: transparent; color: #3c5ece; border-color: transparent; @@ -2480,11 +2635,11 @@ color: #5472d4; border: 2px solid; } - .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(84, 114, 212, 0.04); color: #5472d4; } - .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(84, 114, 212, 0.16); color: #5472d4; } @@ -2492,11 +2647,11 @@ color: #898989; border-color: #898989; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { - background: #edf0fA; + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #edf0fa; color: #898989; } - .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #ebebeb; color: #898989; } @@ -2505,12 +2660,12 @@ color: #5472d4; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(84, 114, 212, 0.04); color: #5472d4; border-color: transparent; } - .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(84, 114, 212, 0.16); color: #5472d4; border-color: transparent; @@ -2518,11 +2673,11 @@ .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #898989; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { - background: #edf0fA; + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #edf0fa; color: #898989; } - .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #ebebeb; color: #898989; } @@ -2555,11 +2710,11 @@ color: #8191a6; border: 2px solid; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 145, 166, 0.04); color: #8191a6; } - .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 145, 166, 0.16); color: #8191a6; } @@ -2568,12 +2723,12 @@ color: #8191a6; border-color: transparent; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 145, 166, 0.04); border-color: transparent; color: #8191a6; } - .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 145, 166, 0.16); border-color: transparent; color: #8191a6; @@ -2584,11 +2739,11 @@ color: #35a4cc; border: 2px solid; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(53, 164, 204, 0.04); color: #35a4cc; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(53, 164, 204, 0.16); color: #35a4cc; } @@ -2597,12 +2752,12 @@ color: #35a4cc; border-color: transparent; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(53, 164, 204, 0.04); border-color: transparent; color: #35a4cc; } - .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(53, 164, 204, 0.16); border-color: transparent; color: #35a4cc; @@ -2613,11 +2768,11 @@ color: #8bae2c; border: 2px solid; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(139, 174, 44, 0.04); color: #8bae2c; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(139, 174, 44, 0.16); color: #8bae2c; } @@ -2626,12 +2781,12 @@ color: #8bae2c; border-color: transparent; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(139, 174, 44, 0.04); border-color: transparent; color: #8bae2c; } - .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(139, 174, 44, 0.16); border-color: transparent; color: #8bae2c; @@ -2642,11 +2797,11 @@ color: #ff922a; border: 2px solid; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 146, 42, 0.04); color: #ff922a; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 146, 42, 0.16); color: #ff922a; } @@ -2655,12 +2810,12 @@ color: #ff922a; border-color: transparent; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 146, 42, 0.04); border-color: transparent; color: #ff922a; } - .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 146, 42, 0.16); border-color: transparent; color: #ff922a; @@ -2671,11 +2826,11 @@ color: #7654d4; border: 2px solid; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(118, 84, 212, 0.04); color: #7654d4; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(118, 84, 212, 0.16); color: #7654d4; } @@ -2684,12 +2839,12 @@ color: #7654d4; border-color: transparent; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(118, 84, 212, 0.04); border-color: transparent; color: #7654d4; } - .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(118, 84, 212, 0.16); border-color: transparent; color: #7654d4; @@ -2700,11 +2855,11 @@ color: #d45472; border: 2px solid; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(212, 84, 114, 0.04); color: #d45472; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(212, 84, 114, 0.16); color: #d45472; } @@ -2713,12 +2868,12 @@ color: #d45472; border-color: transparent; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(212, 84, 114, 0.04); border-color: transparent; color: #d45472; } - .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(212, 84, 114, 0.16); border-color: transparent; color: #d45472; @@ -2739,7 +2894,7 @@ .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { @@ -2755,7 +2910,7 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #edf0fA; + background-color: #edf0fa; width: 2rem; height: 0.5rem; transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; @@ -2826,7 +2981,7 @@ margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { @@ -2840,7 +2995,7 @@ color: #5472d4; } .p-datatable .p-sortable-column.p-highlight:hover { - background: #edf0fA; + background: #edf0fa; color: #5472d4; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { @@ -2879,7 +3034,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, @@ -2907,7 +3062,7 @@ box-shadow: inset 0 -2px 0 0 #ced6f1; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-datatable .p-column-resizer-helper { @@ -3045,10 +3200,6 @@ border: 0 none; padding: 0; } - .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #f5f5f5; - border-width: 0 0 1px 0; - } .p-dataview .p-dataview-footer { background: #ffffff; color: #6c6c6c; @@ -3083,10 +3234,10 @@ .p-column-filter-menu-button:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { @@ -3111,7 +3262,7 @@ .p-column-filter-clear-button:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-column-filter-clear-button:focus-visible { outline: 0 none; @@ -3145,7 +3296,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; @@ -3186,295 +3337,6 @@ padding: 1rem; } - .fc { - /* FullCalendar 4 */ - /* FullCalendar 5 */ - } - .fc.fc-unthemed .fc-view-container th { - background: #ffffff; - border: 2px solid #ebebeb; - color: #6c6c6c; - } - .fc.fc-unthemed .fc-view-container td.fc-widget-content { - background: #ffffff; - border: 2px solid #ebebeb; - color: #6c6c6c; - } - .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 2px solid #ebebeb; - } - .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 2px solid #ebebeb; - } - .fc.fc-unthemed .fc-view-container .fc-event { - background: #4868d1; - border: 2px solid #4868d1; - color: #ffffff; - } - .fc.fc-unthemed .fc-view-container .fc-divider { - background: #ffffff; - border: 2px solid #ebebeb; - } - .fc.fc-unthemed .fc-toolbar .fc-button { - color: #ffffff; - background: #5472d4; - border: 2px solid #5472d4; - font-size: 1rem; - transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; - border-radius: 6px; - display: flex; - align-items: center; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #4868d1; - color: #ffffff; - border-color: #4868d1; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #3c5ece; - color: #ffffff; - border-color: #3c5ece; - } - .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem #bbc7ee; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-unthemed .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem #bbc7ee; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 2px solid #e1e1e1; - color: #6c6c6c; - transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #edf0fA; - border-color: #e1e1e1; - color: #6c6c6c; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #ced6f1; - border-color: #ced6f1; - color: #585858; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #bdc7ec; - border-color: #bdc7ec; - color: #585858; - } - .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem #bbc7ee; - z-index: 1; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #ebebeb; - } - .fc.fc-theme-standard .fc-view-harness th { - background: #ffffff; - border-color: #ebebeb; - color: #6c6c6c; - } - .fc.fc-theme-standard .fc-view-harness td { - color: #6c6c6c; - border-color: #ebebeb; - } - .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover { - background: none; - border: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 2px solid #ebebeb; - padding: 1rem; - background: #ffffff; - color: #6c6c6c; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - font-family: "PrimeIcons" !important; - font-size: 1rem; - width: 2rem; - height: 2rem; - color: #898989; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { - content: "\e90b"; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { - color: #6c6c6c; - border-color: transparent; - background: #edf0fA; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem #bbc7ee; - } - .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { - padding: 1rem; - border: 2px solid #ebebeb; - background: #ffffff; - color: #6c6c6c; - border-top: 0 none; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #ffffff; - background: #4868d1; - border-color: #4868d1; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #ffffff; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #4868d1; - border-color: #4868d1; - } - .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { - background: #edf0fA; - color: #6c6c6c; - } - .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #ffffff; - } - .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #ffffff; - background: #5472d4; - border: 2px solid #5472d4; - font-size: 1rem; - transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; - border-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #4868d1; - color: #ffffff; - border-color: #4868d1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #3c5ece; - color: #ffffff; - border-color: #3c5ece; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem #bbc7ee; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { - opacity: 0.6; - color: #ffffff; - background: #5472d4; - border: 2px solid #5472d4; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { - content: "\e900"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { - font-family: "PrimeIcons" !important; - text-indent: 0; - font-size: 1rem; - } - .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { - content: "\e901"; - } - .fc.fc-theme-standard .fc-toolbar .fc-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem #bbc7ee; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #ffffff; - border: 2px solid #e1e1e1; - color: #6c6c6c; - transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { - background: #edf0fA; - border-color: #e1e1e1; - color: #6c6c6c; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #ced6f1; - border-color: #ced6f1; - color: #585858; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #bdc7ec; - border-color: #bdc7ec; - color: #585858; - } - .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.1rem #bbc7ee; - z-index: 1; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { - border-radius: 0; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; - } - .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - } - .fc.fc-theme-standard a { - color: #6c6c6c; - } - .fc.fc-theme-standard .fc-highlight { - color: #585858; - background: #ced6f1; - } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3513,6 +3375,7 @@ padding: 0.5rem 0.5rem; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3522,28 +3385,34 @@ background: transparent; transition: box-shadow 0.3s; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #bbc7ee; + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #edf0fa; + color: #6c6c6c; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #6c6c6c; + background: #e6e9f3; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #585858; background: #ced6f1; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #aebbe8; + } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1rem; color: #6c6c6c; } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #fcfcfc; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { - background: #edf0fA; + background: #edf0fa; } .p-orderlist-item.cdk-drag-preview { @@ -3556,7 +3425,7 @@ } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-organizationchart .p-organizationchart-node-content.p-highlight { @@ -3619,7 +3488,7 @@ .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; border-color: transparent; color: #6c6c6c; } @@ -3671,7 +3540,7 @@ color: #585858; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; border-color: transparent; color: #6c6c6c; } @@ -3714,6 +3583,7 @@ padding: 0.5rem 0.5rem; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; @@ -3723,28 +3593,34 @@ background: transparent; transition: box-shadow 0.3s; } - .p-picklist .p-picklist-list .p-picklist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #bbc7ee; + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #edf0fa; + color: #6c6c6c; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #6c6c6c; + background: #e6e9f3; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #585858; background: #ced6f1; } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: #aebbe8; + } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1rem; color: #6c6c6c; } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: #fcfcfc; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { - background: #edf0fA; + background: #edf0fa; } .p-picklist-item.cdk-drag-preview { @@ -3790,6 +3666,12 @@ } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #bbc7ee; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3809,7 +3691,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; @@ -3826,11 +3708,6 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #6c6c6c; } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #bbc7ee; - } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #ced6f1; color: #585858; @@ -3844,11 +3721,11 @@ color: #585858; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-tree .p-tree-filter-container { @@ -3905,7 +3782,7 @@ color: inherit; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { @@ -3974,7 +3851,7 @@ margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { @@ -4011,7 +3888,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; @@ -4043,7 +3920,7 @@ color: #585858; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { @@ -4158,7 +4035,7 @@ box-shadow: inset 0 0 0 0.1rem #bbc7ee; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #edf0fA; + background: #edf0fa; border-color: #ebebeb; color: #6c6c6c; } @@ -4171,7 +4048,7 @@ } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-color: #ebebeb; - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-accordion .p-accordion-content { @@ -4296,7 +4173,7 @@ box-shadow: 0 0 0 0.1rem #bbc7ee; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #edf0fA; + background: #edf0fa; border-color: #ebebeb; color: #6c6c6c; } @@ -4327,7 +4204,7 @@ .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; @@ -4342,15 +4219,19 @@ border: 2px solid #ebebeb; background: #ffffff; color: #6c6c6c; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 2px solid #ebebeb; background: #ffffff; color: #6c6c6c; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } .p-panel .p-panel-icons-end { @@ -4547,7 +4428,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; @@ -4655,7 +4536,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { @@ -4817,16 +4698,17 @@ } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: #edf0fA; + background: #edf0fa; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #6c6c6c; @@ -4835,17 +4717,19 @@ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c6c6c; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } .p-contextmenu .p-menuitem-separator { @@ -4961,16 +4845,17 @@ } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: #edf0fA; + background: #edf0fa; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #6c6c6c; @@ -4979,17 +4864,19 @@ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c6c6c; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } .p-megamenu .p-megamenu-panel { @@ -5041,12 +4928,13 @@ } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } @@ -5080,16 +4968,17 @@ } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: #edf0fA; + background: #edf0fa; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #6c6c6c; @@ -5098,17 +4987,19 @@ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c6c6c; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } .p-menu.p-menu-overlay { @@ -5175,12 +5066,13 @@ } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -5205,16 +5097,17 @@ } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: #edf0fA; + background: #edf0fa; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #6c6c6c; @@ -5223,17 +5116,19 @@ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c6c6c; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } .p-menubar .p-submenu-list { @@ -5265,7 +5160,7 @@ } .p-menubar .p-menubar-button:hover { color: #898989; - background: #edf0fA; + background: #edf0fa; } .p-menubar .p-menubar-button:focus { outline: 0 none; @@ -5366,7 +5261,7 @@ box-shadow: inset 0 0 0 0.1rem #bbc7ee; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { - background: #edf0fA; + background: #edf0fa; border-color: #ebebeb; color: #6c6c6c; } @@ -5380,7 +5275,7 @@ } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #ebebeb; - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-panelmenu .p-panelmenu-content { @@ -5419,16 +5314,17 @@ } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: #edf0fA; + background: #edf0fa; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #6c6c6c; @@ -5437,17 +5333,19 @@ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c6c6c; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { @@ -5524,16 +5422,17 @@ } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: #edf0fA; + background: #edf0fa; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #6c6c6c; @@ -5542,17 +5441,19 @@ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c6c6c; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } .p-slidemenu.p-slidemenu-overlay { @@ -5760,16 +5661,17 @@ } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: #edf0fA; + background: #edf0fa; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #6c6c6c; @@ -5778,17 +5680,19 @@ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c6c6c; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, +.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } .p-tieredmenu .p-menuitem-separator { @@ -6082,7 +5986,7 @@ padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #edf0fA; + background-color: #edf0fa; width: 1rem; height: 1rem; transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; @@ -6294,7 +6198,7 @@ transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-inplace .p-inplace-display:focus { diff --git a/src/assets/fiyu.png b/src/assets/fiyu.png deleted file mode 100644 index 775eeffe88a..00000000000 Binary files a/src/assets/fiyu.png and /dev/null differ diff --git a/src/assets/showcase/data/menu.json b/src/assets/showcase/data/menu.json index 83cfe18a8d7..75229707b2e 100644 --- a/src/assets/showcase/data/menu.json +++ b/src/assets/showcase/data/menu.json @@ -13,8 +13,8 @@ "routerLink": "/configuration" }, { - "name": "Accessibility", - "routerLink": "/accessibility" + "name": "Playground", + "routerLink": "/playground" } ] }, @@ -190,10 +190,6 @@ { "name": "Timeline", "routerLink": "/timeline" - }, - { - "name": "VirtualScroller", - "routerLink": "/virtualscroller" } ] }, @@ -299,7 +295,6 @@ "name": "Menu", "routerLink": "/menu" }, - { "name": "Menubar", "routerLink": "/menubar" @@ -312,10 +307,6 @@ "name": "PanelMenu", "routerLink": "/panelmenu" }, - { - "name": "SlideMenu", - "routerLink": "/slidemenu" - }, { "name": "Steps", "routerLink": "/steps" @@ -451,8 +442,8 @@ "routerLink": "/autofocus" }, { - "name": "Animate", - "routerLink": "/animate" + "name": "AnimateOnScroll", + "routerLink": "/animateonscroll" } ] }, @@ -523,6 +514,11 @@ "icon": "pi pi-table", "href": "https://primeflex.org" }, + { + "name": "Accessibility", + "icon": "pi pi-users", + "routerLink": "/accessibility" + }, { "name": "Support", "icon": "pi pi-question", @@ -545,6 +541,11 @@ } ] }, + { + "name": "PrimeTV", + "icon": "pi pi-youtube", + "href": "https://www.youtube.com/channel/UCTgmp69aBOlLnPEqlUyetWw" + }, { "name": "Discover", "icon": "pi pi-search", @@ -557,10 +558,6 @@ "name": "Roadmap", "routerLink": "/roadmap" }, - { - "name": "PrimeTV", - "href": "https://www.youtube.com/channel/UCTgmp69aBOlLnPEqlUyetWw" - }, { "name": "Source Code", "href": "https://github.com/primefaces/primeng" @@ -592,4 +589,4 @@ ] } ] -} +} \ No newline at end of file diff --git a/src/assets/showcase/favicon/android-icon-144x144.png b/src/assets/showcase/favicon/android-icon-144x144.png deleted file mode 100755 index a501d45a0f6..00000000000 Binary files a/src/assets/showcase/favicon/android-icon-144x144.png and /dev/null differ diff --git a/src/assets/showcase/favicon/android-icon-192x192.png b/src/assets/showcase/favicon/android-icon-192x192.png deleted file mode 100755 index 66839496177..00000000000 Binary files a/src/assets/showcase/favicon/android-icon-192x192.png and /dev/null differ diff --git a/src/assets/showcase/favicon/android-icon-36x36.png b/src/assets/showcase/favicon/android-icon-36x36.png deleted file mode 100755 index f172551b69d..00000000000 Binary files a/src/assets/showcase/favicon/android-icon-36x36.png and /dev/null differ diff --git a/src/assets/showcase/favicon/android-icon-48x48.png b/src/assets/showcase/favicon/android-icon-48x48.png deleted file mode 100755 index 0fb3ad9b331..00000000000 Binary files a/src/assets/showcase/favicon/android-icon-48x48.png and /dev/null differ diff --git a/src/assets/showcase/favicon/android-icon-72x72.png b/src/assets/showcase/favicon/android-icon-72x72.png deleted file mode 100755 index eea8bc4eac4..00000000000 Binary files a/src/assets/showcase/favicon/android-icon-72x72.png and /dev/null differ diff --git a/src/assets/showcase/favicon/android-icon-96x96.png b/src/assets/showcase/favicon/android-icon-96x96.png deleted file mode 100755 index 754d8c4a404..00000000000 Binary files a/src/assets/showcase/favicon/android-icon-96x96.png and /dev/null differ diff --git a/src/assets/showcase/favicon/apple-icon-114x114.png b/src/assets/showcase/favicon/apple-icon-114x114.png deleted file mode 100755 index b453f3b470a..00000000000 Binary files a/src/assets/showcase/favicon/apple-icon-114x114.png and /dev/null differ diff --git a/src/assets/showcase/favicon/apple-icon-120x120.png b/src/assets/showcase/favicon/apple-icon-120x120.png deleted file mode 100755 index c19b8f4cd12..00000000000 Binary files a/src/assets/showcase/favicon/apple-icon-120x120.png and /dev/null differ diff --git a/src/assets/showcase/favicon/apple-icon-144x144.png b/src/assets/showcase/favicon/apple-icon-144x144.png deleted file mode 100755 index 423aa7ab031..00000000000 Binary files a/src/assets/showcase/favicon/apple-icon-144x144.png and /dev/null differ diff --git a/src/assets/showcase/favicon/apple-icon-152x152.png b/src/assets/showcase/favicon/apple-icon-152x152.png deleted file mode 100755 index ef4b6a27172..00000000000 Binary files a/src/assets/showcase/favicon/apple-icon-152x152.png and /dev/null differ diff --git a/src/assets/showcase/favicon/apple-icon-180x180.png b/src/assets/showcase/favicon/apple-icon-180x180.png deleted file mode 100755 index df848d0be18..00000000000 Binary files a/src/assets/showcase/favicon/apple-icon-180x180.png and /dev/null differ diff --git a/src/assets/showcase/favicon/apple-icon-57x57.png b/src/assets/showcase/favicon/apple-icon-57x57.png deleted file mode 100755 index 97e2325420c..00000000000 Binary files a/src/assets/showcase/favicon/apple-icon-57x57.png and /dev/null differ diff --git a/src/assets/showcase/favicon/apple-icon-60x60.png b/src/assets/showcase/favicon/apple-icon-60x60.png deleted file mode 100755 index dde9ec340ff..00000000000 Binary files a/src/assets/showcase/favicon/apple-icon-60x60.png and /dev/null differ diff --git a/src/assets/showcase/favicon/apple-icon-72x72.png b/src/assets/showcase/favicon/apple-icon-72x72.png deleted file mode 100755 index 9690211cfeb..00000000000 Binary files a/src/assets/showcase/favicon/apple-icon-72x72.png and /dev/null differ diff --git a/src/assets/showcase/favicon/apple-icon-76x76.png b/src/assets/showcase/favicon/apple-icon-76x76.png deleted file mode 100755 index 40cbf949a2b..00000000000 Binary files a/src/assets/showcase/favicon/apple-icon-76x76.png and /dev/null differ diff --git a/src/assets/showcase/favicon/apple-icon-precomposed.png b/src/assets/showcase/favicon/apple-icon-precomposed.png deleted file mode 100755 index 66839496177..00000000000 Binary files a/src/assets/showcase/favicon/apple-icon-precomposed.png and /dev/null differ diff --git a/src/assets/showcase/favicon/apple-icon.png b/src/assets/showcase/favicon/apple-icon.png deleted file mode 100755 index a23e548c81b..00000000000 Binary files a/src/assets/showcase/favicon/apple-icon.png and /dev/null differ diff --git a/src/assets/showcase/favicon/browserconfig.xml b/src/assets/showcase/favicon/browserconfig.xml deleted file mode 100755 index c5541482230..00000000000 --- a/src/assets/showcase/favicon/browserconfig.xml +++ /dev/null @@ -1,2 +0,0 @@ - -#ffffff \ No newline at end of file diff --git a/src/assets/showcase/favicon/favicon-16x16.png b/src/assets/showcase/favicon/favicon-16x16.png deleted file mode 100755 index fb0b3b54ae9..00000000000 Binary files a/src/assets/showcase/favicon/favicon-16x16.png and /dev/null differ diff --git a/src/assets/showcase/favicon/favicon-32x32.png b/src/assets/showcase/favicon/favicon-32x32.png deleted file mode 100755 index f6b3aa86a4f..00000000000 Binary files a/src/assets/showcase/favicon/favicon-32x32.png and /dev/null differ diff --git a/src/assets/showcase/favicon/favicon-96x96.png b/src/assets/showcase/favicon/favicon-96x96.png deleted file mode 100755 index 991a8349570..00000000000 Binary files a/src/assets/showcase/favicon/favicon-96x96.png and /dev/null differ diff --git a/src/assets/showcase/favicon/favicon.ico b/src/assets/showcase/favicon/favicon.ico deleted file mode 100755 index 092ffe8cc7f..00000000000 Binary files a/src/assets/showcase/favicon/favicon.ico and /dev/null differ diff --git a/src/assets/showcase/favicon/manifest.json b/src/assets/showcase/favicon/manifest.json deleted file mode 100755 index 013d4a6a533..00000000000 --- a/src/assets/showcase/favicon/manifest.json +++ /dev/null @@ -1,41 +0,0 @@ -{ - "name": "App", - "icons": [ - { - "src": "\/android-icon-36x36.png", - "sizes": "36x36", - "type": "image\/png", - "density": "0.75" - }, - { - "src": "\/android-icon-48x48.png", - "sizes": "48x48", - "type": "image\/png", - "density": "1.0" - }, - { - "src": "\/android-icon-72x72.png", - "sizes": "72x72", - "type": "image\/png", - "density": "1.5" - }, - { - "src": "\/android-icon-96x96.png", - "sizes": "96x96", - "type": "image\/png", - "density": "2.0" - }, - { - "src": "\/android-icon-144x144.png", - "sizes": "144x144", - "type": "image\/png", - "density": "3.0" - }, - { - "src": "\/android-icon-192x192.png", - "sizes": "192x192", - "type": "image\/png", - "density": "4.0" - } - ] -} \ No newline at end of file diff --git a/src/assets/showcase/favicon/ms-icon-144x144.png b/src/assets/showcase/favicon/ms-icon-144x144.png deleted file mode 100755 index a501d45a0f6..00000000000 Binary files a/src/assets/showcase/favicon/ms-icon-144x144.png and /dev/null differ diff --git a/src/assets/showcase/favicon/ms-icon-150x150.png b/src/assets/showcase/favicon/ms-icon-150x150.png deleted file mode 100755 index b7bc6f7565e..00000000000 Binary files a/src/assets/showcase/favicon/ms-icon-150x150.png and /dev/null differ diff --git a/src/assets/showcase/favicon/ms-icon-310x310.png b/src/assets/showcase/favicon/ms-icon-310x310.png deleted file mode 100755 index 3b51e9000fe..00000000000 Binary files a/src/assets/showcase/favicon/ms-icon-310x310.png and /dev/null differ diff --git a/src/assets/showcase/favicon/ms-icon-70x70.png b/src/assets/showcase/favicon/ms-icon-70x70.png deleted file mode 100755 index 22005c00165..00000000000 Binary files a/src/assets/showcase/favicon/ms-icon-70x70.png and /dev/null differ diff --git a/src/assets/showcase/styles/layout/_code.scss b/src/assets/showcase/styles/layout/_code.scss index 507f00069b4..28663ba9773 100644 --- a/src/assets/showcase/styles/layout/_code.scss +++ b/src/assets/showcase/styles/layout/_code.scss @@ -1,416 +1,143 @@ code[class*="language-"], pre[class*="language-"] { - color: black; background: none; font-family: ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,Liberation Mono,monospace; - font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; - -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; - -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } -/* Code blocks */ -pre[class*="language-"] { - position: relative; - margin: .5em 0; - overflow: visible; - padding: 1px; -} - -pre[class*="language-"] > code { - position: relative; - border-left: 10px solid #358ccb; - box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf; - background-color: #fdfdfd; - background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); - background-size: 3em 3em; - background-origin: content-box; - background-attachment: local; +div.code-toolbar > .toolbar { + display: none; } -code[class*="language-"] { - max-height: inherit; - height: inherit; - padding: 0 1em; - display: block; - overflow: auto; -} -/* Margin bottom to accommodate shadow */ -:not(pre) > code[class*="language-"], pre[class*="language-"] { - background-color: #fdfdfd; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 1em; -} - -/* Inline code */ -:not(pre) > code[class*="language-"] { position: relative; - padding: .2em; - border-radius: 0.3em; - color: #c92c2c; - border: 1px solid rgba(0, 0, 0, 0.1); - display: inline; - white-space: normal; -} - -pre[class*="language-"]:before, -pre[class*="language-"]:after { - content: ''; - display: block; - position: absolute; - bottom: 0.75em; - left: 0.18em; - width: 40%; - height: 20%; - max-height: 13em; - box-shadow: 0px 13px 8px #979797; - -webkit-transform: rotate(-2deg); - -moz-transform: rotate(-2deg); - -ms-transform: rotate(-2deg); - -o-transform: rotate(-2deg); - transform: rotate(-2deg); -} - -pre[class*="language-"]:after { - right: 0.75em; - left: auto; - -webkit-transform: rotate(2deg); - -moz-transform: rotate(2deg); - -ms-transform: rotate(2deg); - -o-transform: rotate(2deg); - transform: rotate(2deg); -} - -.token.comment, -.token.block-comment, -.token.prolog, -.token.doctype, -.token.cdata { - color: #7D8B99; -} - -.token.punctuation { - color: #5F6364; -} - -.token.property, -.token.tag, -.token.boolean, -.token.number, -.token.function-name, -.token.constant, -.token.symbol, -.token.deleted { - color: #c92c2c; -} - -.token.selector, -.token.attr-name, -.token.string, -.token.char, -.token.function, -.token.builtin, -.token.inserted { - color: #2f9c0a; -} - -.token.operator, -.token.entity, -.token.url, -.token.variable { - color: #a67f59; - background: rgba(255, 255, 255, 0.5); -} - -.token.atrule, -.token.attr-value, -.token.keyword, -.token.class-name { - color: #1990b8; -} - -.token.regex, -.token.important { - color: #e90; -} - -.language-css .token.string, -.style .token.string { - color: #a67f59; - background: rgba(255, 255, 255, 0.5); -} - -.token.important { - font-weight: normal; -} - -.token.bold { - font-weight: bold; -} -.token.italic { - font-style: italic; -} - -.token.entity { - cursor: help; -} + background: transparent; + margin: 0; + padding: 0; + max-height: 40rem; + overflow: auto; + color-scheme: dark; -.token.namespace { - opacity: .7; -} + &:before, &:after { + display: none !important; + } -@media screen and (max-width: 767px) { - pre[class*="language-"]:before, - pre[class*="language-"]:after { - bottom: 14px; + code { + border-left: 1rem solid transparent; box-shadow: none; + margin: 0; + font-size: 14px; + border-radius: 10px; + color: #ffffff; + max-height: inherit; + height: inherit; + padding: 0 1rem; + display: block; + overflow: auto; + + .token.comment, + .token.block-comment, + .token.prolog, + .token.doctype, + .token.cdata { + color: #bbf7d0; + } + + .token.punctuation { + color: #bfdbfe; + } + + .token.property, + .token.tag, + .token.boolean, + .token.number, + .token.function-name, + .token.constant, + .token.symbol, + .token.deleted { + color: #93c5fd; + } + + .token.selector, + .token.attr-name, + .token.string, + .token.char, + .token.function, + .token.builtin, + .token.inserted { + color: #eff6ff; + } + + .token.operator, + .token.entity, + .token.url, + .token.variable { + color: #ffffff; + } + + .token.atrule, + .token.attr-value, + .token.keyword, + .token.class-name { + color: #bbf7d0; + } + + .token.regex, + .token.important { + color: #fde68a; + } + + .language-css .token.string, + .style .token.string { + color: #fde68a; + } + + .token.important { + font-weight: normal; + } + + .token.bold { + font-weight: bold; + } + .token.italic { + font-style: italic; + } + + .token.entity { + cursor: help; + } } - -} - -/* Plugin styles: Line Numbers */ -pre[class*="language-"].line-numbers.line-numbers { - padding-left: 0; -} - -pre[class*="language-"].line-numbers.line-numbers code { - padding-left: 3.8em; -} - -pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows { - left: 0; -} - -/* Plugin styles: Line Highlight */ -pre[class*="language-"][data-line] { - padding-top: 0; - padding-bottom: 0; - padding-left: 0; -} -pre[data-line] code { - position: relative; - padding-left: 4em; -} -pre .line-highlight { - margin-top: 0; -} - -div.code-toolbar { - position: relative; } -div.code-toolbar > .toolbar { - position: absolute; - z-index: 10; - top: .3em; - right: .2em; - transition: opacity 0.3s ease-in-out; - opacity: 0; -} - -div.code-toolbar:hover > .toolbar { - opacity: 1; -} - -/* Separate line b/c rules are thrown out if selector is invalid. - IE11 and old Edge versions don't support :focus-within. */ -div.code-toolbar:focus-within > .toolbar { - opacity: 1; -} - -div.code-toolbar > .toolbar > .toolbar-item { - display: inline-block; -} - -div.code-toolbar > .toolbar > .toolbar-item > a { - cursor: pointer; -} - -div.code-toolbar > .toolbar > .toolbar-item > button { - background: none; - border: 0; - color: inherit; - font: inherit; - line-height: normal; - overflow: visible; - padding: 0; - -webkit-user-select: none; /* for button */ - -moz-user-select: none; - -ms-user-select: none; -} - -div.code-toolbar > .toolbar > .toolbar-item > a, -div.code-toolbar > .toolbar > .toolbar-item > button, -div.code-toolbar > .toolbar > .toolbar-item > span { - color: #bbb; - font-size: .8em; - padding: 0 .5em; - background: #f5f2f0; - background: rgba(224, 224, 224, 0.2); - box-shadow: 0 2px 0 0 rgba(0,0,0,0.2); - border-radius: .5em; -} - -div.code-toolbar > .toolbar > .toolbar-item > a:hover, -div.code-toolbar > .toolbar > .toolbar-item > a:focus, -div.code-toolbar > .toolbar > .toolbar-item > button:hover, -div.code-toolbar > .toolbar > .toolbar-item > button:focus, -div.code-toolbar > .toolbar > .toolbar-item > span:hover, -div.code-toolbar > .toolbar > .toolbar-item > span:focus { - color: inherit; - text-decoration: none; -} - -.layout-wrapper-dark { - pre[class*="language-"] { - code { - .token { - &.tag { - color: var(--text-color) !important; - } - &.keyword { - color: rgb(244,112,103) !important; - } - - &.property { - color: rgb(150,208,255) !important; - } - - &.attr-name, - &.attr-string { - color: rgb(108,182,255) !important; - } - - &.string { - color: var(--text-color) !important; - } - - &.attr-value { - color: var(--text-color) !important; - - .punctuation { - color: rgb(108,182,255) !important; - } - } - - &.punctuation { - color: var(--text-color) !important; - } - - &.operator, - &.string { - background: transparent; - } - - &.function { - color: rgb(220,189,251) !important; - } - - &.class-name { - color: rgb(141,219,140) !important; - } - - &.operator { - color: rgb(150,208,255) !important; - } - } - } - } +.copy-to-clipboard-button { + display: none; } -.layout-wrapper-light { - pre[class*="language-"] { - code { - .token { - &.tag { - color: rgb(10,48,105) !important; - } - &.keyword { - color: rgb(207,34,46) !important; - } - - &.property { - color: rgb(5,80,174) !important; - } - - &.attr-name, - &.attr-string { - color: rgb(5,80,174) !important; - } - - &.string { - color: rgb(10,48,105) !important; - } - - &.attr-value { - color: rgb(10,48,105) !important; - - .punctuation { - color: rgb(10,48,105) !important; - } - } - - &.punctuation { - color: rgb(5,80,174) !important; - } - - &.operator, - &.string { - background: transparent; - } - - &.function { - color: rgb(130,80,223) !important; - } - - &.class-name { - color: rgb(17,99,41) !important; - } - - &.operator { - color: rgb(5,80,174) !important; - } - } - } - } +pre[class*="language-"] { + code { + background: var(--demo-code-bg); + } } -pre[class*="language-"] { - position: relative; - background: transparent !important; - - &:before, &:after { - display: none !important; - } - - code { - border-left: 1rem solid transparent !important; - box-shadow: none !important; - background: var(--surface-card) !important; - margin: 0; - color: var(--surface-900); - font-size: 14px; - border-radius: 10px; - z-index: unset; - } - } - -.copy-to-clipboard-button { - display: none; +.layout-light { + &[data-p-theme^="md"] { + pre[class*="language-"] { + code { + background: var(--surface-900); + } + } + } } \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/_config.scss b/src/assets/showcase/styles/layout/_config.scss index c0b281bc582..b510a6c4de2 100644 --- a/src/assets/showcase/styles/layout/_config.scss +++ b/src/assets/showcase/styles/layout/_config.scss @@ -1,15 +1,57 @@ .layout-config { + backdrop-filter: blur(20px); + background-color: var(--mobile-menu-bg); + + .p-selectbutton { + .p-button { + padding: 0.5rem 1rem; + + &:first-child { + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; + } + + &:last-child { + border-top-right-radius: 30px; + border-bottom-right-radius: 30px; + } + } + } + + button { + &:focus-visible { + outline: 0 none; + border-color: var(--surface-500) !important; + } + } + .grid { > div { padding: 1rem; } - } - img { - transition: transform .2s; - &:hover { - transform: scale(1.1); + .p-inputswitch { + .p-inputswitch-slider { + border-radius: 30px; + + &:before { + border-radius: 30px; + } } } +} + + +.layout-light { + .layout-config { + background: var(--surface-overlay); + } +} + +.layout-dark { + .layout-config { + background: var(rgba(0,0,0,.3)); + border: 0 none; + } } \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/_content.scss b/src/assets/showcase/styles/layout/_content.scss index 7a5202c0db6..d60687945af 100644 --- a/src/assets/showcase/styles/layout/_content.scss +++ b/src/assets/showcase/styles/layout/_content.scss @@ -1,12 +1,18 @@ .layout-content { - margin-left: 250px; - padding-top: 5rem; + padding: 6rem 4rem 0 4rem; + display: flex; - .layout-content-inner { - padding: 2rem 4rem; + .layout-content-slot { + flex: 1 1 auto; + width: 1%; + padding-top: .5rem; } +} - .card { - @include card; - } +.card { + background: var(--surface-card); + border: var(--card-border); + padding: 2rem; + border-radius: 10px; + margin-bottom: 1rem; } diff --git a/src/assets/showcase/styles/layout/_core.scss b/src/assets/showcase/styles/layout/_core.scss index e1d5a629467..ab819c5a2fa 100644 --- a/src/assets/showcase/styles/layout/_core.scss +++ b/src/assets/showcase/styles/layout/_core.scss @@ -14,10 +14,19 @@ body { -moz-osx-font-smoothing: grayscale; } +.layout-wrapper { + background-color: var(--surface-ground); +} + a { text-decoration: none; } +::selection { + background-color: var(--highlight-bg); + color: var(--highlight-text-color); +} + h1, h2, h3, h4, h5, h6 { margin: 1.5rem 0 1rem 0; font-family: inherit; @@ -31,7 +40,7 @@ h1, h2, h3, h4, h5, h6 { } h1 { - font-size: 2.25rem; + font-size: 2rem; } h2 { @@ -55,7 +64,7 @@ h6 { } p { - line-height: 1.5; + line-height: 1.75; margin: 0 0 1rem 0; } @@ -84,12 +93,8 @@ input[type="number"] { border: none; cursor: pointer; user-select: none; -} -.px-link:focus-visible { - outline: 0 none; - outline-offset: 0; - box-shadow: var(--focus-ring); + @include focus-visible(); } .px-link:disabled { @@ -97,6 +102,6 @@ input[type="number"] { } button { - font-family: inherit; - font-feature-settings: inherit; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings); } \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/_doc.scss b/src/assets/showcase/styles/layout/_doc.scss index aa93a7278a1..7705eca21f4 100644 --- a/src/assets/showcase/styles/layout/_doc.scss +++ b/src/assets/showcase/styles/layout/_doc.scss @@ -1,25 +1,34 @@ .doc-tabmenu { list-style: none; - margin: 0 17rem 0 0; - padding: 0 0 1px 0; + margin: 0; + padding: 0; display: flex; margin-bottom: 2rem; - border-bottom: 1px solid var(--surface-border); overflow: auto; + position: relative; - li { - margin-bottom: -1px; + &:after { + display: block; + position: absolute; + bottom: 0; + width: 100%; + border-bottom: 1px solid var(--surface-border); + content: ''; + } + li { + position: relative; + z-index: 1; + button { background-color: transparent; border: 0 none; display: block; - padding: 1rem 2rem; - min-width: 12rem; + padding: 0 2rem 1rem 2rem; text-align: center; color: var(--surface-700); - font-size: 1.125rem; - letter-spacing: 2px; + font-size: 1rem; + letter-spacing: 1px; cursor: pointer; margin: 0; transition: all 0.2s; @@ -35,12 +44,14 @@ &:focus { outline: 0 none; } + + @include focus-visible(); } &.doc-tabmenu-active { button { - color: var(--primary-color); border-bottom-color: var(--primary-color); + color: var(--primary-color); } } } @@ -63,11 +74,12 @@ } .doc-intro { - margin-bottom: 2rem; + margin-bottom: 1.5rem; p { font-size: 1.125rem; color: var(--surface-900); + margin: 0; } } @@ -81,7 +93,9 @@ opacity: 0.7; margin-left: 1rem; display: none; - transition: opacity 0.3s, colors 0.3s; + transition: all .2s; + border-radius: var(--border-radius); + @include focus-visible(); } &:hover { @@ -103,47 +117,39 @@ i { border-radius: 6px; padding: 2px 6px; - font-size: 0.875rem; - font-weight: 600; + font-size: 1rem; + font-weight: 500; font-style: normal; + background-color: var(--doc-highlight-text-bg); + color: var(--doc-highlight-text-color); } a { color: var(--primary-color); - font-weight: 600; + font-weight: 500; + transition: all .2s; + border-radius: var(--border-radius); + @include focus-visible(); &:hover { text-decoration: underline; } } } -} - -.layout-wrapper-light { - .doc-section-description { - > p { - i { - background-color: var(--primary-100); - color: var(--primary-900); - } - } - } -} -.layout-wrapper-dark { - .doc-section-description { - > p { - i { - background-color: var(--highlight-bg); - color: var(--highlight-text-color); - } - } + .notification { + line-height: 1.5; + padding: 1rem; + font-weight: 500; + border-radius: 10px; + background-color: var(--doc-highlight-text-bg); + color: var(--doc-highlight-text-color); } } .doc-section-nav { position: sticky; - top: 7rem; + top: 6rem; right: 0; width: 14rem; max-height: calc(100vh - 15rem); @@ -174,16 +180,17 @@ .px-link { padding: 0.25rem 1rem 0.25rem 1rem; color: var(--surface-800); + font-weight: 400; white-space: nowrap; min-width: 0; overflow: hidden; text-overflow: ellipsis; transition: all .2s; + } - &:hover { - .px-link { - color: var(--surface-900); - } + &:hover { + .px-link { + color: var(--surface-900); } } } @@ -212,49 +219,82 @@ } } -.doc-section-code-tooltip .p-tooltip-text { - padding: 0.5rem; - font-size: 11px; -} - -.doc-section-code { +.doc-section-code { + position: relative; + div { &::-webkit-scrollbar { width: 5px; } } - .p-button-label { - font-weight: normal; - font-size: 0.875rem; + &:not(:last-child) { + margin-bottom: 1rem; } - .doc-section-code-active { - .p-button-label { - font-weight: bold; + &:hover { + .doc-section-code-buttons { + display: flex; } } +} - pre { - margin: 0 0 1.5rem 0; +.doc-section-code-buttons { + position: absolute; + align-items: center; + justify-content: end; + z-index: 1; + top: .75rem; + right: .75rem; + gap: .5rem; + display: none; + background: rgba(255,255,255,.05); + border-radius: 10px; + padding: 2px; + backdrop-filter: blur(6px); + border: 1px solid rgba(255, 255, 255, .1); + + button { + outline: 0 none; + border-radius: 8px; + outline-offset: 0; + background-color: transparent; + transition: background-color .2s, box-shadow .2s; + border: 0 none; + color: var(--demo-code-button-color); + cursor: pointer; + + &:hover { + background-color: var(--demo-code-button-hover-bg); + color: var(--demo-code-button-hover-color); + } + + &.code-active { + color: #bbf7d0; + } } } +.doc-section-code-tooltip .p-tooltip-text { + padding: 0.5rem; + font-size: 11px; +} + + + .doc-tablewrapper { overflow: auto; - @include card; } .doc-table { border-collapse: collapse; width: 100%; min-width: 960px; - background-color: var(--surface-card); margin-bottom: 1.5rem; th { border-bottom: 1px solid var(--surface-border); - padding: 1rem; + padding: .75rem 1rem; text-align: left; text-transform: capitalize; } @@ -265,46 +305,51 @@ } td { - padding: 1rem; + padding: .75rem 1rem; border-bottom: 1px solid var(--surface-border); - white-space: pre-wrap; + white-space: pre-line; line-height: 1.5; + scroll-margin-top: 6.5rem; - &.doc-option-type { + &:first-child { + color: var(--primary-color); + font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace; + font-weight: 600; + } + + .doc-option-type { font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace; color: var(--primary-500); + font-weight: 500; - > a { - color: var(--primary-500); + .doc-option-type-options-container { + display: flex; + align-items: center; + } + + span.doc-option-type-options { + color: var(--primary-700); + } + &.doc-option-link { &:hover { text-decoration: underline; } } } - &.doc-option-default { - font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace; - color: var(--primary-color); - } - - &:first-child { - color: var(--primary-color); - font-weight: 700; - font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace; - } - .doc-option-name, - > i { + > i:not(.pi) { font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace; position: relative; scroll-margin-top: 6.5rem; - background-color: var(--highlight-bg); - color: var(--highlight-text-color); + background-color: var(--doc-highlight-text-bg); + color: var(--doc-highlight-text-color); border-radius: 6px; padding: 2px 6px; font-weight: 600; font-style: normal; + white-space: nowrap; .doc-option-link { position: absolute; @@ -328,6 +373,43 @@ } } } + + .doc-option-default, + .doc-option-returnType { + font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace; + font-weight: 400; + font-style: normal; + display: flex; + border-width: 1px; + border-style: solid; + border-radius: 6px; + padding: 2px 6px; + max-width: min-content; + } + + .doc-option-parameter-name { + font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace; + color: var(--primary-700); + } + + .doc-option-parameter-type { + font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace; + color: var(--primary-500); + } + + .doc-option-params { + font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, Liberation Mono, monospace; + } + + .doc-option-light { + background: var(--bluegray-50); + border-color: var(--bluegray-100); + } + + .doc-option-dark { + background: var(--bluegray-800); + border-color: var(--bluegray-800); + } } } } diff --git a/src/assets/showcase/styles/layout/_docsearch.scss b/src/assets/showcase/styles/layout/_docsearch.scss index f36909b6b92..9ca5433fcef 100644 --- a/src/assets/showcase/styles/layout/_docsearch.scss +++ b/src/assets/showcase/styles/layout/_docsearch.scss @@ -1,143 +1,149 @@ -.DocSearch-Button { - border-radius: var(--border-radius); - border: 1px solid var(--surface-border); - width: 14rem; - margin: 0; - transition: border-color .3s; - height: 3rem; - padding: 0 .75rem; - - &:hover { - border-color: var(--primary-color); - box-shadow: none; - } - - .DocSearch-Search-Icon { - width: 1.25rem; - height: 1.25rem; - } - - .DocSearch-Button-Keys { - border-radius: var(--border-radius); - overflow: hidden; - min-width: auto; - height: 1.5rem; - background: var(--docsearch-key-gradient); - display: flex; - align-items: center; - justify-content: center; - width: auto; - padding: .28rem .35rem; - gap: 2px; - - .DocSearch-Button-Key { - background: transparent; - display: flex; - padding: 0; - margin: 0; - top: 0; - border-radius: 0; - height: auto; - width: auto; - - &:first-child { - justify-content: end; - font-size: 0.8rem; - font-weight: 700; - line-height: 13.5px; - svg{ - height: 14.5px; - } - } - - &:last-child { - justify-content: start; - align-items: center; - font-size: 0.8rem; - position: relative; - &::before { - content: "\e90d"; - display: flex; - color: var(--text-color); - font-family: "primeicons"; - font-size: .4rem; - opacity: .7; - margin-right: 2px; - height: 13.5px; - align-items: center; - font-weight: 700; - - } - } - } - } -} - -.DocSearch-Container { - z-index: 1101; -} - -.DocSearch-Modal { - border: 1px solid var(--surface-border); - box-shadow: none; -} - -.DocSearch-Footer { - box-shadow: none; - border-top: 1px solid var(--surface-border); - background-color: var(--surface-overlay); -} - -.DocSearch-Form { - background: var(--surface-card); - box-shadow: none; - border: 1px solid var(--surface-border); - border-radius: var(--border-radius); - transition: border-color .3s; - - &:hover { - border-color: var(--primary-color); - } - - .DocSearch-MagnifierLabel, - .DocSearch-Reset { - color: var(--text-color); - } -} - -.DocSearch-Hit { - border-bottom: 1px solid var(--surface-border); - padding-bottom: 0; - margin-bottom: .25rem; -} - -.DocSearch-Hit-source { - color: var(--primary-color); -} - -.DocSearch-Logo .cls-1, -.DocSearch-Logo .cls-2 { - fill: var(--primary-color); -} - -.DocSearch-Prefill { - color: var(--primary-color); -} - -:root { - --docsearch-searchbox-focus-background: var(--surface-card); - --docsearch-text-color: var(--text-color); - --docsearch-muted-color: var(--text-color); - --docsearch-searchbox-background: var(--surface-card); - --docsearch-text-color: var(--text-color); - --docsearch-modal-background: var(--surface-overlay); - --docsearch-key-gradient: var(--surface-ground); - --docsearch-key-shadow: none; - --docsearch-container-background: var(--maskbg); - --docsearch-hit-background: var(--surface-overlay); - --docsearch-hit-shadow: none; - --docsearch-spacing: 1rem; - --docsearch-hit-color: var(--text-color); - --docsearch-highlight-color: var(--primary-color); - --docsearch-hit-active-color: var(--primary-color-text); -} \ No newline at end of file +.DocSearch-Button { + border-radius: var(--border-radius); + border: 1px solid var(--surface-border); + height: 2rem; + background-color: var(--surface-card); + margin: 0; + transition: all .3s; + padding: 0 .5rem; + @include focus-visible(); + + &:hover { + border-color: var(--primary-color); + } + + &:hover { + border-color: var(--primary-color); + box-shadow: none; + } + + .DocSearch-Search-Icon { + width: 1rem; + height: 1rem; + } + + .DocSearch-Button-Keys { + overflow: hidden; + min-width: auto; + height: auto; + background: transparent; + display: flex; + align-items: center; + justify-content: center; + width: auto; + padding: 0; + gap: 2px; + + .DocSearch-Button-Key { + background: transparent; + display: flex; + padding: 0; + margin: 0; + top: 0; + border-radius: 0; + height: auto; + width: auto; + font-family: var(--font-family); + + &:first-child { + font-size: 0.75rem; + line-height: normal; + } + + &:last-child { + justify-content: start; + align-items: center; + font-size: 0.75rem; + position: relative; + + &::before { + content: "\e90d"; + display: flex; + color: var(--text-color); + font-family: "primeicons"; + font-size: .4rem; + opacity: .7; + margin-right: 2px; + height: 13.5px; + align-items: center; + font-weight: 700; + + } + } + } + } +} + +.DocSearch-Container { + z-index: 1101; +} + +.DocSearch-Modal { + border: 1px solid var(--surface-border); + box-shadow: none; +} + +.DocSearch-Footer { + box-shadow: none; + border-top: 1px solid var(--surface-border); + background-color: var(--surface-overlay); +} + +.DocSearch-Form { + background: var(--surface-card); + box-shadow: none; + border: 1px solid var(--surface-border); + border-radius: var(--border-radius); + transition: border-color .3s; + + &:hover { + border-color: var(--primary-color); + } + + .DocSearch-MagnifierLabel, .DocSearch-Reset { + color: var(--text-color); + } +} + +.DocSearch-Hit { + border-bottom: 1px solid var(--surface-border); + padding-bottom: 0; + margin-bottom: .25rem; +} + +.DocSearch-Hit-source { + color: var(--primary-color); +} + +.DocSearch-Logo .cls-1, .DocSearch-Logo .cls-2 { + fill: var(--primary-color); +} + +.DocSearch-Prefill { + color: var(--primary-color); +} + +.DocSearch-Button-Placeholder { + text-align: center; + display: inline-block; + font-size: .875rem; +} + +:root { + --docsearch-searchbox-focus-background: var(--surface-card); + --docsearch-text-color: var(--text-color); + --docsearch-muted-color: var(--text-color); + --docsearch-searchbox-background: var(--surface-card); + --docsearch-text-color: var(--text-color); + --docsearch-modal-background: var(--surface-overlay); + --docsearch-key-gradient: var(--surface-ground); + --docsearch-key-shadow: none; + --docsearch-container-background: var(--maskbg); + --docsearch-hit-background: var(--surface-overlay); + --docsearch-hit-shadow: none; + --docsearch-spacing: 1rem; + --docsearch-hit-color: var(--text-color); + --docsearch-highlight-color: var(--primary-color); + --docsearch-hit-active-color: var(--primary-color-text); +} + diff --git a/src/assets/showcase/styles/layout/_footer.scss b/src/assets/showcase/styles/layout/_footer.scss index f254ab02ee7..0eb285db1f2 100644 --- a/src/assets/showcase/styles/layout/_footer.scss +++ b/src/assets/showcase/styles/layout/_footer.scss @@ -1,5 +1,5 @@ .layout-footer { - padding: 2rem 0; + padding: 2rem 4rem; margin-top: 4rem; display: flex; align-items: center; @@ -12,9 +12,14 @@ a { color: var(--primary-color); font-weight: 700; + transition: all .3s; + border-radius: var(--border-radius); + + @include focus-visible(); &:hover { text-decoration: underline; } + } -} +} \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/_glow.scss b/src/assets/showcase/styles/layout/_glow.scss new file mode 100644 index 00000000000..f2e2895b15f --- /dev/null +++ b/src/assets/showcase/styles/layout/_glow.scss @@ -0,0 +1,7 @@ +.landing, .layout-wrapper { + background-image: var(--glow-image); + background-blend-mode: var(--glow-blend); + background-position: top center; + background-repeat: no-repeat; + background-size: auto 20rem; +} \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/_mixins.scss b/src/assets/showcase/styles/layout/_mixins.scss index 6b1dc557969..2c088ffad12 100644 --- a/src/assets/showcase/styles/layout/_mixins.scss +++ b/src/assets/showcase/styles/layout/_mixins.scss @@ -1,6 +1,7 @@ -@mixin card { - background: var(--surface-card); - padding: 2rem; - border-radius: 10px; - margin-bottom: 1rem; +@mixin focus-visible($type:null) { + &:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: $type var(--focus-ring); + } } \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/_news.scss b/src/assets/showcase/styles/layout/_news.scss index db042ad0311..f2d46863494 100644 --- a/src/assets/showcase/styles/layout/_news.scss +++ b/src/assets/showcase/styles/layout/_news.scss @@ -6,7 +6,8 @@ width: 100%; height: 2rem; padding: 0 2rem; - + background-color: var(--primary-color); + .layout-news-container { display: flex; justify-content: space-between; @@ -30,6 +31,8 @@ text-overflow: ellipsis; overflow: hidden; min-width: 0%; + font-weight: 500; + color: var(--primary-color-text); } .layout-news-link { @@ -38,6 +41,16 @@ white-space: nowrap; } + .layout-news-link, + .layout-news-link:visited, + .layout-news-link:active { + color:var(--primary-color-text); + font-weight:700; + } + .layout-news-link:hover { + text-decoration: underline; + } + .layout-news-close { line-height: 1.5; cursor: pointer; @@ -49,6 +62,7 @@ height: 1.5rem; transition: background-color 0.3s; margin-left: 0.5rem; + color: var(--primary-color-text); &:hover { background-color: rgba(255, 255, 255, 0.2); @@ -56,21 +70,18 @@ } } -.landing-news-active { - .landing-header { +.layout-news-active { + .layout-topbar { top: 2rem; } -} -.layout-news-active { .layout-sidebar, - .layout-topbar, - .layout-config { - top: 2rem; + .doc-section-nav { + top: 8rem; } .layout-content { - padding-top: 7rem; + padding-top: 8rem; } .doc-section-label, diff --git a/src/assets/showcase/styles/layout/_responsive.scss b/src/assets/showcase/styles/layout/_responsive.scss index dffa460336b..27719501d74 100644 --- a/src/assets/showcase/styles/layout/_responsive.scss +++ b/src/assets/showcase/styles/layout/_responsive.scss @@ -1,127 +1,167 @@ -@media screen and (min-width: 1729px) { - .layout-content-inner { - max-width: 1478px; +@media screen and (min-width: 1920px) { + .layout-content { + max-width: 1728px; margin: 0 auto; } - .layout-topbar-inner { - max-width: 1478px; + .layout-topbar-inner, + .layout-footer { + max-width: 1728px; margin: 0 auto; } + } -@media screen and (max-width: 991px) { - .layout-wrapper { - .layout-topbar { - left: 0; - width: 100%; - - .menu-button { - display: flex; - } - - #docsearch { - margin-left: auto; - margin-right: .5rem; - } +@media screen and (max-width: 1199px) { + .layout-topbar-inner { + padding-left: 2rem; + padding-right: 2rem; - .DocSearch-Button { - width: 2rem; - height: 2rem; - overflow: hidden; - padding: 0; - justify-content: center; - align-items: center; - - .DocSearch-Search-Icon { - width: 1rem; - height: 1rem; - } - - .DocSearch-Button-Placeholder, - .DocSearch-Button-Keys { - display: none; - } - } + .menu-button { + display: block; } - - .layout-sidebar { - top: 0; - z-index: 1102; - height: 100%; - transform: translateX(-100%); - - &.active { - transform: translateX(0); + + .layout-topbar-logo-container { + width: auto; + margin-right: 0; + } + + .DocSearch-Button { + width: 2rem; + height: 2rem; + overflow: hidden; + padding: 0; + justify-content: center; + align-items: center; + + .DocSearch-Search-Icon { + width: 1rem; + height: 1rem; + } + + .DocSearch-Button-Placeholder, + .DocSearch-Button-Keys { + display: none; } } - - .layout-content { - margin-left: 0; + } + + .layout-sidebar { + top: 0; + left: 0; + position: fixed; + z-index: 1102; + height: 100%; + transform: translateX(-100%); + background-color: var(--mobile-menu-bg); + backdrop-filter: blur(20px); + width: 300px; + opacity: 0; + + nav { + padding: 1rem 1rem; } - - .layout-mask { - background-color: rgba(0, 0, 0, 0.1); - - &.layout-mask-active { - z-index: 1101; - width: 100%; - height: 100%; - position: fixed; - top: 0; - left: 0; - background-color: rgba(0, 0, 0, 0.4); - transition: background-color .5s; - } + + &.active { + opacity: 1; + transform: translateX(0); } + } - .doc-section-nav { - display: none; + .layout-news-active { + .layout-sidebar { + top: 0; } + } + + .layout-mask { + background-color: rgba(0, 0, 0, 0.1); - .video-container { - position: relative; + &.layout-mask-active { + z-index: 1101; width: 100%; - height: 0; - padding-bottom: 56.25%; + height: 100%; + position: fixed; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.4); + transition: background-color .5s; + } + } - iframe { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } + .doc-section-nav { + display: none; + } + + .video-container { + position: relative; + width: 100%; + height: 0; + padding-bottom: 56.25%; + + iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } } + .layout-content { + padding-left: 2rem; + padding-right: 2rem; + } + + .layout-footer { + padding-left: 2rem; + padding-right: 2rem; + } + .blocked-scroll { overflow: hidden; padding-right: var(--scrollbar-width); } } +@media (max-width: 768px) { + .DocSearch-Container { + position: fixed !important; + } +} + @media screen and (max-width: 575px) { - .layout-wrapper { - .layout-topbar-inner { - padding-left: 1rem; - padding-right: 1rem; - } - .layout-topbar { - padding-left: 1rem; - padding-right: 1rem; + .layout-topbar-inner { + padding-left: 1rem; + padding-right: 1rem; + + .layout-topbar-logo { + display: none; } - .layout-content { - .layout-content-inner { - padding-left: 1rem; - padding-right: 1rem; - } + .layout-topbar-icon { + display: inline-flex; } + } - .layout-footer { - padding-left: 1rem; - padding-right: 1rem; + .layout-content { + padding-left: 1rem; + padding-right: 1rem; + } + + .layout-footer { + padding-left: 1rem; + padding-right: 1rem; + } + + .doc-tabmenu { + li { + flex: 1 1 0; + + button { + width: 100%; + min-width: auto; + } } } diff --git a/src/assets/showcase/styles/layout/_sidebar.scss b/src/assets/showcase/styles/layout/_sidebar.scss index 315f39f9ad1..d512bb1757c 100644 --- a/src/assets/showcase/styles/layout/_sidebar.scss +++ b/src/assets/showcase/styles/layout/_sidebar.scss @@ -1,15 +1,16 @@ .layout-sidebar { - position: fixed; + position: sticky; left: 0; - top: 0; - height: 100%; - background-color: var(--surface-overlay); - width: 250px; + top: 6rem; + height: calc(100vh - 9rem); user-select: none; - transition: transform .4s cubic-bezier(.05,.74,.2,.99); + transition: transform .4s cubic-bezier(.05,.74,.2,.99), opacity .3s; display: flex; flex-direction: column; - padding: 1rem 0; + padding: 0 0 0 0; + flex: 0 0 250px; + margin-right: 4rem; + overflow: auto; .logo { display: flex; @@ -17,10 +18,9 @@ } nav { - padding: .5rem 1rem 2rem 1rem; - margin-top: 2rem; + padding: 0 1rem 0 0; + margin: 0; flex-grow: 1; - overflow-y: auto; } .layout-menu { @@ -30,15 +30,17 @@ > li { margin-bottom: .25rem; + > button, > a { display: flex; width: 100%; align-items: center; - padding: .5rem; + padding: .5rem 0; color: var(--surface-900); font-weight: 600; transition: all .2s; + border-radius: var(--border-radius); .menu-icon { width: 2rem; @@ -65,7 +67,7 @@ &:hover { .menu-icon { i { - color: var(--surface-900); + color: var(--primary-color); } } @@ -83,11 +85,13 @@ } } } + + @include focus-visible(inset); } > div { ol { - margin: 0 0 0 1.5rem; + margin: 0 0 0 1rem; padding: .25rem 0; list-style: none; @@ -96,7 +100,7 @@ color: var(--surface-700); border-left: 1px solid var(--surface-border); transition: all .2s; - font-weight: 400; + font-weight: 450; display: flex; padding: .5rem .5rem .5rem 1rem; color: var(--surface-700); diff --git a/src/assets/showcase/styles/layout/_topbar.scss b/src/assets/showcase/styles/layout/_topbar.scss index 6dabdb123a2..bbd53f87023 100644 --- a/src/assets/showcase/styles/layout/_topbar.scss +++ b/src/assets/showcase/styles/layout/_topbar.scss @@ -1,62 +1,58 @@ .layout-topbar { - padding: 0; - height: 5rem; position: fixed; top: 0; - left: 250px; - width: calc(100% - 250px); + left: 0; + width: calc(100% - var(--scrollbar-width, 0px)); z-index: 1100; - transition: background-color 1s; - - .layout-topbar-inner { - height: 100%; - display: flex; - align-items: center; - justify-content: space-between; - padding: 0 4rem; - height: 100%; - width: calc(100% - var(--scrollbar-width, 0px)); - } + transition: background-color .5s, border-color .5s; + border-bottom: 1px solid transparent; &.layout-topbar-sticky { + border-bottom: 1px solid var(--surface-border); + background-color: var(--topbar-sticky-bg); backdrop-filter: blur(8px); } +} - .menu-button { - display: none; - color: var(--text-color); - width: 3rem; - height: 3rem; - background-color: var(--surface-card); - border: 1px solid var(--surface-border); - align-items: center; - justify-content: center; - margin-right: auto; - transition: border-color .3s; - cursor: pointer; - - &:hover { - border-color: var(--primary-color); - } +.layout-topbar-inner { + height: 4rem; + padding: 0 4rem; + display: flex; + align-items: center; + justify-content: space-between; + + .layout-topbar-logo-container { + width: 250px; + margin-right: 4rem; + } + + .layout-topbar-logo, + .layout-topbar-icon { + border-radius: var(--border-radius); + @include focus-visible(); - i { - font-size: 1.5rem; + svg { + width: 120px; } } -} -.layout-wrapper-light { - .layout-topbar { - &.layout-topbar-sticky { - background-color: rgba(255,255,255,.7); + .layout-topbar-logo { + display: inline-flex; + + svg { + width: 120px; } } -} -.layout-wrapper-dark { - .layout-topbar { - &.layout-topbar-sticky { - background-color: rgba(0,0,0,.3); + .layout-topbar-icon { + display: none; + + svg { + width: 25px; } } + + .menu-button { + display: none; + } } \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/landing/_blocks.scss b/src/assets/showcase/styles/layout/landing/_blocks.scss index 66af8c92c33..69a76d68fb1 100644 --- a/src/assets/showcase/styles/layout/landing/_blocks.scss +++ b/src/assets/showcase/styles/layout/landing/_blocks.scss @@ -11,8 +11,8 @@ &.blocks-animation { .prime-block { - .block-sidebar, - .block-header, + .block-sidebar, + .block-header, .block-sidebar-list, .block-content { opacity: 1; @@ -24,7 +24,7 @@ .prime-block { background: var(--home-blocks-block-bg); - box-shadow: var(--home-blocks-block-shadow); + box-shadow:var(--home-blocks-block-shadow); border-left: var(--home-blocks-border-left); border-bottom: var(--home-blocks-border-bottom); border-radius: 10px; @@ -35,9 +35,9 @@ margin: 15px; transition: opacity 1.3s, transform 1.3s; - .block-sidebar, - .block-header, - .block-sidebar-list, + .block-sidebar, + .block-header, + .block-sidebar-list, .block-content { transition: opacity 1.3s, transform 1.3s; opacity: 0; @@ -46,16 +46,16 @@ } &:before { - content: ""; + content: ''; position: absolute; top: 0; - left: 0; - right: 0; + left:0; + right:0; bottom: 0; border-radius: 6px; - border: var(--home-blocks-border); + border: var(--home-blocks-border) } - + .block-sidebar, .block-header { background: var(--home-blocks-sidebar-bg); @@ -65,7 +65,7 @@ .block-sidebar-list { background: var(--home-blocks-list-bg); } - + .block-content { .block-main { border: var(--home-blocks-main-border); @@ -87,24 +87,24 @@ border-radius: 4px; width: 14px; height: 14px; - - &.box-orange { - background-color: #f57c00; + + &.box-orange{ + background-color: #F57C00; } - &.box-pink { - background-color: #e91e63; + &.box-pink{ + background-color: #E91E63; } &.box-green { - background-color: #4caf50; + background-color: #4CAF50; } - &.box-blue { - background-color: #2196f3; + &.box-blue{ + background-color: #2196F3; } } - + .block-image { background-color: var(--home-blocks-image-bg); height: 44px; @@ -128,11 +128,11 @@ z-index: 5; animation: block-animation 1500ms ease-in-out alternate infinite; - &.animation-2 { + &.animation-2{ animation-delay: 1s; } - - &.animation-3 { + + &.animation-3{ animation-delay: 1.5s; } } @@ -146,8 +146,8 @@ &.block-item-table { border-radius: 100px; padding: 10px; - - .bar { + + .bar{ background: var(--home-blocks-tablebar-bg); } } @@ -169,9 +169,9 @@ &.bar-button { height: 16px; position: relative; - + &:before { - content: ""; + content: ''; position: absolute; top: 6px; left: 10px; @@ -216,7 +216,7 @@ @keyframes block-animation { to { - transform: translateY(-10px) scale(1.02); + transform: translateY(-10px) translateX(10px) scale(1.02); box-shadow: var(--home-blocks-animation-shadow); } -} +} \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/landing/_components.scss b/src/assets/showcase/styles/layout/landing/_components.scss deleted file mode 100644 index a6c718c1081..00000000000 --- a/src/assets/showcase/styles/layout/landing/_components.scss +++ /dev/null @@ -1,39 +0,0 @@ -.landing-components { - .components-main { - .components-strip-top { - background: var(--home-components-strip-bg); - transform: matrix(-1, 0, 0, 1, 0, 0); - } - - .components-strip-bottom { - background: var(--home-components-strip-bg); - } - } - - .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - background: transparent; - } - - .box { - box-shadow: var(--home-card-shadow); - } - - .p-datepicker, - .p-datepicker-header { - background: transparent; - border-color: transparent; - } - - .p-datepicker-month, - .p-datepicker-year { - color: var(--home-primary-text-color); - } -} - -@media screen and (min-width: 1660px) { - .components-main-container { - width: 1504px !important; - margin-left: auto !important; - margin-right: auto !important; - } -} diff --git a/src/assets/showcase/styles/layout/landing/_dark.scss b/src/assets/showcase/styles/layout/landing/_dark.scss deleted file mode 100644 index a6b38fb70bd..00000000000 --- a/src/assets/showcase/styles/layout/landing/_dark.scss +++ /dev/null @@ -1,62 +0,0 @@ -.landing-dark { - --home-highlight-color:#1876d1; - --home-highlight-darker-color:#135ea7; - --home-highlight-fore-color:#ffffff; - --home-bg:#030B17; - --home-intro-bg:linear-gradient(180deg, #061730 0%, #030B17 100%); - --home-border-color:#183E71; - --home-primary-text-color:#ffffff; - --home-secondary-text-color:#B6C4D6; - --home-card-shadow:0px 50px 100px rgba(0, 0, 0, 0.25); - --home-box-bg:rgba(11, 33, 63, 0.55); - --home-linkbox-bg:rgba(11, 33, 63, 0.55); - --home-linkbox-border:1px solid #183E71; - --home-linkbox-text-color:#ffffff; - --home-linkbox-hover-bg:rgba(11, 33, 63, 0.9); - --home-header-bg:rgba(11, 33, 63, 0.65); - --home-menu-link-text-color:#ffffff; - --home-menu-link-hover-bg:rgba(11, 33, 63, 0.9); - --home-herobox-bg:#0B213F; - --home-herobox-shadow:0px 50px 100px rgba(0, 0, 0, 0.25); - --home-herobox-strip-top-bg:linear-gradient(360deg, rgba(3, 11, 23, 0) 0%, rgba(11, 37, 73, 0.913125) 53.83%, rgba(7, 24, 48, 0) 101.32%); - --home-herobox-strip-bottom-bg:linear-gradient(90deg, rgba(3, 11, 23, 0) 0%, #0C284E 50%, rgba(3, 11, 23, 0) 100%); - --home-herobox-logo-shadow:0px 50px 100px 0px #000000; - --home-components-strip-bg:linear-gradient(90deg, rgba(3, 11, 23, 0) 0%, #071934 100%); - --home-blocks-bg:linear-gradient(180deg, #040B17 0%, #061B38 58.33%, #030B17 100%); - --home-blocks-block-bg:#0B213F8C; - --home-blocks-block-shadow:0px 4.787564754486084px 10px 0px #0000001A , 0px 4px 25px rgba(0, 0, 0, 0.288); - --home-blocks-border-left:5px solid #0E294D; - --home-blocks-border-bottom:7px solid #0E294D; - --home-blocks-border:1px solid #183E71; - --home-blocks-sidebar-bg:#0D264A; - --home-blocks-list-bg:#0C2242; - --home-blocks-main-bg:#0B213F8C; - --home-blocks-main-border:1px solid #183E71; - --home-blocks-item-bg:#0D264A; - --home-blocks-image-bg:#102F5B; - --home-blocks-text-color:#133667; - --home-blocks-active-shadow:0px 30px 50px 0px #00000049; - --home-blocks-active-border-top:1px solid #183E71; - --home-blocks-active-border-right:1px solid #183E71; - --home-blocks-active-border-bottom:6px solid #112d52; - --home-blocks-active-border-left:4px solid #183E71; - --home-blocks-animation-shadow:0px 30px 50px 20px #00000059; - --home-blocks-tablebar-bg:#194686; - --home-blocks-bar-bg:#15386B; - --home-blocks-bar-button-bg:#0C2E56; - --home-blocks-circle-bg:#15386B; - --home-templates-bg:linear-gradient(180deg,#040b17 0%,#061b38 58.33%,#030b17 100%); - --home-templates-block-shadow:0px 4.787564754486084px 10px 0px #0000001a; - --home-templates-block-border-left:5px solid rgb(13, 35, 65); - --home-templates-block-border-bottom:7px solid #09182d; - --home-templates-line:linear-gradient(rgba(10, 35, 70, 0),#0e3163 50%,rgba(10, 35, 70, 0)); - --home-templates-block-hover-bg:rgba(11, 33, 63, 0.699); - --home-templates-btn-bg:rgb(11, 33, 63); - --home-templates-btn-text-color:#ffffff; - --home-templates-btn-shadow:0px 10px 15px 0px #00000040; - --home-templates-btn-border-top:1px solid rgb(13, 40, 78); - --home-templates-btn-border-right:1px solid rgb(13, 40, 78); - --home-templates-btn-border-bottom:4px solid rgb(13, 40, 78); - --home-templates-btn-border-left:3px solid rgb(13, 40, 78); - --home-features-card-shadow: none; -} \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/landing/_designer.scss b/src/assets/showcase/styles/layout/landing/_designer.scss deleted file mode 100644 index d1ed8098bb5..00000000000 --- a/src/assets/showcase/styles/layout/landing/_designer.scss +++ /dev/null @@ -1,162 +0,0 @@ -.landing-designer { - .designer-demo { - --dd-primary: #03c4e8; - --dd-primary-darker: #029dba; - --dd-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, - Segoe UI Emoji, Segoe UI Symbol; - - .p-component { - font-family: var(--dd-font); - } - - .p-slider { - .p-slider-range { - background-color: var(--dd-primary); - } - - .p-slider-handle { - border-color: var(--dd-primary); - - &:hover { - background-color: var(--dd-primary); - border-color: var(--dd-primary); - } - } - } - - .p-inputtext { - &:enabled:hover { - border-color: var(--dd-primary); - } - - &:focus { - box-shadow: none; - border-color: var(--dd-primary); - } - } - - .p-checkbox { - &:not(.p-checkbox-disabled) .p-checkbox-box { - &:hover, - &.p-focus { - border-color: var(--dd-primary); - } - - &.p-focus { - box-shadow: 0 0 0 2px var(--surface-ground), 0 0 0 4px var(--dd-primary), - 0 1px 2px 0 rgba(0, 0, 0, 1); - } - } - - .p-checkbox-box { - &.p-highlight { - background-color: var(--dd-primary); - border-color: var(--dd-primary); - - &:hover { - background-color: var(--dd-primary); - border-color: var(--dd-primary); - } - } - } - } - - .p-button { - background-color: var(--dd-primary); - border-color: var(--dd-primary); - - &.p-button-outlined { - background-color: transparent; - - .p-button-icon, - .p-button-label { - color: var(--dd-primary); - } - - &:enabled:hover, - &:enabled:active { - background-color: transparent; - } - } - - &:enabled:hover, - &:enabled:active { - background-color: var(--dd-primary-darker); - border-color: var(--dd-primary-darker); - } - - &:focus { - box-shadow: 0 0 0 2px var(--surface-ground), 0 0 0 4px var(--dd-primary), 0 1px 2px 0 rgba(0, 0, 0, 1); - } - } - - .p-listbox { - .p-listbox-list .p-listbox-item.p-highlight { - background-color: transparent; - box-shadow: inset 0 0 0 0.15rem var(--dd-primary); - color: var(--text-color); - } - } - - .p-inputtext, - .p-button, - .p-listbox-item, - .p-slider { - transition: all 0.5s; - } - - .p-slider, - .p-checkbox { - transition: transform 0.5s; - } - - &.demo-size-small { - .p-inputtext, - .p-button { - padding: 0.5rem; - } - - .p-listbox-item { - padding: 0.5rem 1rem; - } - - .p-slider, - .p-checkbox { - transform: scale(0.9); - } - } - - &.demo-size-large { - .p-inputtext, - .p-button { - padding: 1rem; - } - - .p-listbox-item { - padding: 1rem 1.5rem; - } - - .p-slider, - .p-checkbox { - transform: scale(1.1); - } - } - } - - .formgrid > .field { - padding: 1rem 2rem 1rem; - } - - .designer-editor { - backdrop-filter: blur(1rem); - box-shadow: var(--home-card-shadow); - max-width: 1250px !important; - margin-left: auto !important; - margin-right: auto !important; - } - - .designer-controls { - border-radius: 0 !important; - background: transparent; - } -} diff --git a/src/assets/showcase/styles/layout/landing/_features.scss b/src/assets/showcase/styles/layout/landing/_features.scss index 703cf7d7de8..219b064760a 100644 --- a/src/assets/showcase/styles/layout/landing/_features.scss +++ b/src/assets/showcase/styles/layout/landing/_features.scss @@ -2,9 +2,9 @@ .box { box-shadow: var(--home-features-card-shadow); } - .features-container { + .features-container{ max-width: 1250px !important; margin-left: auto !important; margin-right: auto !important; } -} +} \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/landing/_footer.scss b/src/assets/showcase/styles/layout/landing/_footer.scss new file mode 100644 index 00000000000..3b97a5c680d --- /dev/null +++ b/src/assets/showcase/styles/layout/landing/_footer.scss @@ -0,0 +1,5 @@ +.landing-footer { + a { + @include focus-visible(); + } +} \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/landing/_header.scss b/src/assets/showcase/styles/layout/landing/_header.scss deleted file mode 100644 index e3cc2d41f3f..00000000000 --- a/src/assets/showcase/styles/layout/landing/_header.scss +++ /dev/null @@ -1,107 +0,0 @@ -.landing-header { - background-color: transparent; - position: fixed; - top: 0; - left: 0; - width: 100%; - padding-top: 1rem; - padding-bottom: 1rem; - z-index: 100; - - .landing-header-container { - width: 100%; - max-width: 1250px !important; - margin-left: auto !important; - margin-right: auto !important; - display: flex; - align-items: center; - justify-content: space-between; - } - - .landing-header-logo { - height: 2.5rem; - } - - &.landing-header-sticky { - background-color: var(--home-header-bg); - backdrop-filter: blur(12px); - } - - ol { - a { - display: block; - padding: 0.5rem 1.5rem; - text-align: center; - transition: background-color 0.3s; - border-radius: 10px; - color: var(--home-menu-link-text-color); - white-space: nowrap; - - img { - display: none; - } - - &:hover { - background: var(--home-menu-link-hover-bg); - } - } - } - - .header-button { - width: 2.5rem; - height: 2.5rem; - } -} - -@media screen and (max-width: $landingBreakpointLG) { - .landing-header { - align-items: flex-start; - - nav { - display: none; - } - - &.landing-header-active { - background-color: var(--home-header-bg); - backdrop-filter: blur(12px); - height: 100vh; - - nav { - display: block; - position: fixed; - left: 100px; - top: 100px; - width: 100%; - padding: 4rem 2rem; - top: 5rem; - left: 0; - } - - .menu-button { - i:before { - content: "\e90b"; - } - } - } - - ol { - a { - border: 1px solid var(--home-border-color); - background-color: var(--home-herobox-bg); - margin-bottom: 1rem; - color: var(--home-linkbox-text-color); - cursor: pointer; - font-size: 1.5rem; - text-align: left; - display: flex; - align-items: center; - padding: 1.5rem; - - img { - display: block; - margin-right: 1.5rem; - } - } - } - } -} diff --git a/src/assets/showcase/styles/layout/landing/_hero.scss b/src/assets/showcase/styles/layout/landing/_hero.scss index 9f2cdeff7b4..dd645817f30 100644 --- a/src/assets/showcase/styles/layout/landing/_hero.scss +++ b/src/assets/showcase/styles/layout/landing/_hero.scss @@ -1,200 +1,19 @@ .landing-hero { - flex: 1 1 auto; - - .hero-inner { - .hero-box { - position: relative; - z-index: 1; - - .name { - text-align: center; - margin-top: 20px; - opacity: 0; - transition: 1s; - transition-delay: 1.8s; - } - - img { - transform: scale(0); - opacity: 0; - transition: 0.5s; - transition-delay: 1.8s; - } - - b { - color: var(--home-primary-text-color); - display: block; - font-weight: 600; - font-size: 13px; - } - - span { - color: var(--home-secondary-text-color); - font-weight: 500; - font-size: 12px; - } - - &:before { - content: ""; - background: var(--home-herobox-bg); - border: 1px solid var(--home-border-color); - box-shadow: 0px 50px 100px var(--home-herobox-shadow); - border-radius: 9px; - z-index: -1; - position: absolute; - top: 50%; - left: 50%; - width: 100%; - height: 0%; - opacity: 0; - transform: translate(-50%, -50%); - transition: height 1s 1.4s, opacity 1s 1.4s, border-color 0.3s; - } - - &:hover { - &:before { - border-color: var(--home-highlight-color); - } - } - } - - .hero-border-top { - opacity: 0; - border: 1px solid transparent; - width: 380px; - height: 0; - position: absolute; - top: 50%; - left: 50%; - z-index: -1; - transition: height 1.5s, opacity 1.5s; - transition-delay: 0.6s; - border-radius: 9px; - transform: translate(-50%, -50%); - } - - .hero-border-left { - border: 1px solid var(--home-border-color); - border-right: transparent; - width: 0%; - border-radius: 9px 0 0 9px; - height: 35%; - position: absolute; - top: 50%; - left: -3%; - z-index: -1; - opacity: 0; - transition: width 1s, opacity 1s, transform 1s; - transition-delay: 1s; - transform: translate(108px, -50%); - } - - .hero-border-right { - border: 1px solid var(--home-border-color); - border-left: transparent; - width: 0%; - border-radius: 0 9px 9px 0; - height: 35%; - position: absolute; - top: 50%; - right: -3%; - z-index: -1; - opacity: 0; - transition: width 1s, opacity 1s, transform 1s; - transition-delay: 1s; - transform: translate(-108px, -50%); - } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + background: transparent; } - .hero-bg { - transition-delay: 1.4s; - - .hero-strip-top { - transition: 1.6s; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - width: 114px; - height: 0%; - opacity: 0; - background: var(--home-herobox-strip-top-bg); - } - - .hero-strip-left { - transition: 1.6s; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: 0%; - height: 114px; - opacity: 0; - background: var(--home-herobox-strip-bottom-bg); - } + .box { + box-shadow: var(--home-card-shadow); } - &.hero-animation { - .hero-bg { - .hero-strip-top { - opacity: 1; - height: 100%; - } - - .hero-strip-left { - width: 100%; - opacity: 1; - } - } - - .hero-inner { - .hero-box { - cursor: pointer; - - img { - opacity: 1; - transform: scale(1); - } - - &.logo { - &::before { - box-shadow: var(--home-herobox-logo-shadow); - } - } - - .name { - opacity: 1; - } - - &:before { - height: 100%; - opacity: 1; - } - } - - .hero-border-top { - height: 70%; - opacity: 1; - border-color: var(--home-border-color); - } - - .hero-border-left { - opacity: 1; - width: 19%; - transform: translate(0, -50%); - } - - .hero-border-right { - opacity: 1; - width: 19%; - transform: translate(0, -50%); - } - } - } + } -@media screen and (max-width: $landingBreakpointLG) { +@media screen and (min-width: 1660px) { .landing-hero { - padding: 0 2rem; + width: 1504px !important; + margin-left: auto !important; + margin-right: auto !important; } -} +} \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/landing/_landing.scss b/src/assets/showcase/styles/layout/landing/_landing.scss index 2fb3020dd6b..a02515e118f 100644 --- a/src/assets/showcase/styles/layout/landing/_landing.scss +++ b/src/assets/showcase/styles/layout/landing/_landing.scss @@ -1,16 +1,14 @@ -$landingBreakpointMD: 765px; +$landingBreakpointMD: 767px; $landingBreakpointLG: 991px; $landingBreakpointXL: 1199px; +@import '../_mixins'; @import './_main'; -@import './_light'; -@import './_dark'; -@import './_header'; @import './_hero'; +@import './_users'; @import './_getstarted'; -@import './_components'; @import './_themes'; @import './_blocks'; -@import './_designer'; @import './_templates'; @import './_features'; +@import './_footer'; diff --git a/src/assets/showcase/styles/layout/landing/_light.scss b/src/assets/showcase/styles/layout/landing/_light.scss deleted file mode 100644 index 0d14af967d3..00000000000 --- a/src/assets/showcase/styles/layout/landing/_light.scss +++ /dev/null @@ -1,62 +0,0 @@ -.landing-light { - --home-highlight-color:#1876d1; - --home-highlight-darker-color:#135ea7; - --home-highlight-fore-color:#ffffff; - --home-bg:#EDF5FF; - --home-intro-bg:#EDF5FF; - --home-border-color:#C7E0FF; - --home-primary-text-color:#191919; - --home-secondary-text-color:#73879E; - --home-card-shadow:0px 30px 50px #D4E0EE; - --home-box-bg:#ffffff; - --home-linkbox-bg:#ffffff; - --home-linkbox-border:1px solid #C7E0FF; - --home-linkbox-text-color:#191919; - --home-linkbox-hover-bg:#e3f0ff; - --home-header-bg:rgba(255, 255, 255, 0.85); - --home-menu-link-text-color:#191919; - --home-menu-link-hover-bg:#e3f0ff; - --home-herobox-bg:#ffffff; - --home-herobox-shadow:0px 50px 100px rgba(212, 224, 238, 0.25); - --home-herobox-strip-top-bg:linear-gradient(0deg, #EDF5FF 1.9%, #D9EAFF 50.44%, #EDF5FF 100%); - --home-herobox-strip-bottom-bg:linear-gradient(90deg, #F2F8FF 0%, #EDF5FF 0.01%, #D9EAFF 50%, #EDF5FF 100%); - --home-herobox-logo-shadow:00px 50px 100px #BACCE2; - --home-components-strip-bg:linear-gradient(90deg, #EDF5FF 0.01%, #D9EAFF 100%); - --home-blocks-bg:linear-gradient(180deg, rgba(237, 245, 255, 0) 0%, #D4E8FE 49.48%, #EDF5FF 100%); - --home-blocks-block-bg:#FFFFFF8C; - --home-blocks-block-shadow:-10px 4px 10px 0px #c5d3e782, -10px 4px 25px #a1c0eb91; - --home-blocks-border-left:5px solid #D0E5FF; - --home-blocks-border-bottom:7px solid #D0E5FF; - --home-blocks-border:1px solid #D0E5FF; - --home-blocks-sidebar-bg:#E4F0FF; - --home-blocks-list-bg:#ECF5FF; - --home-blocks-main-bg:none; - --home-blocks-main-border:1px solid #D0E5FF; - --home-blocks-item-bg:#E4F0FF; - --home-blocks-image-bg:#C1DFFF; - --home-blocks-text-color:#C1DFFF; - --home-blocks-active-shadow:0px 30px 50px 0px #D9EAFF; - --home-blocks-active-border-top:1px solid #D7E9FF; - --home-blocks-active-border-right:1px solid #D7E9FF; - --home-blocks-active-border-bottom:6px solid #D7E9FF; - --home-blocks-active-border-left:4px solid #D7E9FF; - --home-blocks-animation-shadow:0px 30px 50px 10px #2E7BBC61; - --home-blocks-tablebar-bg:#C1DFFF; - --home-blocks-bar-bg:#C1DFFF; - --home-blocks-bar-button-bg:#ffffff; - --home-blocks-circle-bg:#C1DFFF; - --home-templates-bg:linear-gradient(180deg,#edf5ff 0%,#d4e8fe 49.48%,#edf5ff 100%); - --home-templates-block-shadow:0px 4.787564754486084px 10px 0px #b9d2f0; - --home-templates-block-border-left:5px solid #e9f3ff; - --home-templates-block-border-bottom:7px solid #e9f3ff; - --home-templates-line:linear-gradient(rgba(10, 35, 70, 0),#89b8f1 50%,rgba(10, 35, 70, 0)); - --home-templates-block-hover-bg:rgba(11, 33, 63, 0.699); - --home-templates-btn-bg:rgb(11, 33, 63); - --home-templates-btn-text-color:#ffffff; - --home-templates-btn-shadow:0px 10px 15px 0px #00000040; - --home-templates-btn-border-top:1px solid rgb(13, 40, 78); - --home-templates-btn-border-right:1px solid rgb(13, 40, 78); - --home-templates-btn-border-bottom:4px solid rgb(13, 40, 78); - --home-templates-btn-border-left:3px solid rgb(13, 40, 78); - --home-features-card-shadow: 0px 50px 100px rgba(212, 224, 238, 0.25); -} \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/landing/_main.scss b/src/assets/showcase/styles/layout/landing/_main.scss index 63e61888086..93f374c94b7 100644 --- a/src/assets/showcase/styles/layout/landing/_main.scss +++ b/src/assets/showcase/styles/layout/landing/_main.scss @@ -1,14 +1,7 @@ .landing { - background: var(--home-bg); + background-color: var(--home-bg); scroll-behavior: smooth; - - .landing-intro { - background: var(--home-intro-bg); - min-height: 100vh; - display: flex; - padding-top: 5rem; - flex-direction: column; - } + padding-top: 4rem; .box { border: 1px solid var(--home-border-color); @@ -17,7 +10,7 @@ } .linkbox { - transition: background-color 0.3s; + transition: background-color .2s, border-color .2s; display: inline-flex; align-items: center; color: var(--home-linkbox-text-color); @@ -26,6 +19,8 @@ background-color: var(--home-linkbox-bg); border-radius: 10px; cursor: pointer; + + @include focus-visible(); &:hover { background: var(--home-linkbox-hover-bg); @@ -64,6 +59,10 @@ border-bottom: 0 none; overflow: hidden; } + + &.layout-news-active { + padding-top: 6rem; + } } .text-secondary { @@ -74,12 +73,6 @@ background-color: var(--surface-hover); } -.users-container { - max-width: 1250px !important; - margin-left: auto !important; - margin-right: auto !important; -} - .landing-footer-container { max-width: 1250px !important; margin-left: auto !important; @@ -140,50 +133,4 @@ 100% { transform: translateX(calc(-100% - 3rem)); } -} - -.landing-users { - .section-detail { - max-width: 1250px !important; - margin-left: auto !important; - margin-right: auto !important; - } - - .users-container { - max-width: 1250px !important; - margin-left: auto !important; - margin-right: auto !important; - - .marquee-wrapper { - user-select: none; - gap: 3rem; - justify-content: center; - align-items: center; - flex-shrink: 0; - - .marquee { - flex-shrink: 0; - display: flex; - align-items: center; - justify-content: space-around; - gap: 3rem; - min-width: 100%; - animation: scroll 30s linear infinite; - - > div { - max-width: clamp(10rem, 1rem + 28vmin, 20rem); - aspect-ratio: 1; - display: flex; - justify-content: center; - align-items: center; - height: 8rem; - } - - &.marquee-reverse { - animation-direction: reverse; - animation-delay: calc(30s / -2); - } - } - } - } -} +} \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/landing/_templates.scss b/src/assets/showcase/styles/layout/landing/_templates.scss index 0122e03f297..b83757e2f12 100644 --- a/src/assets/showcase/styles/layout/landing/_templates.scss +++ b/src/assets/showcase/styles/layout/landing/_templates.scss @@ -6,7 +6,7 @@ transform: rotateX(55deg) rotateY(0deg) rotateZ(-45deg); position: relative; z-index: 1; - + .template-block { width: 504px; height: 257px; @@ -19,7 +19,7 @@ position: relative; z-index: 1; transition: 1.5s; - opacity: 0; + opacity:0; visibility: hidden; &.block-1 { @@ -29,7 +29,7 @@ &.block-2 { animation: animated-block-2 2s 0.2s ease-in-out alternate infinite; } - + &.block-middle { transform: scale(0.9); } @@ -63,7 +63,7 @@ } &:before { - content: ""; + content: ''; position: absolute; top: 0; left: 0; @@ -147,7 +147,7 @@ background: var(--home-templates-line); } } - + .left { position: absolute; top: 50%; @@ -172,21 +172,20 @@ &.templates-animation { .template-block { - opacity: 1; + opacity:1; visibility: visible; transition: none !important; } .block-middle { - .theme-mode, - img { + .theme-mode, img { opacity: 1; visibility: visible; transform: scale(1); transition: none !important; } } - + .lines { opacity: 0.5; width: 100%; @@ -194,7 +193,6 @@ } } } - @media screen and (max-width: $landingBreakpointXL) { .landing-templates { .templates { @@ -232,19 +230,22 @@ .template-block { width: 354px; height: 180px; + } } } } + @keyframes animated-block-1 { to { - transform: translateX(-10px); + transform: translateX(-10px); } } @keyframes animated-block-2 { to { - transform: translateX(10px); + transform: translateX(10px); } } + diff --git a/src/assets/showcase/styles/layout/landing/_users.scss b/src/assets/showcase/styles/layout/landing/_users.scss new file mode 100644 index 00000000000..5ebda5eafe7 --- /dev/null +++ b/src/assets/showcase/styles/layout/landing/_users.scss @@ -0,0 +1,49 @@ +.landing-users { + .fade-right { + background: linear-gradient(to left, var(--home-bg), transparent); + } + .fade-left { + background: linear-gradient(to right, var(--home-bg), transparent); + } + .section-detail { + max-width: 1250px !important; + margin-left: auto !important; + margin-right: auto !important; + } + .users-container { + max-width: 1250px !important; + margin-left: auto !important; + margin-right: auto !important; + + .marquee-wrapper { + user-select: none; + gap: 3rem; + justify-content: center; + align-items: center; + flex-shrink: 0; + } + .marquee { + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: space-around; + gap: 3rem; + min-width: 100%; + animation: scroll 30s linear infinite; + + > div { + max-width: clamp(10rem, 1rem + 28vmin, 20rem); + aspect-ratio: 1; + display: flex; + justify-content: center; + align-items: center; + height: 8rem; + } + + &.marquee-reverse{ + animation-direction: reverse; + animation-delay: calc(30s / -2); + } + } + } +} \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/landing/themes/lara-dark-blue/theme.css b/src/assets/showcase/styles/layout/landing/themes/lara-dark-blue/theme.css index 34cd15ec696..7c2394f4cf1 100644 --- a/src/assets/showcase/styles/layout/landing/themes/lara-dark-blue/theme.css +++ b/src/assets/showcase/styles/layout/landing/themes/lara-dark-blue/theme.css @@ -1,262 +1,38 @@ -.landing-themes * { - box-sizing: border-box; -} -.landing-themes .box.table-container { - background-color: #071426; -} .landing-themes .p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } -.landing-themes .p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} -.landing-themes .p-disabled, .landing-themes .p-component:disabled { - opacity: 0.4; -} -.landing-themes .p-error { - color: #FCA5A5; -} + .landing-themes .p-text-secondary { color: rgba(255, 255, 255, 0.6); } .landing-themes .pi { font-size: 1rem; } +.landing-themes .p-icon { + width: 1rem; + height: 1rem; +} .landing-themes .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; border-radius: 6px; } -.landing-themes .p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} -.landing-themes .p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} -.landing-themes .p-calendar.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; -} -.landing-themes .p-datepicker { - padding: 0.5rem; - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; -} -.landing-themes .p-datepicker:not(.p-datepicker-inline) { - background: #071426; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.landing-themes .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #071426; -} -.landing-themes .p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: rgba(255, 255, 255, 0.87); - background: #071426; - font-weight: 700; - margin: 0; - border-bottom: 1px solid #0b213f; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-prev, -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title select { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title select:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.landing-themes .p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.landing-themes .p-datepicker table th { - padding: 0.5rem; -} -.landing-themes .p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.landing-themes .p-datepicker table td { - padding: 0.5rem; -} -.landing-themes .p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.landing-themes .p-datepicker table td > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.landing-themes .p-datepicker table td > span:focus { +.landing-themes .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-datepicker table td.p-datepicker-today > span { - background: transparent; - color: #93C5FD; - border-color: transparent; -} -.landing-themes .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.landing-themes .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #0b213f; -} -.landing-themes .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.landing-themes .p-datepicker .p-timepicker { - border-top: 1px solid #0b213f; - padding: 0.5rem; -} -.landing-themes .p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-datepicker .p-timepicker button:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.landing-themes .p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.landing-themes .p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.landing-themes .p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.landing-themes .p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.landing-themes .p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.landing-themes .p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.landing-themes .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.landing-themes .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-right: 1px solid #0b213f; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.landing-themes .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; -} -.landing-themes .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; - border-right: 0 none; -} -.landing-themes .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.landing-themes .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); -} -.landing-themes .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -@media screen and (max-width: 769px) { - .landing-themes .p-datepicker table th, .landing-themes .p-datepicker table td { - padding: 0; - } + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .landing-themes .p-checkbox { width: 22px; height: 22px; } .landing-themes .p-checkbox .p-checkbox-box { - border: 2px solid #0b213f; - background: #040d19; + border: 2px solid #424b57; + background: #111827; width: 22px; height: 22px; color: rgba(255, 255, 255, 0.87); @@ -265,189 +41,71 @@ } .landing-themes .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #1c2127; + color: #030712; font-size: 14px; } -.landing-themes .p-checkbox .p-checkbox-box.p-highlight { - border-color: #93C5FD; - background: #93C5FD; +.landing-themes .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; } -.landing-themes .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - border-color: #6cb0fc; - background: #6cb0fc; - color: #1c2127; +.landing-themes .p-checkbox .p-checkbox-box.p-highlight { + border-color: #60a5fa; + background: #60a5fa; } .landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #93C5FD; + border-color: #60a5fa; } .landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } .landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #6cb0fc; - background: #6cb0fc; - color: #1c2127; + border-color: #bfdbfe; + background: #bfdbfe; + color: #030712; } -.landing-themes .p-checkbox.p-invalid > .p-checkbox-box { +.landing-themes p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #FCA5A5; } .landing-themes .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #0b213f; + background-color: #424b57; } .landing-themes .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #93C5FD; + background: #60a5fa; } .landing-themes .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #0b213f; + background-color: #424b57; } .landing-themes .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #6cb0fc; + background: #bfdbfe; } -.landing-themes .p-dropdown { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.landing-themes .p-dropdown:not(.p-disabled):hover { - border-color: #93C5FD; -} -.landing-themes .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; -} -.landing-themes .p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.landing-themes .p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.landing-themes .p-dropdown .p-dropdown-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.landing-themes .p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.landing-themes .p-dropdown .p-dropdown-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.landing-themes .p-dropdown .p-dropdown-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; -} -.landing-themes .p-dropdown.p-invalid.p-component { - border-color: #FCA5A5; -} -.landing-themes .p-dropdown-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.landing-themes .p-dropdown-panel .p-dropdown-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter { - padding-right: 3.5rem; - margin-right: -3.5rem; -} -.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon { - right: 2.5rem; -} -.landing-themes .p-dropdown-panel .p-dropdown-items { - padding: 0.75rem 0; -} -.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} -.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.landing-themes .p-input-filled .p-dropdown { - background: #0b213f; -} -.landing-themes .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #0b213f; -} -.landing-themes .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #0b213f; -} -.landing-themes .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; -} -.landing-themes .p-inputnumber.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; +.landing-themes .p-checkbox-label { + margin-left: 0.5rem; } .landing-themes .p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: rgba(255, 255, 255, 0.87); - background: #040d19; + background: #111827; padding: 0.75rem 0.75rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 6px; } .landing-themes .p-inputtext:enabled:hover { - border-color: #93C5FD; + border-color: #60a5fa; } .landing-themes .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + border-color: #60a5fa; } -.landing-themes .p-inputtext.p-invalid.p-component { +.landing-themes .p-inputtext.ng-dirty.ng-invalid { border-color: #FCA5A5; } .landing-themes .p-inputtext.p-inputtext-sm { @@ -463,12 +121,11 @@ color: rgba(255, 255, 255, 0.6); transition-duration: 0.2s; } -.landing-themes .p-float-label > label.p-error { +.landing-themes .p-float-label > .ng-invalid.ng-dirty + label { color: #FCA5A5; } -.landing-themes .p-input-icon-left > i:first-of-type, -.landing-themes .p-input-icon-left > svg:first-of-type, -.landing-themes .p-input-icon-left > .p-input-prefix { +.landing-themes .p-input-icon-left > .p-icon-wrapper.p-icon, +.landing-themes .p-input-icon-left > i:first-of-type { left: 0.75rem; color: rgba(255, 255, 255, 0.6); } @@ -478,9 +135,8 @@ .landing-themes .p-input-icon-left.p-float-label > label { left: 2.5rem; } -.landing-themes .p-input-icon-right > i:last-of-type, -.landing-themes .p-input-icon-right > svg:last-of-type, -.landing-themes .p-input-icon-right > .p-input-suffix { +.landing-themes .p-input-icon-right > .p-icon-wrapper, +.landing-themes .p-input-icon-right > i:last-of-type { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } @@ -500,13 +156,13 @@ color: rgba(255, 255, 255, 0.6); } .landing-themes .p-input-filled .p-inputtext { - background-color: #0b213f; + background-color: #424b57; } .landing-themes .p-input-filled .p-inputtext:enabled:hover { - background-color: #0b213f; + background-color: #424b57; } .landing-themes .p-input-filled .p-inputtext:enabled:focus { - background-color: #0b213f; + background-color: #424b57; } .landing-themes .p-inputtext-sm .p-inputtext { font-size: 0.875rem; @@ -516,328 +172,85 @@ font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } -.landing-themes .p-multiselect { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.landing-themes .p-multiselect:not(.p-disabled):hover { - border-color: #93C5FD; -} -.landing-themes .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; -} -.landing-themes .p-multiselect.p-multiselect-clearable .p-multiselect-label { - padding-right: 1.75rem; -} -.landing-themes .p-multiselect .p-multiselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-multiselect .p-multiselect-label.p-placeholder { - color: rgba(255, 255, 255, 0.6); -} -.landing-themes .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; -} -.landing-themes .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.landing-themes .p-multiselect .p-multiselect-trigger { - background: transparent; - color: rgba(255, 255, 255, 0.6); - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.landing-themes .p-multiselect .p-multiselect-clear-icon { - color: rgba(255, 255, 255, 0.6); - right: 3rem; -} -.landing-themes .p-multiselect.p-invalid.p-component { - border-color: #FCA5A5; -} -.landing-themes .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.375rem 0.75rem; -} -.landing-themes .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label { - padding: 0.75rem 0.75rem; -} -.landing-themes .p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label { - padding-right: 1.75rem; -} -.landing-themes .p-multiselect-panel { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); -} -.landing-themes .p-multiselect-panel .p-multiselect-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container { - margin: 0 0.5rem; -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: rgba(255, 255, 255, 0.6); -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-close { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-multiselect-panel .p-multiselect-items { - padding: 0.75rem 0; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: #091a32; - font-weight: 700; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.landing-themes .p-input-filled .p-multiselect { - background: #0b213f; -} -.landing-themes .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #0b213f; -} -.landing-themes .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #0b213f; -} -.landing-themes .p-radiobutton { - width: 22px; - height: 22px; -} -.landing-themes .p-radiobutton .p-radiobutton-box { - border: 2px solid #0b213f; - background: #040d19; - width: 22px; - height: 22px; - color: rgba(255, 255, 255, 0.87); - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #93C5FD; -} -.landing-themes .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; -} -.landing-themes .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #1c2127; -} -.landing-themes .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #93C5FD; - background: #93C5FD; -} -.landing-themes .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #6cb0fc; - background: #6cb0fc; - color: #1c2127; -} -.landing-themes .p-radiobutton.p-invalid > .p-radiobutton-box { - border-color: #FCA5A5; -} -.landing-themes .p-radiobutton:focus { - outline: 0 none; -} -.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #0b213f; -} -.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #0b213f; -} -.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #93C5FD; -} -.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #6cb0fc; -} -.landing-themes .p-slider { - background: #0b213f; - border: 0 none; - border-radius: 6px; -} -.landing-themes .p-slider.p-slider-horizontal { - height: 0.286rem; -} -.landing-themes .p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.landing-themes .p-slider.p-slider-vertical { - width: 0.286rem; -} -.landing-themes .p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.landing-themes .p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #0b213f; - border: 2px solid #93C5FD; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-slider .p-slider-range { - background: #93C5FD; -} -.landing-themes .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #93C5FD; - border-color: #93C5FD; -} .landing-themes .p-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; + color: #030712; + background: #60a5fa; + border: 1px solid #60a5fa; padding: 0.75rem 1.25rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } -.landing-themes .p-button:enabled:hover, .landing-themes .p-button:not(button):not(a):not(.p-disabled):hover { - background: #7fbafd; - color: #1c2127; - border-color: #7fbafd; +.landing-themes .p-button:enabled:hover { + background: #93c5fd; + color: #030712; + border-color: #93c5fd; } -.landing-themes .p-button:enabled:active, .landing-themes .p-button:not(button):not(a):not(.p-disabled):active { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; +.landing-themes .p-button:enabled:active { + background: #bfdbfe; + color: #030712; + border-color: #bfdbfe; } .landing-themes .p-button.p-button-outlined { background-color: transparent; - color: #93C5FD; + color: #60a5fa; border: 1px solid; } -.landing-themes .p-button.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(165, 180, 252, 0.04); - color: #93C5FD; +.landing-themes .p-button.p-button-outlined:enabled:hover { + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; border: 1px solid; } -.landing-themes .p-button.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; +.landing-themes .p-button.p-button-outlined:enabled:active { + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; border: 1px solid; } .landing-themes .p-button.p-button-outlined.p-button-plain { color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } -.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:hover, .landing-themes .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover { +.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } -.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:active, .landing-themes .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active { +.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } .landing-themes .p-button.p-button-text { background-color: transparent; - color: #93C5FD; + color: #60a5fa; border-color: transparent; } -.landing-themes .p-button.p-button-text:enabled:hover, .landing-themes .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(165, 180, 252, 0.04); - color: #93C5FD; +.landing-themes .p-button.p-button-text:enabled:hover { + background: rgba(96, 165, 250, 0.04); + color: #60a5fa; border-color: transparent; } -.landing-themes .p-button.p-button-text:enabled:active, .landing-themes .p-button.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; +.landing-themes .p-button.p-button-text:enabled:active { + background: rgba(96, 165, 250, 0.16); + color: #60a5fa; border-color: transparent; } .landing-themes .p-button.p-button-text.p-button-plain { color: rgba(255, 255, 255, 0.6); } -.landing-themes .p-button.p-button-text.p-button-plain:enabled:hover, .landing-themes .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover { +.landing-themes .p-button.p-button-text.p-button-plain:enabled:hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } -.landing-themes .p-button.p-button-text.p-button-plain:enabled:active, .landing-themes .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active { +.landing-themes .p-button.p-button-text.p-button-plain:enabled:active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } .landing-themes .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); +} +.landing-themes .p-button .p-button-label { + transition-duration: 0.2s; } .landing-themes .p-button .p-button-icon-left { margin-right: 0.5rem; @@ -856,8 +269,8 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #93C5FD; - background-color: #1c2127; + color: #60a5fa; + background-color: #030712; } .landing-themes .p-button.p-button-raised { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); @@ -891,20 +304,11 @@ .landing-themes .p-button.p-button-lg .p-button-icon { font-size: 1.25rem; } -.landing-themes .p-button.p-button-loading-label-only.p-button-loading-left .p-button-label { +.landing-themes .p-button.p-button-loading-label-only .p-button-label { margin-left: 0.5rem; } -.landing-themes .p-button.p-button-loading-label-only.p-button-loading-right .p-button-label { - margin-right: 0.5rem; -} -.landing-themes .p-button.p-button-loading-label-only.p-button-loading-top .p-button-label { - margin-top: 0.5rem; -} -.landing-themes .p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label { - margin-bottom: 0.5rem; -} .landing-themes .p-button.p-button-loading-label-only .p-button-loading-icon { - margin: 0; + margin-right: 0; } .landing-themes .p-fluid .p-button { width: 100%; @@ -918,337 +322,337 @@ .landing-themes .p-fluid .p-buttonset .p-button { flex: 1; } -.landing-themes .p-button.p-button-secondary, .landing-themes .p-buttonset.p-button-secondary > .p-button, .landing-themes .p-splitbutton.p-button-secondary > .p-button, .landing-themes .p-fileupload-choose.p-button-secondary { - color: #1c2127; - background: #CBD5E1; - border: 1px solid #CBD5E1; +.landing-themes .p-button.p-button-secondary, .landing-themes .p-buttonset.p-button-secondary > .p-button, .landing-themes .p-splitbutton.p-button-secondary > .p-button { + color: #020617; + background: #94a3b8; + border: 1px solid #94a3b8; } -.landing-themes .p-button.p-button-secondary:enabled:hover, .landing-themes .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-secondary:enabled:hover, .landing-themes .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover { - background: #b0bfd1; - color: #1c2127; - border-color: #b0bfd1; +.landing-themes .p-button.p-button-secondary:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: #cbd5e1; + color: #020617; + border-color: #cbd5e1; } -.landing-themes .p-button.p-button-secondary:enabled:focus, .landing-themes .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-secondary:enabled:focus, .landing-themes .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus { - box-shadow: 0 0 0 1px #dbe2ea; +.landing-themes .p-button.p-button-secondary:enabled:focus, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #b4bfcd; } -.landing-themes .p-button.p-button-secondary:enabled:active, .landing-themes .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-secondary:enabled:active, .landing-themes .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active { - background: #95a9c2; - color: #1c2127; - border-color: #95a9c2; +.landing-themes .p-button.p-button-secondary:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: #e2e8f0; + color: #020617; + border-color: #e2e8f0; } -.landing-themes .p-button.p-button-secondary.p-button-outlined, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined { +.landing-themes .p-button.p-button-secondary.p-button-outlined, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #CBD5E1; + color: #94a3b8; border: 1px solid; } -.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; +.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(148, 163, 184, 0.04); + color: #94a3b8; border: 1px solid; } -.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(203, 213, 225, 0.16); - color: #CBD5E1; +.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(148, 163, 184, 0.16); + color: #94a3b8; border: 1px solid; } -.landing-themes .p-button.p-button-secondary.p-button-text, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text { +.landing-themes .p-button.p-button-secondary.p-button-text, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #CBD5E1; + color: #94a3b8; border-color: transparent; } -.landing-themes .p-button.p-button-secondary.p-button-text:enabled:hover, .landing-themes .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(203, 213, 225, 0.04); +.landing-themes .p-button.p-button-secondary.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(148, 163, 184, 0.04); border-color: transparent; - color: #CBD5E1; + color: #94a3b8; } -.landing-themes .p-button.p-button-secondary.p-button-text:enabled:active, .landing-themes .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(203, 213, 225, 0.16); +.landing-themes .p-button.p-button-secondary.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(148, 163, 184, 0.16); border-color: transparent; - color: #CBD5E1; + color: #94a3b8; } -.landing-themes .p-button.p-button-info, .landing-themes .p-buttonset.p-button-info > .p-button, .landing-themes .p-splitbutton.p-button-info > .p-button, .landing-themes .p-fileupload-choose.p-button-info { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; +.landing-themes .p-button.p-button-info, .landing-themes .p-buttonset.p-button-info > .p-button, .landing-themes .p-splitbutton.p-button-info > .p-button { + color: #082f49; + background: #38bdf8; + border: 1px solid #38bdf8; } -.landing-themes .p-button.p-button-info:enabled:hover, .landing-themes .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-info:enabled:hover, .landing-themes .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; +.landing-themes .p-button.p-button-info:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #7dd3fc; + color: #082f49; + border-color: #7dd3fc; } -.landing-themes .p-button.p-button-info:enabled:focus, .landing-themes .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-info:enabled:focus, .landing-themes .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus { - box-shadow: 0 0 0 1px #b3d6fe; +.landing-themes .p-button.p-button-info:enabled:focus, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #74d1fa; } -.landing-themes .p-button.p-button-info:enabled:active, .landing-themes .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-info:enabled:active, .landing-themes .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active { - background: #449bfc; - color: #1c2127; - border-color: #449bfc; +.landing-themes .p-button.p-button-info:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #bae6fd; + color: #082f49; + border-color: #bae6fd; } -.landing-themes .p-button.p-button-info.p-button-outlined, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined { +.landing-themes .p-button.p-button-info.p-button-outlined, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #93C5FD; + color: #38bdf8; border: 1px solid; } -.landing-themes .p-button.p-button-info.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; +.landing-themes .p-button.p-button-info.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(56, 189, 248, 0.04); + color: #38bdf8; border: 1px solid; } -.landing-themes .p-button.p-button-info.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; +.landing-themes .p-button.p-button-info.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(56, 189, 248, 0.16); + color: #38bdf8; border: 1px solid; } -.landing-themes .p-button.p-button-info.p-button-text, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-info.p-button-text { +.landing-themes .p-button.p-button-info.p-button-text, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #93C5FD; + color: #38bdf8; border-color: transparent; } -.landing-themes .p-button.p-button-info.p-button-text:enabled:hover, .landing-themes .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); +.landing-themes .p-button.p-button-info.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(56, 189, 248, 0.04); border-color: transparent; - color: #93C5FD; + color: #38bdf8; } -.landing-themes .p-button.p-button-info.p-button-text:enabled:active, .landing-themes .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); +.landing-themes .p-button.p-button-info.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(56, 189, 248, 0.16); border-color: transparent; - color: #93C5FD; + color: #38bdf8; } -.landing-themes .p-button.p-button-success, .landing-themes .p-buttonset.p-button-success > .p-button, .landing-themes .p-splitbutton.p-button-success > .p-button, .landing-themes .p-fileupload-choose.p-button-success { - color: #1c2127; - background: #86EFAC; - border: 1px solid #86EFAC; +.landing-themes .p-button.p-button-success, .landing-themes .p-buttonset.p-button-success > .p-button, .landing-themes .p-splitbutton.p-button-success > .p-button { + color: #052e16; + background: #4ade80; + border: 1px solid #4ade80; } -.landing-themes .p-button.p-button-success:enabled:hover, .landing-themes .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-success:enabled:hover, .landing-themes .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover { - background: #65eb95; - color: #1c2127; - border-color: #65eb95; +.landing-themes .p-button.p-button-success:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #86efac; + color: #052e16; + border-color: #86efac; } -.landing-themes .p-button.p-button-success:enabled:focus, .landing-themes .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-success:enabled:focus, .landing-themes .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus { - box-shadow: 0 0 0 1px #aaf4c5; +.landing-themes .p-button.p-button-success:enabled:focus, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #80e8a6; } -.landing-themes .p-button.p-button-success:enabled:active, .landing-themes .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-success:enabled:active, .landing-themes .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active { - background: #44e67f; - color: #1c2127; - border-color: #44e67f; +.landing-themes .p-button.p-button-success:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:active { + background: #bbf7d0; + color: #052e16; + border-color: #bbf7d0; } -.landing-themes .p-button.p-button-success.p-button-outlined, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined { +.landing-themes .p-button.p-button-success.p-button-outlined, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #86EFAC; + color: #4ade80; border: 1px solid; } -.landing-themes .p-button.p-button-success.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; +.landing-themes .p-button.p-button-success.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(74, 222, 128, 0.04); + color: #4ade80; border: 1px solid; } -.landing-themes .p-button.p-button-success.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(134, 239, 172, 0.16); - color: #86EFAC; +.landing-themes .p-button.p-button-success.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(74, 222, 128, 0.16); + color: #4ade80; border: 1px solid; } -.landing-themes .p-button.p-button-success.p-button-text, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-success.p-button-text { +.landing-themes .p-button.p-button-success.p-button-text, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #86EFAC; + color: #4ade80; border-color: transparent; } -.landing-themes .p-button.p-button-success.p-button-text:enabled:hover, .landing-themes .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(134, 239, 172, 0.04); +.landing-themes .p-button.p-button-success.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(74, 222, 128, 0.04); border-color: transparent; - color: #86EFAC; + color: #4ade80; } -.landing-themes .p-button.p-button-success.p-button-text:enabled:active, .landing-themes .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(134, 239, 172, 0.16); +.landing-themes .p-button.p-button-success.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(74, 222, 128, 0.16); border-color: transparent; - color: #86EFAC; + color: #4ade80; } -.landing-themes .p-button.p-button-warning, .landing-themes .p-buttonset.p-button-warning > .p-button, .landing-themes .p-splitbutton.p-button-warning > .p-button, .landing-themes .p-fileupload-choose.p-button-warning { - color: #1c2127; - background: #FCD34D; - border: 1px solid #FCD34D; +.landing-themes .p-button.p-button-warning, .landing-themes .p-buttonset.p-button-warning > .p-button, .landing-themes .p-splitbutton.p-button-warning > .p-button { + color: #431407; + background: #fb923c; + border: 1px solid #fb923c; } -.landing-themes .p-button.p-button-warning:enabled:hover, .landing-themes .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-warning:enabled:hover, .landing-themes .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; +.landing-themes .p-button.p-button-warning:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #fdba74; + color: #431407; + border-color: #fdba74; } -.landing-themes .p-button.p-button-warning:enabled:focus, .landing-themes .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-warning:enabled:focus, .landing-themes .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus { - box-shadow: 0 0 0 1px #fde082; +.landing-themes .p-button.p-button-warning:enabled:focus, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fcb377; } -.landing-themes .p-button.p-button-warning:enabled:active, .landing-themes .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-warning:enabled:active, .landing-themes .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active { - background: #fbc30c; - color: #1c2127; - border-color: #fbc30c; +.landing-themes .p-button.p-button-warning:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #fed7aa; + color: #431407; + border-color: #fed7aa; } -.landing-themes .p-button.p-button-warning.p-button-outlined, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined { +.landing-themes .p-button.p-button-warning.p-button-outlined, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FCD34D; + color: #fb923c; border: 1px solid; } -.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 211, 77, 0.04); - color: #FCD34D; +.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(251, 146, 60, 0.04); + color: #fb923c; border: 1px solid; } -.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 211, 77, 0.16); - color: #FCD34D; +.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 146, 60, 0.16); + color: #fb923c; border: 1px solid; } -.landing-themes .p-button.p-button-warning.p-button-text, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text { +.landing-themes .p-button.p-button-warning.p-button-text, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FCD34D; + color: #fb923c; border-color: transparent; } -.landing-themes .p-button.p-button-warning.p-button-text:enabled:hover, .landing-themes .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 211, 77, 0.04); +.landing-themes .p-button.p-button-warning.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(251, 146, 60, 0.04); border-color: transparent; - color: #FCD34D; + color: #fb923c; } -.landing-themes .p-button.p-button-warning.p-button-text:enabled:active, .landing-themes .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 211, 77, 0.16); +.landing-themes .p-button.p-button-warning.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(251, 146, 60, 0.16); border-color: transparent; - color: #FCD34D; + color: #fb923c; } -.landing-themes .p-button.p-button-help, .landing-themes .p-buttonset.p-button-help > .p-button, .landing-themes .p-splitbutton.p-button-help > .p-button, .landing-themes .p-fileupload-choose.p-button-help { - color: #1c2127; - background: #D8B4FE; - border: 1px solid #D8B4FE; +.landing-themes .p-button.p-button-help, .landing-themes .p-buttonset.p-button-help > .p-button, .landing-themes .p-splitbutton.p-button-help > .p-button { + color: #3b0764; + background: #c084fc; + border: 1px solid #c084fc; } -.landing-themes .p-button.p-button-help:enabled:hover, .landing-themes .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-help:enabled:hover, .landing-themes .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover { - background: #c289fd; - color: #1c2127; - border-color: #c289fd; +.landing-themes .p-button.p-button-help:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #d8b4fe; + color: #3b0764; + border-color: #d8b4fe; } -.landing-themes .p-button.p-button-help:enabled:focus, .landing-themes .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-help:enabled:focus, .landing-themes .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus { - box-shadow: 0 0 0 1px #e4cbfe; +.landing-themes .p-button.p-button-help:enabled:focus, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #d3a9fd; } -.landing-themes .p-button.p-button-help:enabled:active, .landing-themes .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-help:enabled:active, .landing-themes .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active { - background: #ab5efd; - color: #1c2127; - border-color: #ab5efd; +.landing-themes .p-button.p-button-help:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:active { + background: #e9d5ff; + color: #3b0764; + border-color: #e9d5ff; } -.landing-themes .p-button.p-button-help.p-button-outlined, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined { +.landing-themes .p-button.p-button-help.p-button-outlined, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #D8B4FE; + color: #c084fc; border: 1px solid; } -.landing-themes .p-button.p-button-help.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; +.landing-themes .p-button.p-button-help.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(192, 132, 252, 0.04); + color: #c084fc; border: 1px solid; } -.landing-themes .p-button.p-button-help.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(216, 180, 254, 0.16); - color: #D8B4FE; +.landing-themes .p-button.p-button-help.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(192, 132, 252, 0.16); + color: #c084fc; border: 1px solid; } -.landing-themes .p-button.p-button-help.p-button-text, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-help.p-button-text { +.landing-themes .p-button.p-button-help.p-button-text, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #D8B4FE; + color: #c084fc; border-color: transparent; } -.landing-themes .p-button.p-button-help.p-button-text:enabled:hover, .landing-themes .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(216, 180, 254, 0.04); +.landing-themes .p-button.p-button-help.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(192, 132, 252, 0.04); border-color: transparent; - color: #D8B4FE; + color: #c084fc; } -.landing-themes .p-button.p-button-help.p-button-text:enabled:active, .landing-themes .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(216, 180, 254, 0.16); +.landing-themes .p-button.p-button-help.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(192, 132, 252, 0.16); border-color: transparent; - color: #D8B4FE; + color: #c084fc; } -.landing-themes .p-button.p-button-danger, .landing-themes .p-buttonset.p-button-danger > .p-button, .landing-themes .p-splitbutton.p-button-danger > .p-button, .landing-themes .p-fileupload-choose.p-button-danger { - color: #1c2127; - background: #FCA5A5; - border: 1px solid #FCA5A5; +.landing-themes .p-button.p-button-danger, .landing-themes .p-buttonset.p-button-danger > .p-button, .landing-themes .p-splitbutton.p-button-danger > .p-button { + color: #450a0a; + background: #f87171; + border: 1px solid #f87171; } -.landing-themes .p-button.p-button-danger:enabled:hover, .landing-themes .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-danger:enabled:hover, .landing-themes .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover { - background: #fb7d7d; - color: #1c2127; - border-color: #fb7d7d; +.landing-themes .p-button.p-button-danger:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #fca5a5; + color: #450a0a; + border-color: #fca5a5; } -.landing-themes .p-button.p-button-danger:enabled:focus, .landing-themes .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-danger:enabled:focus, .landing-themes .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus { - box-shadow: 0 0 0 1px #fdc0c0; +.landing-themes .p-button.p-button-danger:enabled:focus, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 1px #fa9c9c; } -.landing-themes .p-button.p-button-danger:enabled:active, .landing-themes .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-danger:enabled:active, .landing-themes .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active { - background: #f95454; - color: #1c2127; - border-color: #f95454; +.landing-themes .p-button.p-button-danger:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #fecaca; + color: #450a0a; + border-color: #fecaca; } -.landing-themes .p-button.p-button-danger.p-button-outlined, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined { +.landing-themes .p-button.p-button-danger.p-button-outlined, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #FCA5A5; + color: #f87171; border: 1px solid; } -.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; +.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(248, 113, 113, 0.04); + color: #f87171; border: 1px solid; } -.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 165, 165, 0.16); - color: #FCA5A5; +.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(248, 113, 113, 0.16); + color: #f87171; border: 1px solid; } -.landing-themes .p-button.p-button-danger.p-button-text, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text { +.landing-themes .p-button.p-button-danger.p-button-text, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #FCA5A5; + color: #f87171; border-color: transparent; } -.landing-themes .p-button.p-button-danger.p-button-text:enabled:hover, .landing-themes .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(252, 165, 165, 0.04); +.landing-themes .p-button.p-button-danger.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(248, 113, 113, 0.04); border-color: transparent; - color: #FCA5A5; + color: #f87171; } -.landing-themes .p-button.p-button-danger.p-button-text:enabled:active, .landing-themes .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(252, 165, 165, 0.16); +.landing-themes .p-button.p-button-danger.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(248, 113, 113, 0.16); border-color: transparent; - color: #FCA5A5; + color: #f87171; } .landing-themes .p-button.p-button-link { - color: #93C5FD; + color: #60a5fa; background: transparent; border: transparent; } -.landing-themes .p-button.p-button-link:enabled:hover, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover { +.landing-themes .p-button.p-button-link:enabled:hover { background: transparent; - color: #93C5FD; + color: #60a5fa; border-color: transparent; } -.landing-themes .p-button.p-button-link:enabled:hover .p-button-label, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label { +.landing-themes .p-button.p-button-link:enabled:hover .p-button-label { text-decoration: underline; } -.landing-themes .p-button.p-button-link:enabled:focus, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus { +.landing-themes .p-button.p-button-link:enabled:focus { background: transparent; - box-shadow: 0 0 0 1px rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.2); border-color: transparent; } -.landing-themes .p-button.p-button-link:enabled:active, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):active { +.landing-themes .p-button.p-button-link:enabled:active { background: transparent; - color: #93C5FD; + color: #60a5fa; border-color: transparent; } .landing-themes .p-datatable .p-paginator-top { - border-width: 1px 0 1px 0; + border-width: 0; border-radius: 0; } .landing-themes .p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; + border-width: 0; border-radius: 0; } .landing-themes .p-datatable .p-datatable-header { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .landing-themes .p-datatable .p-datatable-footer { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -1256,21 +660,21 @@ .landing-themes .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; transition: box-shadow 0.2s; } .landing-themes .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: #1f2937; } .landing-themes .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); @@ -1282,42 +686,42 @@ min-width: 1.143rem; line-height: 1.143rem; color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); margin-left: 0.5rem; } -.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { +.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } -.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon { +.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .landing-themes .p-datatable .p-sortable-column.p-highlight { - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .landing-themes .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } -.landing-themes .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { - background: rgba(147, 197, 253, 0.16); +.landing-themes .p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } -.landing-themes .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { +.landing-themes .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } -.landing-themes .p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); +.landing-themes .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); outline: 0 none; } .landing-themes .p-datatable .p-datatable-tbody > tr { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; } .landing-themes .p-datatable .p-datatable-tbody > tr > td { text-align: left; - border: 1px solid #0b213f; + border: 1px solid #424b57; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -1341,64 +745,46 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } -.landing-themes .p-datatable .p-datatable-tbody > tr > td > .p-column-title { - font-weight: 700; -} -.landing-themes .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); +.landing-themes .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid rgba(96, 165, 250, 0.2); + outline-offset: -0.15rem; } .landing-themes .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(147, 197, 253, 0.16); + box-shadow: inset 0 2px 0 0 rgba(96, 165, 250, 0.16); } .landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(147, 197, 253, 0.16); -} -.landing-themes .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus { - outline: 0.15rem solid rgba(147, 197, 253, 0.5); - outline-offset: -0.15rem; -} -.landing-themes .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus { - outline: 0.15rem solid rgba(147, 197, 253, 0.5); - outline-offset: -0.15rem; + box-shadow: inset 0 -2px 0 0 rgba(96, 165, 250, 0.16); } -.landing-themes .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover { +.landing-themes .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } .landing-themes .p-datatable .p-column-resizer-helper { - background: #93C5FD; + background: #60a5fa; } .landing-themes .p-datatable .p-datatable-scrollable-header, .landing-themes .p-datatable .p-datatable-scrollable-footer { - background: #071426; + background: #1f2937; } .landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #071426; +.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #1f2937; } .landing-themes .p-datatable .p-datatable-loading-icon { font-size: 2rem; @@ -1416,29 +802,59 @@ border-width: 0 1px 1px 1px; } .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; + border-width: 1px 0 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; } .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { border-width: 1px; } .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; + border-width: 1px 0 1px 1px; } -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd { - background: rgba(255, 255, 255, 0.01); +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; } -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; } -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { +.landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #1c2532; +} +.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover { +.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { color: rgba(255, 255, 255, 0.87); } -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded { - background: rgba(255, 255, 255, 0.01); +.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: rgba(255, 255, 255, 0.87); } .landing-themes .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; @@ -1470,129 +886,11 @@ .landing-themes .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } -.landing-themes .p-datatable-drag-selection-helper { - background: rgba(147, 197, 253, 0.16); -} -.landing-themes .p-column-filter-row .p-column-filter-menu-button, -.landing-themes .p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} -.landing-themes .p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-column-filter-menu-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-open, .landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: rgba(255, 255, 255, 0.03); - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-active, .landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(147, 197, 253, 0.16); - color: rgba(255, 255, 255, 0.87); -} -.landing-themes .p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: rgba(255, 255, 255, 0.6); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-column-filter-clear-button:hover { - color: rgba(255, 255, 255, 0.87); - border-color: transparent; - background: rgba(255, 255, 255, 0.03); -} -.landing-themes .p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-column-filter-overlay { - background: #071426; - color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - min-width: 12.5rem; -} -.landing-themes .p-column-filter-overlay .p-column-filter-row-items { - padding: 0.75rem 0; -} -.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: rgba(255, 255, 255, 0.87); - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); -} -.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); -} -.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #0b213f; - margin: 0.25rem 0; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; - color: rgba(255, 255, 255, 0.87); - background: #071426; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1.25rem; - border-bottom: 1px solid #0b213f; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 1.25rem; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1.25rem; -} .landing-themes .p-paginator { - background: #071426; + background: #1f2937; color: rgba(255, 255, 255, 0.6); - border: solid #0b213f; - border-width: 1px; + border: solid #424b57; + border-width: 0; padding: 0.5rem 1rem; border-radius: 6px; } @@ -1627,6 +925,7 @@ } .landing-themes .p-paginator .p-dropdown { margin-left: 0.5rem; + margin-right: 0.5rem; height: 3rem; } .landing-themes .p-paginator .p-dropdown .p-dropdown-label { @@ -1659,8 +958,8 @@ border-radius: 6px; } .landing-themes .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(147, 197, 253, 0.16); - border-color: rgba(147, 197, 253, 0.16); + background: rgba(96, 165, 250, 0.16); + border-color: rgba(96, 165, 250, 0.16); color: rgba(255, 255, 255, 0.87); } .landing-themes .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -1668,55 +967,50 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } - -.landing-themes .p-button-label { +.landing-themes .p-tag { + background: #60a5fa; + color: #030712; + font-size: 0.75rem; font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; } -.landing-themes .p-accordion .p-accordion-header .p-accordion-header-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #93C5FD; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} -.landing-themes .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #93C5FD; -} -.landing-themes .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #93C5FD; -} -.landing-themes .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(165, 180, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +.landing-themes .p-tag.p-tag-success { + background-color: #4ade80; + color: #052e16; } -.landing-themes .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +.landing-themes .p-tag.p-tag-info { + background-color: #38bdf8; + color: #082f49; } -.landing-themes .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(134, 239, 172, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +.landing-themes .p-tag.p-tag-warning { + background-color: #fb923c; + color: #431407; } -.landing-themes .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +.landing-themes .p-tag.p-tag-danger { + background-color: #f87171; + color: #450a0a; } -.landing-themes .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 211, 77, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +.landing-themes .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; } -.landing-themes .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(216, 180, 254, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +.landing-themes .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; } -.landing-themes .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 165, 165, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); +.landing-themes .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #424b57; + border-radius: 6px; } -.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #93C5FD; +.landing-themes .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #60a5fa; } -.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #93C5FD; +.landing-themes .p-progressbar .p-progressbar-label { + color: #030712; + line-height: 1.5rem; } diff --git a/src/assets/showcase/styles/layout/landing/themes/lara-light-blue/theme.css b/src/assets/showcase/styles/layout/landing/themes/lara-light-blue/theme.css index 2c586f320b5..d84487291dc 100644 --- a/src/assets/showcase/styles/layout/landing/themes/lara-light-blue/theme.css +++ b/src/assets/showcase/styles/layout/landing/themes/lara-light-blue/theme.css @@ -1,262 +1,40 @@ -.landing-themes * { - box-sizing: border-box; -} .landing-themes .p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; font-weight: normal; } -.landing-themes .p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: 0.2s; -} -.landing-themes .p-disabled, .landing-themes .p-component:disabled { - opacity: 0.6; -} -.landing-themes .p-error { - color: #e24c4c; -} .landing-themes .p-text-secondary { - color: #6c757d; + color: #6b7280; } .landing-themes .pi { font-size: 1rem; } +.landing-themes .p-icon { + width: 1rem; + height: 1rem; +} .landing-themes .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - border-radius: 6px; -} -.landing-themes .p-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.landing-themes .p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} -.landing-themes .p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--maskbg); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--maskbg); - } - to { - background-color: transparent; - } -} -.landing-themes .p-calendar.p-invalid.p-component > .p-inputtext { - border-color: #e24c4c; -} -.landing-themes .p-datepicker { - padding: 0.5rem; - background: #ffffff; - color: #495057; - border: 1px solid #ced4da; border-radius: 6px; } -.landing-themes .p-datepicker:not(.p-datepicker-inline) { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.landing-themes .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #ffffff; -} -.landing-themes .p-datepicker .p-datepicker-header { - padding: 0.5rem; - color: #495057; - background: #ffffff; - font-weight: 600; - margin: 0; - border-bottom: 1px solid #dee2e6; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-prev, -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-next { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-next:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title { - line-height: 2rem; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title select { - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title select:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; -} -.landing-themes .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { - margin-right: 0.5rem; -} -.landing-themes .p-datepicker table { - font-size: 1rem; - margin: 0.5rem 0; -} -.landing-themes .p-datepicker table th { - padding: 0.5rem; -} -.landing-themes .p-datepicker table th > span { - width: 2.5rem; - height: 2.5rem; -} -.landing-themes .p-datepicker table td { - padding: 0.5rem; -} -.landing-themes .p-datepicker table td > span { - width: 2.5rem; - height: 2.5rem; - border-radius: 50%; - transition: box-shadow 0.2s; - border: 1px solid transparent; -} -.landing-themes .p-datepicker table td > span.p-highlight { - color: #1D4ED8; - background: #EFF6FF; -} -.landing-themes .p-datepicker table td > span:focus { +.landing-themes .p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } -.landing-themes .p-datepicker table td.p-datepicker-today > span { - background: #ced4da; - color: #495057; - border-color: transparent; -} -.landing-themes .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #1D4ED8; - background: #EFF6FF; -} -.landing-themes .p-datepicker .p-datepicker-buttonbar { - padding: 1rem 0; - border-top: 1px solid #dee2e6; -} -.landing-themes .p-datepicker .p-datepicker-buttonbar .p-button { - width: auto; -} -.landing-themes .p-datepicker .p-timepicker { - border-top: 1px solid #dee2e6; - padding: 0.5rem; -} -.landing-themes .p-datepicker .p-timepicker button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-datepicker .p-timepicker button:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.landing-themes .p-datepicker .p-timepicker button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.landing-themes .p-datepicker .p-timepicker button:last-child { - margin-top: 0.2em; -} -.landing-themes .p-datepicker .p-timepicker span { - font-size: 1.25rem; -} -.landing-themes .p-datepicker .p-timepicker > div { - padding: 0 0.5rem; -} -.landing-themes .p-datepicker.p-datepicker-timeonly .p-timepicker { - border-top: 0 none; -} -.landing-themes .p-datepicker .p-monthpicker { - margin: 0.5rem 0; -} -.landing-themes .p-datepicker .p-monthpicker .p-monthpicker-month { - padding: 0.5rem; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.landing-themes .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #1D4ED8; - background: #EFF6FF; -} -.landing-themes .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-right: 1px solid #dee2e6; - padding-right: 0.5rem; - padding-left: 0.5rem; - padding-top: 0; - padding-bottom: 0; -} -.landing-themes .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { - padding-left: 0; -} -.landing-themes .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { - padding-right: 0; - border-right: 0 none; -} -.landing-themes .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; -} -.landing-themes .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.landing-themes .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover { - background: #e9ecef; -} -.landing-themes .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -@media screen and (max-width: 769px) { - .landing-themes .p-datepicker table th, .landing-themes .p-datepicker table td { - padding: 0; - } -} .landing-themes .p-checkbox { width: 22px; height: 22px; } .landing-themes .p-checkbox .p-checkbox-box { - border: 2px solid #ced4da; + border: 2px solid #d1d5db; background: #ffffff; width: 22px; height: 22px; - color: #495057; + color: #4b5563; border-radius: 6px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -265,15 +43,14 @@ color: #ffffff; font-size: 14px; } +.landing-themes .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; +} .landing-themes .p-checkbox .p-checkbox-box.p-highlight { border-color: #3B82F6; background: #3B82F6; } -.landing-themes .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - border-color: #1D4ED8; - background: #1D4ED8; - color: #ffffff; -} .landing-themes .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #3B82F6; } @@ -288,149 +65,32 @@ background: #1D4ED8; color: #ffffff; } -.landing-themes .p-checkbox.p-invalid > .p-checkbox-box { +.landing-themes p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #e24c4c; } .landing-themes .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #e9ecef; + background-color: #f3f4f6; } .landing-themes .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #3B82F6; } .landing-themes .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .landing-themes .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #1D4ED8; } -.landing-themes .p-dropdown { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.landing-themes .p-dropdown:not(.p-disabled):hover { - border-color: #3B82F6; -} -.landing-themes .p-dropdown:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; -} -.landing-themes .p-dropdown.p-dropdown-clearable .p-dropdown-label { - padding-right: 1.75rem; -} -.landing-themes .p-dropdown .p-dropdown-label { - background: transparent; - border: 0 none; -} -.landing-themes .p-dropdown .p-dropdown-label.p-placeholder { - color: #6c757d; -} -.landing-themes .p-dropdown .p-dropdown-label:enabled:focus { - outline: 0 none; - box-shadow: none; -} -.landing-themes .p-dropdown .p-dropdown-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.landing-themes .p-dropdown .p-dropdown-clear-icon { - color: #6c757d; - right: 3rem; -} -.landing-themes .p-dropdown.p-invalid.p-component { - border-color: #e24c4c; -} -.landing-themes .p-dropdown-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.landing-themes .p-dropdown-panel .p-dropdown-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { - padding-right: 1.75rem; - margin-right: -1.75rem; -} -.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter { - padding-right: 3.5rem; - margin-right: -3.5rem; -} -.landing-themes .p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon { - right: 2.5rem; -} -.landing-themes .p-dropdown-panel .p-dropdown-items { - padding: 0.75rem 0; -} -.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; -} -.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} -.landing-themes .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} -.landing-themes .p-input-filled .p-dropdown { - background: #e9ecef; -} -.landing-themes .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #e9ecef; -} -.landing-themes .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #ffffff; -} -.landing-themes .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { - background-color: transparent; -} -.landing-themes .p-inputnumber.p-invalid.p-component > .p-inputtext { - border-color: #e24c4c; +.landing-themes .p-checkbox-label { + margin-left: 0.5rem; } .landing-themes .p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #495057; + color: #4b5563; background: #ffffff; padding: 0.75rem 0.75rem; - border: 1px solid #ced4da; + border: 1px solid #d1d5db; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 6px; @@ -444,7 +104,7 @@ box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } -.landing-themes .p-inputtext.p-invalid.p-component { +.landing-themes .p-inputtext.ng-dirty.ng-invalid { border-color: #e24c4c; } .landing-themes .p-inputtext.p-inputtext-sm { @@ -457,17 +117,16 @@ } .landing-themes .p-float-label > label { left: 0.75rem; - color: #6c757d; + color: #6b7280; transition-duration: 0.2s; } -.landing-themes .p-float-label > label.p-error { +.landing-themes .p-float-label > .ng-invalid.ng-dirty + label { color: #e24c4c; } -.landing-themes .p-input-icon-left > i:first-of-type, -.landing-themes .p-input-icon-left > svg:first-of-type, -.landing-themes .p-input-icon-left > .p-input-prefix { +.landing-themes .p-input-icon-left > .p-icon-wrapper.p-icon, +.landing-themes .p-input-icon-left > i:first-of-type { left: 0.75rem; - color: #6c757d; + color: #6b7280; } .landing-themes .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; @@ -475,32 +134,31 @@ .landing-themes .p-input-icon-left.p-float-label > label { left: 2.5rem; } -.landing-themes .p-input-icon-right > i:last-of-type, -.landing-themes .p-input-icon-right > svg:last-of-type, -.landing-themes .p-input-icon-right > .p-input-suffix { +.landing-themes .p-input-icon-right > .p-icon-wrapper, +.landing-themes .p-input-icon-right > i:last-of-type { right: 0.75rem; - color: #6c757d; + color: #6b7280; } .landing-themes .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } .landing-themes ::-webkit-input-placeholder { - color: #6c757d; + color: #6b7280; } .landing-themes :-moz-placeholder { - color: #6c757d; + color: #6b7280; } .landing-themes ::-moz-placeholder { - color: #6c757d; + color: #6b7280; } .landing-themes :-ms-input-placeholder { - color: #6c757d; + color: #6b7280; } .landing-themes .p-input-filled .p-inputtext { - background-color: #e9ecef; + background-color: #f3f4f6; } .landing-themes .p-input-filled .p-inputtext:enabled:hover { - background-color: #e9ecef; + background-color: #f3f4f6; } .landing-themes .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; @@ -513,252 +171,6 @@ font-size: 1.25rem; padding: 0.9375rem 0.9375rem; } -.landing-themes .p-multiselect { - background: #ffffff; - border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 6px; -} -.landing-themes .p-multiselect:not(.p-disabled):hover { - border-color: #3B82F6; -} -.landing-themes .p-multiselect:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; -} -.landing-themes .p-multiselect.p-multiselect-clearable .p-multiselect-label { - padding-right: 1.75rem; -} -.landing-themes .p-multiselect .p-multiselect-label { - padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-multiselect .p-multiselect-label.p-placeholder { - color: #6c757d; -} -.landing-themes .p-multiselect.p-multiselect-chip .p-multiselect-token { - padding: 0.375rem 0.75rem; - margin-right: 0.5rem; - background: #EFF6FF; - color: #1D4ED8; - border-radius: 6px; -} -.landing-themes .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { - margin-left: 0.5rem; -} -.landing-themes .p-multiselect .p-multiselect-trigger { - background: transparent; - color: #6c757d; - width: 3rem; - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} -.landing-themes .p-multiselect .p-multiselect-clear-icon { - color: #6c757d; - right: 3rem; -} -.landing-themes .p-multiselect.p-invalid.p-component { - border-color: #e24c4c; -} -.landing-themes .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { - padding: 0.375rem 0.75rem; -} -.landing-themes .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label { - padding: 0.75rem 0.75rem; -} -.landing-themes .p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label { - padding-right: 1.75rem; -} -.landing-themes .p-multiselect-panel { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -} -.landing-themes .p-multiselect-panel .p-multiselect-header { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container { - margin: 0 0.5rem; -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { - padding-right: 1.75rem; -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { - right: 0.75rem; - color: #6c757d; -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-close { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.landing-themes .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.landing-themes .p-multiselect-panel .p-multiselect-items { - padding: 0.75rem 0; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { - margin-right: 0.5rem; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { - margin: 0; - padding: 0.75rem 1.25rem; - color: #343a40; - background: #ffffff; - font-weight: 700; -} -.landing-themes .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { - padding: 0.75rem 1.25rem; - color: #495057; - background: transparent; -} -.landing-themes .p-input-filled .p-multiselect { - background: #e9ecef; -} -.landing-themes .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #e9ecef; -} -.landing-themes .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #ffffff; -} -.landing-themes .p-radiobutton { - width: 22px; - height: 22px; -} -.landing-themes .p-radiobutton .p-radiobutton-box { - border: 2px solid #ced4da; - background: #ffffff; - width: 22px; - height: 22px; - color: #495057; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #3B82F6; -} -.landing-themes .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; -} -.landing-themes .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { - width: 12px; - height: 12px; - transition-duration: 0.2s; - background-color: #ffffff; -} -.landing-themes .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #3B82F6; - background: #3B82F6; -} -.landing-themes .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #1D4ED8; - background: #1D4ED8; - color: #ffffff; -} -.landing-themes .p-radiobutton.p-invalid > .p-radiobutton-box { - border-color: #e24c4c; -} -.landing-themes .p-radiobutton:focus { - outline: 0 none; -} -.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #e9ecef; -} -.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #e9ecef; -} -.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #3B82F6; -} -.landing-themes .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #1D4ED8; -} -.landing-themes .p-slider { - background: #dee2e6; - border: 0 none; - border-radius: 6px; -} -.landing-themes .p-slider.p-slider-horizontal { - height: 0.286rem; -} -.landing-themes .p-slider.p-slider-horizontal .p-slider-handle { - margin-top: -0.5715rem; - margin-left: -0.5715rem; -} -.landing-themes .p-slider.p-slider-vertical { - width: 0.286rem; -} -.landing-themes .p-slider.p-slider-vertical .p-slider-handle { - margin-left: -0.5715rem; - margin-bottom: -0.5715rem; -} -.landing-themes .p-slider .p-slider-handle { - height: 1.143rem; - width: 1.143rem; - background: #ffffff; - border: 2px solid #3B82F6; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-slider .p-slider-handle:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.landing-themes .p-slider .p-slider-range { - background: #3B82F6; -} -.landing-themes .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #3B82F6; - border-color: #3B82F6; -} .landing-themes .p-button { color: #ffffff; background: #3B82F6; @@ -768,12 +180,12 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } -.landing-themes .p-button:enabled:hover, .landing-themes .p-button:not(button):not(a):not(.p-disabled):hover { +.landing-themes .p-button:enabled:hover { background: #2563eb; color: #ffffff; border-color: #2563eb; } -.landing-themes .p-button:enabled:active, .landing-themes .p-button:not(button):not(a):not(.p-disabled):active { +.landing-themes .p-button:enabled:active { background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; @@ -783,59 +195,62 @@ color: #3B82F6; border: 1px solid; } -.landing-themes .p-button.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(99, 102, 241, 0.04); +.landing-themes .p-button.p-button-outlined:enabled:hover { + background: rgba(59, 130, 246, 0.04); color: #3B82F6; border: 1px solid; } -.landing-themes .p-button.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(99, 102, 241, 0.16); +.landing-themes .p-button.p-button-outlined:enabled:active { + background: rgba(59, 130, 246, 0.16); color: #3B82F6; border: 1px solid; } .landing-themes .p-button.p-button-outlined.p-button-plain { - color: #6c757d; - border-color: #6c757d; + color: #6b7280; + border-color: #6b7280; } -.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:hover, .landing-themes .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; +.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:hover { + background: #f3f4f6; + color: #6b7280; } -.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:active, .landing-themes .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; +.landing-themes .p-button.p-button-outlined.p-button-plain:enabled:active { + background: #e5e7eb; + color: #6b7280; } .landing-themes .p-button.p-button-text { background-color: transparent; color: #3B82F6; border-color: transparent; } -.landing-themes .p-button.p-button-text:enabled:hover, .landing-themes .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(99, 102, 241, 0.04); +.landing-themes .p-button.p-button-text:enabled:hover { + background: rgba(59, 130, 246, 0.04); color: #3B82F6; border-color: transparent; } -.landing-themes .p-button.p-button-text:enabled:active, .landing-themes .p-button.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(99, 102, 241, 0.16); +.landing-themes .p-button.p-button-text:enabled:active { + background: rgba(59, 130, 246, 0.16); color: #3B82F6; border-color: transparent; } .landing-themes .p-button.p-button-text.p-button-plain { - color: #6c757d; + color: #6b7280; } -.landing-themes .p-button.p-button-text.p-button-plain:enabled:hover, .landing-themes .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover { - background: #e9ecef; - color: #6c757d; +.landing-themes .p-button.p-button-text.p-button-plain:enabled:hover { + background: #f3f4f6; + color: #6b7280; } -.landing-themes .p-button.p-button-text.p-button-plain:enabled:active, .landing-themes .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active { - background: #dee2e6; - color: #6c757d; +.landing-themes .p-button.p-button-text.p-button-plain:enabled:active { + background: #e5e7eb; + color: #6b7280; } .landing-themes .p-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } +.landing-themes .p-button .p-button-label { + transition-duration: 0.2s; +} .landing-themes .p-button .p-button-icon-left { margin-right: 0.5rem; } @@ -888,20 +303,11 @@ .landing-themes .p-button.p-button-lg .p-button-icon { font-size: 1.25rem; } -.landing-themes .p-button.p-button-loading-label-only.p-button-loading-left .p-button-label { +.landing-themes .p-button.p-button-loading-label-only .p-button-label { margin-left: 0.5rem; } -.landing-themes .p-button.p-button-loading-label-only.p-button-loading-right .p-button-label { - margin-right: 0.5rem; -} -.landing-themes .p-button.p-button-loading-label-only.p-button-loading-top .p-button-label { - margin-top: 0.5rem; -} -.landing-themes .p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label { - margin-bottom: 0.5rem; -} .landing-themes .p-button.p-button-loading-label-only .p-button-loading-icon { - margin: 0; + margin-right: 0; } .landing-themes .p-fluid .p-button { width: 100%; @@ -915,290 +321,290 @@ .landing-themes .p-fluid .p-buttonset .p-button { flex: 1; } -.landing-themes .p-button.p-button-secondary, .landing-themes .p-buttonset.p-button-secondary > .p-button, .landing-themes .p-splitbutton.p-button-secondary > .p-button, .landing-themes .p-fileupload-choose.p-button-secondary { +.landing-themes .p-button.p-button-secondary, .landing-themes .p-buttonset.p-button-secondary > .p-button, .landing-themes .p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #64748B; border: 1px solid #64748B; } -.landing-themes .p-button.p-button-secondary:enabled:hover, .landing-themes .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-secondary:enabled:hover, .landing-themes .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover { +.landing-themes .p-button.p-button-secondary:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #475569; color: #ffffff; border-color: #475569; } -.landing-themes .p-button.p-button-secondary:enabled:focus, .landing-themes .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-secondary:enabled:focus, .landing-themes .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus { +.landing-themes .p-button.p-button-secondary:enabled:focus, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #E2E8F0; } -.landing-themes .p-button.p-button-secondary:enabled:active, .landing-themes .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-secondary:enabled:active, .landing-themes .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active { +.landing-themes .p-button.p-button-secondary:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #334155; color: #ffffff; border-color: #334155; } -.landing-themes .p-button.p-button-secondary.p-button-outlined, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined { +.landing-themes .p-button.p-button-secondary.p-button-outlined, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #64748B; border: 1px solid; } -.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover { +.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { background: rgba(100, 116, 139, 0.04); color: #64748B; border: 1px solid; } -.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active { +.landing-themes .p-button.p-button-secondary.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(100, 116, 139, 0.16); color: #64748B; border: 1px solid; } -.landing-themes .p-button.p-button-secondary.p-button-text, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text { +.landing-themes .p-button.p-button-secondary.p-button-text, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #64748B; border-color: transparent; } -.landing-themes .p-button.p-button-secondary.p-button-text:enabled:hover, .landing-themes .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover { +.landing-themes .p-button.p-button-secondary.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; color: #64748B; } -.landing-themes .p-button.p-button-secondary.p-button-text:enabled:active, .landing-themes .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active { +.landing-themes .p-button.p-button-secondary.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { background: rgba(100, 116, 139, 0.16); border-color: transparent; color: #64748B; } -.landing-themes .p-button.p-button-info, .landing-themes .p-buttonset.p-button-info > .p-button, .landing-themes .p-splitbutton.p-button-info > .p-button, .landing-themes .p-fileupload-choose.p-button-info { +.landing-themes .p-button.p-button-info, .landing-themes .p-buttonset.p-button-info > .p-button, .landing-themes .p-splitbutton.p-button-info > .p-button { color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; + background: #0ea5e9; + border: 1px solid #0ea5e9; } -.landing-themes .p-button.p-button-info:enabled:hover, .landing-themes .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-info:enabled:hover, .landing-themes .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover { - background: #2563EB; +.landing-themes .p-button.p-button-info:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #0284c7; color: #ffffff; - border-color: #2563EB; + border-color: #0284c7; } -.landing-themes .p-button.p-button-info:enabled:focus, .landing-themes .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-info:enabled:focus, .landing-themes .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus { +.landing-themes .p-button.p-button-info:enabled:focus, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #BFDBFE; } -.landing-themes .p-button.p-button-info:enabled:active, .landing-themes .p-button.p-button-info:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-info:enabled:active, .landing-themes .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active { - background: #1D4ED8; +.landing-themes .p-button.p-button-info:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button:enabled:active { + background: #0369a1; color: #ffffff; - border-color: #1D4ED8; + border-color: #0369a1; } -.landing-themes .p-button.p-button-info.p-button-outlined, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined { +.landing-themes .p-button.p-button-info.p-button-outlined, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #3B82F6; + color: #0ea5e9; border: 1px solid; } -.landing-themes .p-button.p-button-info.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(59, 130, 246, 0.04); - color: #3B82F6; +.landing-themes .p-button.p-button-info.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(14, 165, 233, 0.04); + color: #0ea5e9; border: 1px solid; } -.landing-themes .p-button.p-button-info.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(59, 130, 246, 0.16); - color: #3B82F6; +.landing-themes .p-button.p-button-info.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(14, 165, 233, 0.16); + color: #0ea5e9; border: 1px solid; } -.landing-themes .p-button.p-button-info.p-button-text, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-info.p-button-text { +.landing-themes .p-button.p-button-info.p-button-text, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #3B82F6; + color: #0ea5e9; border-color: transparent; } -.landing-themes .p-button.p-button-info.p-button-text:enabled:hover, .landing-themes .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(59, 130, 246, 0.04); +.landing-themes .p-button.p-button-info.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(14, 165, 233, 0.04); border-color: transparent; - color: #3B82F6; + color: #0ea5e9; } -.landing-themes .p-button.p-button-info.p-button-text:enabled:active, .landing-themes .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(59, 130, 246, 0.16); +.landing-themes .p-button.p-button-info.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(14, 165, 233, 0.16); border-color: transparent; - color: #3B82F6; + color: #0ea5e9; } -.landing-themes .p-button.p-button-success, .landing-themes .p-buttonset.p-button-success > .p-button, .landing-themes .p-splitbutton.p-button-success > .p-button, .landing-themes .p-fileupload-choose.p-button-success { +.landing-themes .p-button.p-button-success, .landing-themes .p-buttonset.p-button-success > .p-button, .landing-themes .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #22C55E; border: 1px solid #22C55E; } -.landing-themes .p-button.p-button-success:enabled:hover, .landing-themes .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-success:enabled:hover, .landing-themes .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover { +.landing-themes .p-button.p-button-success:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #16A34A; color: #ffffff; border-color: #16A34A; } -.landing-themes .p-button.p-button-success:enabled:focus, .landing-themes .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-success:enabled:focus, .landing-themes .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus { +.landing-themes .p-button.p-button-success:enabled:focus, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #BBF7D0; } -.landing-themes .p-button.p-button-success:enabled:active, .landing-themes .p-button.p-button-success:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-success:enabled:active, .landing-themes .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active { +.landing-themes .p-button.p-button-success:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button:enabled:active { background: #15803D; color: #ffffff; border-color: #15803D; } -.landing-themes .p-button.p-button-success.p-button-outlined, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined { +.landing-themes .p-button.p-button-success.p-button-outlined, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #22C55E; border: 1px solid; } -.landing-themes .p-button.p-button-success.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover { +.landing-themes .p-button.p-button-success.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { background: rgba(34, 197, 94, 0.04); color: #22C55E; border: 1px solid; } -.landing-themes .p-button.p-button-success.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active { +.landing-themes .p-button.p-button-success.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(34, 197, 94, 0.16); color: #22C55E; border: 1px solid; } -.landing-themes .p-button.p-button-success.p-button-text, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-success.p-button-text { +.landing-themes .p-button.p-button-success.p-button-text, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #22C55E; border-color: transparent; } -.landing-themes .p-button.p-button-success.p-button-text:enabled:hover, .landing-themes .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover { +.landing-themes .p-button.p-button-success.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; color: #22C55E; } -.landing-themes .p-button.p-button-success.p-button-text:enabled:active, .landing-themes .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active { +.landing-themes .p-button.p-button-success.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { background: rgba(34, 197, 94, 0.16); border-color: transparent; color: #22C55E; } -.landing-themes .p-button.p-button-warning, .landing-themes .p-buttonset.p-button-warning > .p-button, .landing-themes .p-splitbutton.p-button-warning > .p-button, .landing-themes .p-fileupload-choose.p-button-warning { +.landing-themes .p-button.p-button-warning, .landing-themes .p-buttonset.p-button-warning > .p-button, .landing-themes .p-splitbutton.p-button-warning > .p-button { color: #ffffff; - background: #F59E0B; - border: 1px solid #F59E0B; + background: #f97316; + border: 1px solid #f97316; } -.landing-themes .p-button.p-button-warning:enabled:hover, .landing-themes .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-warning:enabled:hover, .landing-themes .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover { - background: #D97706; +.landing-themes .p-button.p-button-warning:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #ea580c; color: #ffffff; - border-color: #D97706; + border-color: #ea580c; } -.landing-themes .p-button.p-button-warning:enabled:focus, .landing-themes .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-warning:enabled:focus, .landing-themes .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus { +.landing-themes .p-button.p-button-warning:enabled:focus, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #FDE68A; } -.landing-themes .p-button.p-button-warning:enabled:active, .landing-themes .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-warning:enabled:active, .landing-themes .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active { - background: #B45309; +.landing-themes .p-button.p-button-warning:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #c2410c; color: #ffffff; - border-color: #B45309; + border-color: #c2410c; } -.landing-themes .p-button.p-button-warning.p-button-outlined, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined { +.landing-themes .p-button.p-button-warning.p-button-outlined, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #F59E0B; + color: #f97316; border: 1px solid; } -.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover { - background: rgba(245, 158, 11, 0.04); - color: #F59E0B; +.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(249, 115, 22, 0.04); + color: #f97316; border: 1px solid; } -.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active { - background: rgba(245, 158, 11, 0.16); - color: #F59E0B; +.landing-themes .p-button.p-button-warning.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(249, 115, 22, 0.16); + color: #f97316; border: 1px solid; } -.landing-themes .p-button.p-button-warning.p-button-text, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text { +.landing-themes .p-button.p-button-warning.p-button-text, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #F59E0B; + color: #f97316; border-color: transparent; } -.landing-themes .p-button.p-button-warning.p-button-text:enabled:hover, .landing-themes .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover { - background: rgba(245, 158, 11, 0.04); +.landing-themes .p-button.p-button-warning.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(249, 115, 22, 0.04); border-color: transparent; - color: #F59E0B; + color: #f97316; } -.landing-themes .p-button.p-button-warning.p-button-text:enabled:active, .landing-themes .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active { - background: rgba(245, 158, 11, 0.16); +.landing-themes .p-button.p-button-warning.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(249, 115, 22, 0.16); border-color: transparent; - color: #F59E0B; + color: #f97316; } -.landing-themes .p-button.p-button-help, .landing-themes .p-buttonset.p-button-help > .p-button, .landing-themes .p-splitbutton.p-button-help > .p-button, .landing-themes .p-fileupload-choose.p-button-help { +.landing-themes .p-button.p-button-help, .landing-themes .p-buttonset.p-button-help > .p-button, .landing-themes .p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #A855F7; border: 1px solid #A855F7; } -.landing-themes .p-button.p-button-help:enabled:hover, .landing-themes .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-help:enabled:hover, .landing-themes .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover { +.landing-themes .p-button.p-button-help:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:hover { background: #9333EA; color: #ffffff; border-color: #9333EA; } -.landing-themes .p-button.p-button-help:enabled:focus, .landing-themes .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-help:enabled:focus, .landing-themes .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus { +.landing-themes .p-button.p-button-help:enabled:focus, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #E9D5FF; } -.landing-themes .p-button.p-button-help:enabled:active, .landing-themes .p-button.p-button-help:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-help:enabled:active, .landing-themes .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active { +.landing-themes .p-button.p-button-help:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button:enabled:active { background: #7E22CE; color: #ffffff; border-color: #7E22CE; } -.landing-themes .p-button.p-button-help.p-button-outlined, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined { +.landing-themes .p-button.p-button-help.p-button-outlined, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #A855F7; border: 1px solid; } -.landing-themes .p-button.p-button-help.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover { +.landing-themes .p-button.p-button-help.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { background: rgba(168, 85, 247, 0.04); color: #A855F7; border: 1px solid; } -.landing-themes .p-button.p-button-help.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active { +.landing-themes .p-button.p-button-help.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(168, 85, 247, 0.16); color: #A855F7; border: 1px solid; } -.landing-themes .p-button.p-button-help.p-button-text, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-help.p-button-text { +.landing-themes .p-button.p-button-help.p-button-text, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #A855F7; border-color: transparent; } -.landing-themes .p-button.p-button-help.p-button-text:enabled:hover, .landing-themes .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover { +.landing-themes .p-button.p-button-help.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; color: #A855F7; } -.landing-themes .p-button.p-button-help.p-button-text:enabled:active, .landing-themes .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active { +.landing-themes .p-button.p-button-help.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { background: rgba(168, 85, 247, 0.16); border-color: transparent; color: #A855F7; } -.landing-themes .p-button.p-button-danger, .landing-themes .p-buttonset.p-button-danger > .p-button, .landing-themes .p-splitbutton.p-button-danger > .p-button, .landing-themes .p-fileupload-choose.p-button-danger { +.landing-themes .p-button.p-button-danger, .landing-themes .p-buttonset.p-button-danger > .p-button, .landing-themes .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #EF4444; border: 1px solid #EF4444; } -.landing-themes .p-button.p-button-danger:enabled:hover, .landing-themes .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-danger:enabled:hover, .landing-themes .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover { +.landing-themes .p-button.p-button-danger:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #DC2626; color: #ffffff; border-color: #DC2626; } -.landing-themes .p-button.p-button-danger:enabled:focus, .landing-themes .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:focus, .landing-themes .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):focus, .landing-themes .p-fileupload-choose.p-button-danger:enabled:focus, .landing-themes .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus { +.landing-themes .p-button.p-button-danger:enabled:focus, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:focus, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #FECACA; } -.landing-themes .p-button.p-button-danger:enabled:active, .landing-themes .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-danger:enabled:active, .landing-themes .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active { +.landing-themes .p-button.p-button-danger:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #B91C1C; color: #ffffff; border-color: #B91C1C; } -.landing-themes .p-button.p-button-danger.p-button-outlined, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined { +.landing-themes .p-button.p-button-danger.p-button-outlined, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #EF4444; border: 1px solid; } -.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:hover, .landing-themes .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover { +.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { background: rgba(239, 68, 68, 0.04); color: #EF4444; border: 1px solid; } -.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:active, .landing-themes .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active { +.landing-themes .p-button.p-button-danger.p-button-outlined:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(239, 68, 68, 0.16); color: #EF4444; border: 1px solid; } -.landing-themes .p-button.p-button-danger.p-button-text, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text { +.landing-themes .p-button.p-button-danger.p-button-text, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #EF4444; border-color: transparent; } -.landing-themes .p-button.p-button-danger.p-button-text:enabled:hover, .landing-themes .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover { +.landing-themes .p-button.p-button-danger.p-button-text:enabled:hover, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; color: #EF4444; } -.landing-themes .p-button.p-button-danger.p-button-text:enabled:active, .landing-themes .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:not(button):not(a):not(.p-disabled):active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:enabled:active, .landing-themes .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active { +.landing-themes .p-button.p-button-danger.p-button-text:enabled:active, .landing-themes .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .landing-themes .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { background: rgba(239, 68, 68, 0.16); border-color: transparent; color: #EF4444; @@ -1208,44 +614,44 @@ background: transparent; border: transparent; } -.landing-themes .p-button.p-button-link:enabled:hover, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover { +.landing-themes .p-button.p-button-link:enabled:hover { background: transparent; color: #1D4ED8; border-color: transparent; } -.landing-themes .p-button.p-button-link:enabled:hover .p-button-label, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label { +.landing-themes .p-button.p-button-link:enabled:hover .p-button-label { text-decoration: underline; } -.landing-themes .p-button.p-button-link:enabled:focus, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus { +.landing-themes .p-button.p-button-link:enabled:focus { background: transparent; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: transparent; } -.landing-themes .p-button.p-button-link:enabled:active, .landing-themes .p-button.p-button-link:not(button):not(a):not(.p-disabled):active { +.landing-themes .p-button.p-button-link:enabled:active { background: transparent; color: #1D4ED8; border-color: transparent; } .landing-themes .p-datatable .p-paginator-top { - border-width: 0 0 1px 0; + border-width: 0 0 0 0; border-radius: 0; } .landing-themes .p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; + border-width: 0 0 0 0; border-radius: 0; } .landing-themes .p-datatable .p-datatable-header { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .landing-themes .p-datatable .p-datatable-footer { - background: #f8f9fa; - color: #343a40; - border: 1px solid #dee2e6; + background: #f9fafb; + color: #374151; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -1253,24 +659,24 @@ .landing-themes .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; transition: box-shadow 0.2s; } .landing-themes .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; font-weight: 700; - color: #343a40; - background: #f8f9fa; + color: #374151; + background: #f9fafb; } .landing-themes .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #343a40; + color: #374151; margin-left: 0.5rem; } .landing-themes .p-datatable .p-sortable-column .p-sortable-column-badge { @@ -1282,12 +688,12 @@ background: #EFF6FF; margin-left: 0.5rem; } -.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { - background: #e9ecef; - color: #343a40; +.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #f3f4f6; + color: #374151; } -.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #343a40; +.landing-themes .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #374151; } .landing-themes .p-datatable .p-sortable-column.p-highlight { background: #EFF6FF; @@ -1296,25 +702,25 @@ .landing-themes .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #1D4ED8; } -.landing-themes .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { +.landing-themes .p-datatable .p-sortable-column.p-highlight:hover { background: #EFF6FF; color: #1D4ED8; } -.landing-themes .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { +.landing-themes .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #1D4ED8; } -.landing-themes .p-datatable .p-sortable-column:focus { +.landing-themes .p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #BFDBFE; outline: 0 none; } .landing-themes .p-datatable .p-datatable-tbody > tr { background: #ffffff; - color: #495057; + color: #4b5563; transition: box-shadow 0.2s; } .landing-themes .p-datatable .p-datatable-tbody > tr > td { text-align: left; - border: 1px solid #dee2e6; + border: 1px solid #e5e7eb; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -1324,7 +730,7 @@ .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; - color: #6c757d; + color: #6b7280; border: 0 none; background: transparent; border-radius: 50%; @@ -1334,14 +740,14 @@ .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { - color: #343a40; + color: #374151; border-color: transparent; - background: #e9ecef; + background: #f3f4f6; } -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -1349,12 +755,9 @@ .landing-themes .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } -.landing-themes .p-datatable .p-datatable-tbody > tr > td > .p-column-title { - font-weight: 700; -} -.landing-themes .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: #EFF6FF; - color: #1D4ED8; +.landing-themes .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid #BFDBFE; + outline-offset: -0.15rem; } .landing-themes .p-datatable .p-datatable-tbody > tr.p-highlight { background: #EFF6FF; @@ -1366,36 +769,21 @@ .landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #EFF6FF; } -.landing-themes .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { - background: #e9ecef; - color: #495057; -} -.landing-themes .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus { - outline: 0.15rem solid #BFDBFE; - outline-offset: -0.15rem; -} -.landing-themes .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover { - background: #e9ecef; - color: #495057; -} -.landing-themes .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus { - outline: 0.15rem solid #BFDBFE; - outline-offset: -0.15rem; -} -.landing-themes .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover { - background: #e9ecef; - color: #495057; +.landing-themes .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #f3f4f6; + color: #4b5563; } .landing-themes .p-datatable .p-column-resizer-helper { background: #3B82F6; } .landing-themes .p-datatable .p-datatable-scrollable-header, .landing-themes .p-datatable .p-datatable-scrollable-footer { - background: #f8f9fa; + background: #f9fafb; } .landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot { - background-color: #f8f9fa; +.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, +.landing-themes .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #f9fafb; } .landing-themes .p-datatable .p-datatable-loading-icon { font-size: 2rem; @@ -1413,30 +801,60 @@ border-width: 0 1px 1px 1px; } .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 1px 1px; + border-width: 1px 0 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; } .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { border-width: 1px; } .landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { - border-width: 1px; + border-width: 1px 0 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; } -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd { - background: #fcfcfc; +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; } -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { +.landing-themes .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; +} +.landing-themes .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; +} +.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #f8f8fa; +} +.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { background: #EFF6FF; color: #1D4ED8; } -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { +.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { color: #1D4ED8; } -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover { +.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { color: #1D4ED8; } -.landing-themes .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded { - background: #fcfcfc; -} .landing-themes .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; } @@ -1467,128 +885,10 @@ .landing-themes .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } -.landing-themes .p-datatable-drag-selection-helper { - background: rgba(99, 102, 241, 0.16); -} -.landing-themes .p-column-filter-row .p-column-filter-menu-button, -.landing-themes .p-column-filter-row .p-column-filter-clear-button { - margin-left: 0.5rem; -} -.landing-themes .p-column-filter-menu-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-column-filter-menu-button:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-open, .landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #e9ecef; - color: #343a40; -} -.landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-active, .landing-themes .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #EFF6FF; - color: #1D4ED8; -} -.landing-themes .p-column-filter-menu-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.landing-themes .p-column-filter-clear-button { - width: 2rem; - height: 2rem; - color: #6c757d; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-column-filter-clear-button:hover { - color: #343a40; - border-color: transparent; - background: #e9ecef; -} -.landing-themes .p-column-filter-clear-button:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; -} -.landing-themes .p-column-filter-overlay { - background: #ffffff; - color: #495057; - border: 0 none; - border-radius: 6px; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - min-width: 12.5rem; -} -.landing-themes .p-column-filter-overlay .p-column-filter-row-items { - padding: 0.75rem 0; -} -.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { - margin: 0; - padding: 0.75rem 1.25rem; - border: 0 none; - color: #495057; - background: transparent; - transition: box-shadow 0.2s; - border-radius: 0; -} -.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; -} -.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #495057; - background: #e9ecef; -} -.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; -} -.landing-themes .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #dee2e6; - margin: 0.25rem 0; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-operator { - padding: 0.75rem 1.25rem; - border-bottom: 1px solid #dee2e6; - color: #343a40; - background: #f8f9fa; - margin: 0; - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint { - padding: 1.25rem; - border-bottom: 1px solid #dee2e6; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { - margin-bottom: 0.5rem; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { - margin-top: 0.5rem; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { - border-bottom: 0 none; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-add-rule { - padding: 0.75rem 1.25rem; -} -.landing-themes .p-column-filter-overlay-menu .p-column-filter-buttonbar { - padding: 1.25rem; -} .landing-themes .p-paginator { background: #ffffff; - color: #6c757d; - border: solid #e9ecef; + color: #6b7280; + border: solid #f3f4f6; border-width: 0; padding: 0.5rem 1rem; border-radius: 6px; @@ -1599,7 +899,7 @@ .landing-themes .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -1610,9 +910,9 @@ .landing-themes .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .landing-themes .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .landing-themes .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; border-color: transparent; - color: #343a40; + color: #374151; } .landing-themes .p-paginator .p-paginator-first { border-top-left-radius: 50%; @@ -1624,6 +924,7 @@ } .landing-themes .p-paginator .p-dropdown { margin-left: 0.5rem; + margin-right: 0.5rem; height: 3rem; } .landing-themes .p-paginator .p-dropdown .p-dropdown-label { @@ -1639,7 +940,7 @@ .landing-themes .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -1648,7 +949,7 @@ .landing-themes .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; - color: #6c757d; + color: #6b7280; min-width: 3rem; height: 3rem; margin: 0.143rem; @@ -1661,59 +962,54 @@ color: #1D4ED8; } .landing-themes .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #e9ecef; + background: #f3f4f6; border-color: transparent; - color: #343a40; + color: #374151; } - -.landing-themes .p-button-label { +.landing-themes .p-tag { + background: #3B82F6; + color: #ffffff; + font-size: 0.75rem; font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 6px; } -.landing-themes .p-accordion .p-accordion-header .p-accordion-header-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; -} -.landing-themes .p-tabview .p-tabview-nav .p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: 0; - height: 2px; - background-color: #3B82F6; - transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); -} -.landing-themes .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #3B82F6; -} -.landing-themes .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #3B82F6; -} -.landing-themes .p-button:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 black; +.landing-themes .p-tag.p-tag-success { + background-color: #22C55E; + color: #ffffff; } -.landing-themes .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; +.landing-themes .p-tag.p-tag-info { + background-color: #0ea5e9; + color: #ffffff; } -.landing-themes .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; +.landing-themes .p-tag.p-tag-warning { + background-color: #f97316; + color: #ffffff; } -.landing-themes .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; +.landing-themes .p-tag.p-tag-danger { + background-color: #EF4444; + color: #ffffff; } -.landing-themes .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; +.landing-themes .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; } -.landing-themes .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; +.landing-themes .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; } -.landing-themes .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; +.landing-themes .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #e5e7eb; + border-radius: 6px; } -.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #3B82F6; +.landing-themes .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #3B82F6; } -.landing-themes .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #3B82F6; +.landing-themes .p-progressbar .p-progressbar-label { + color: #ffffff; + line-height: 1.5rem; } diff --git a/src/assets/showcase/styles/layout/layout.scss b/src/assets/showcase/styles/layout/layout.scss index a8423d31785..1d790164d8c 100644 --- a/src/assets/showcase/styles/layout/layout.scss +++ b/src/assets/showcase/styles/layout/layout.scss @@ -1,16 +1,17 @@ @charset 'UTF-8'; +@import './variables/_variables'; @import './_mixins'; @import './_core'; +@import './_glow'; @import './_topbar'; @import './_sidebar'; @import './_content'; @import './_news'; @import './_footer'; @import './_config'; -@import './_responsive'; -@import './_doc'; @import './_code'; -@import '@docsearch/css'; +@import './_doc'; @import './_docsearch'; -@import './landing/_landing'; \ No newline at end of file +@import './_responsive'; +@import './landing/_landing'; diff --git a/src/assets/showcase/styles/layout/variables/_variables.scss b/src/assets/showcase/styles/layout/variables/_variables.scss new file mode 100644 index 00000000000..82efa8da7dc --- /dev/null +++ b/src/assets/showcase/styles/layout/variables/_variables.scss @@ -0,0 +1,4 @@ +@import './landing/_light'; +@import './landing/_dark'; +@import './main/_light'; +@import './main/_dark'; \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/variables/landing/_dark.scss b/src/assets/showcase/styles/layout/variables/landing/_dark.scss new file mode 100644 index 00000000000..1df38552c4a --- /dev/null +++ b/src/assets/showcase/styles/layout/variables/landing/_dark.scss @@ -0,0 +1,52 @@ +.landing.layout-dark { + --home-highlight-color:#60a5fa; + --home-highlight-darker-color:#93c5fd; + --home-highlight-fore-color:#030712; + --home-bg:#111827; + --home-border-color:#424b57; + --home-primary-text-color:#ffffff; + --home-secondary-text-color:rgba(255,255,255,.6); + --home-card-shadow:0px 50px 100px rgba(0, 0, 0, 0.25); + --home-box-bg:#1f2937; + --home-linkbox-bg:rgba(255, 255, 255, .05); + --home-linkbox-border:1px solid rgba(255, 255, 255, .1); + --home-linkbox-text-color:#ffffff; + --home-linkbox-hover-bg:rgba(255, 255, 255, .1); + --home-blocks-bg:transparent; + --home-blocks-block-bg:#111827; + --home-blocks-block-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.25) , 0px 4px 25px rgba(0, 0, 0, 0.25); + --home-blocks-border-left:5px solid #1f2937; + --home-blocks-border-bottom:7px solid #1f2937; + --home-blocks-border:1px solid #424b57; + --home-blocks-sidebar-bg:#1f2937; + --home-blocks-list-bg:#28323f; + --home-blocks-main-bg:#111827; + --home-blocks-main-border:1px solid #424b57; + --home-blocks-item-bg:#1f2937; + --home-blocks-image-bg:#28323f; + --home-blocks-text-color:#4b5563; + --home-blocks-active-shadow:0px 30px 50px 0px rgba(0, 0, 0, 0.25); + --home-blocks-active-border-top:1px solid #424b57; + --home-blocks-active-border-right:1px solid #424b57; + --home-blocks-active-border-bottom:6px solid #424b57; + --home-blocks-active-border-left:4px solid #424b57; + --home-blocks-animation-shadow:0px 30px 50px 20px rgba(0, 0, 0, 0.25); + --home-blocks-tablebar-bg:#4b5563; + --home-blocks-bar-bg:#4b5563; + --home-blocks-bar-button-bg:#ffffff; + --home-blocks-circle-bg:#4b5563; + --home-templates-bg:transparent; + --home-templates-block-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.25); + --home-templates-block-border-left:5px solid #424b57; + --home-templates-block-border-bottom:7px solid #424b57; + --home-templates-line:rgba(255,255,255,.1); + --home-templates-block-hover-bg:rgba(255,255,255,.1); + --home-templates-btn-bg:#1f2937; + --home-templates-btn-text-color:#ffffff; + --home-templates-btn-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.25); + --home-templates-btn-border-top:1px solid #424b57; + --home-templates-btn-border-right:1px solid #424b57; + --home-templates-btn-border-bottom:4px solid #424b57; + --home-templates-btn-border-left:3px solid #424b57; + --home-features-card-shadow: none; +} \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/variables/landing/_light.scss b/src/assets/showcase/styles/layout/variables/landing/_light.scss new file mode 100644 index 00000000000..31dec53af1b --- /dev/null +++ b/src/assets/showcase/styles/layout/variables/landing/_light.scss @@ -0,0 +1,52 @@ +.landing.layout-light { + --home-highlight-color:#3B82F6; + --home-highlight-darker-color:#2563eb; + --home-highlight-fore-color:#ffffff; + --home-bg:#F9FAFB; + --home-border-color:rgba(0,0,0,.1); + --home-primary-text-color:#030712; + --home-secondary-text-color:#6b7280; + --home-card-shadow:0px 7px 15px 0px rgba(0, 0, 0, 0.02), 0px 28px 28px 0px rgba(0, 0, 0, 0.02), 0px 63px 38px 0px rgba(0, 0, 0, 0.01); + --home-box-bg:#ffffff; + --home-linkbox-bg:#ffffff; + --home-linkbox-border:1px solid rgba(0,0,0,.1); + --home-linkbox-text-color:#030712; + --home-linkbox-hover-bg:#e5e7eb; + --home-blocks-bg:transparent; + --home-blocks-block-bg:#ffffff; + --home-blocks-block-shadow:-10px 4px 10px 0px rgba(0, 0, 0, .1), -10px 4px 25px rgba(0, 0, 0, .1); + --home-blocks-border-left:5px solid rgba(0,0,0,.1); + --home-blocks-border-bottom:7px solid rgba(0,0,0,.1); + --home-blocks-border:1px solid rgba(0,0,0,.1); + --home-blocks-sidebar-bg:#f3f4f6; + --home-blocks-list-bg:#f9fafb; + --home-blocks-main-bg:#ffffff; + --home-blocks-main-border:1px solid rgba(0,0,0,.1); + --home-blocks-item-bg:#f4f5f7; + --home-blocks-image-bg:#e5e7eb; + --home-blocks-text-color:#d1d5db; + --home-blocks-active-shadow:0px 30px 50px 0px rgba(0, 0, 0, .1); + --home-blocks-active-border-top:1px solid rgba(0,0,0,.07); + --home-blocks-active-border-right:1px solid rgba(0,0,0,.07); + --home-blocks-active-border-bottom:4px solid rgba(0,0,0,.07); + --home-blocks-active-border-left:4px solid rgba(0,0,0,.07); + --home-blocks-animation-shadow:0px 30px 50px 10px rgba(0, 0, 0, .2); + --home-blocks-tablebar-bg:#d1d5db; + --home-blocks-bar-bg:#d1d5db; + --home-blocks-bar-button-bg:#ffffff; + --home-blocks-circle-bg:#c7cad0; + --home-templates-bg:transparent; + --home-templates-block-shadow:0px 5px 10px 0px rgba(0,0,0,.1); + --home-templates-block-border-left:5px solid #d1d5db; + --home-templates-block-border-bottom:7px solid #d1d5db; + --home-templates-line:rgba(0,0,0,.1); + --home-templates-block-hover-bg:rgba(0, 0, 0, 0.2); + --home-templates-btn-bg:rgba(0, 0, 0, 0.5); + --home-templates-btn-text-color:#ffffff; + --home-templates-btn-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.5); + --home-templates-btn-border-top:1px solid rgba(0,0,0,.1); + --home-templates-btn-border-right:1px solid rgba(0,0,0,.1); + --home-templates-btn-border-bottom:4px solid rgba(0,0,0,.1); + --home-templates-btn-border-left:3px solid rgba(0,0,0,.1); + --home-features-card-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.02), 0px 28px 28px 0px rgba(0, 0, 0, 0.02), 0px 63px 38px 0px rgba(0, 0, 0, 0.01); +} \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/variables/main/_dark.scss b/src/assets/showcase/styles/layout/variables/main/_dark.scss new file mode 100644 index 00000000000..45fb4f58f33 --- /dev/null +++ b/src/assets/showcase/styles/layout/variables/main/_dark.scss @@ -0,0 +1,15 @@ +.layout-dark { + --topbar-sticky-bg:rgba(0,0,0,.3); + --card-border: 0 none; + --card-bg: var(--surface-card); + --glow-image: url(https://www.primefaces.org/cdn/primevue/images/layout/pattern.png), radial-gradient(50% 50% at center -25px, var(--primary-color) 0%, #000000 100%); + --glow-blend: hard-light, color-dodge; + --topbar-border: var(--surface-border); + --mobile-menu-bg: rgba(0,0,0,.3); + --demo-code-bg: var(--surface-card); + --demo-code-button-color: var(--surface-500); + --demo-code-button-hover-bg: rgba(255,255,255,.1); + --demo-code-button-hover-color: var(--surface-700); + --doc-highlight-text-bg: var(--highlight-bg); + --doc-highlight-text-color: var(--highlight-text-color); +} \ No newline at end of file diff --git a/src/assets/showcase/styles/layout/variables/main/_light.scss b/src/assets/showcase/styles/layout/variables/main/_light.scss new file mode 100644 index 00000000000..a978140db07 --- /dev/null +++ b/src/assets/showcase/styles/layout/variables/main/_light.scss @@ -0,0 +1,15 @@ +.layout-light { + --topbar-sticky-bg:rgba(255,255,255,.7); + --card-border: 1px solid var(--surface-border); + --card-bg: var(--surface-card); + --glow-image: url(https://www.primefaces.org/cdn/primevue/images/layout/pattern.png), radial-gradient(50% 50% at center top, var(--primary-100) 0%, #ffffff 100%); + --glow-blend: hard-light, multiply; + --topbar-border: rgba(0,0,0,.05); + --mobile-menu-bg: var(--surface-overlay); + --demo-code-bg: var(--surface-700); + --demo-code-button-color: var(--surface-300); + --demo-code-button-hover-bg: rgba(255,255,255,.1); + --demo-code-button-hover-color: var(--surface-100); + --doc-highlight-text-bg: var(--primary-100); + --doc-highlight-text-color: var(--primary-900); +} \ No newline at end of file diff --git a/src/assets/t2.svg b/src/assets/t2.svg deleted file mode 100644 index e1d9b86a9e7..00000000000 --- a/src/assets/t2.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/assets/virtua.svg b/src/assets/virtua.svg deleted file mode 100644 index 861d0b5a31a..00000000000 --- a/src/assets/virtua.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/src/favicon.png b/src/favicon.png deleted file mode 100755 index fb134467612..00000000000 Binary files a/src/favicon.png and /dev/null differ diff --git a/src/index.html b/src/index.html index 382b98124e3..2d6ede631c4 100755 --- a/src/index.html +++ b/src/index.html @@ -1,16 +1,19 @@ - - PrimeNG - - - - - - - - + +PrimeNG + + + + + + + + +
@@ -19,4 +22,5 @@
- + + \ No newline at end of file diff --git a/src/main.server.ts b/src/main.server.ts index 8debf757fd6..50caff22d5e 100644 --- a/src/main.server.ts +++ b/src/main.server.ts @@ -1 +1,7 @@ -export { AppServerModule } from './app/showcase/layout/app.server.module'; +import { bootstrapApplication } from '@angular/platform-browser'; +import { AppComponent } from 'src/app/showcase/layout/app.component'; +import { config } from 'src/app/showcase/layout/app.config.server'; + +const bootstrap = () => bootstrapApplication(AppComponent, config); + +export default bootstrap; diff --git a/src/main.ts b/src/main.ts old mode 100755 new mode 100644 index eba38697430..abb49b84cea --- a/src/main.ts +++ b/src/main.ts @@ -1,15 +1,5 @@ -import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; +import { bootstrapApplication } from '@angular/platform-browser'; +import { AppComponent } from './app/showcase/layout/app.component'; +import { appConfig } from './app/showcase/layout/app.config'; -import { AppModule } from 'src/app/showcase/layout/app.module'; - -function bootstrap() { - platformBrowserDynamic() - .bootstrapModule(AppModule) - .catch((err) => console.error(err)); -} - -if (document.readyState === 'complete') { - bootstrap(); -} else { - document.addEventListener('DOMContentLoaded', bootstrap); -} +bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err)); diff --git a/src/styles.scss b/src/styles.scss index dd52d757257..c65ce4fe74c 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -1,7 +1,7 @@ -@import "assets/showcase/styles/layout/layout.scss"; -@import "assets/showcase/styles/primeng.css"; -@import "primeicons/primeicons.css"; -@import "primeflex/primeflex.scss"; -@import "prismjs/themes/prism-coy.css"; -@import "quill/dist/quill.snow.css"; -@import "assets/showcase/styles/flags.css"; \ No newline at end of file +@import 'assets/showcase/styles/layout/layout.scss'; +@import 'assets/showcase/styles/primeng.css'; +@import 'primeicons/primeicons.css'; +@import 'primeflex/primeflex.scss'; +@import 'quill/dist/quill.snow.css'; +@import 'assets/showcase/styles/flags.css'; +@import '@docsearch/css/dist/style.css'; diff --git a/src/upload.php b/src/upload.php deleted file mode 100755 index c1660e67ef4..00000000000 --- a/src/upload.php +++ /dev/null @@ -1,2 +0,0 @@ - - \ No newline at end of file diff --git a/tsconfig.app.json b/tsconfig.app.json index 7c4b963827c..2b6da92a6db 100644 --- a/tsconfig.app.json +++ b/tsconfig.app.json @@ -8,9 +8,12 @@ "allowSyntheticDefaultImports": true }, "files": [ - "src/main.ts" + "src/main.ts", + "src/main.server.ts", + "server.ts" ], "include": [ "src/**/*.d.ts" - ] + ], + "exclude": ["node_modules", "**/node_modules/*"], } diff --git a/tsconfig.server.json b/tsconfig.server.json index f97d8796fea..051a983d79d 100644 --- a/tsconfig.server.json +++ b/tsconfig.server.json @@ -11,7 +11,7 @@ }, "files": [ "src/main.server.ts", - "server.ts" + "server.ts", ], "paths": { "primeng/*": ["src/app/components/*/public_api"] diff --git a/tsconfig.spec.json b/tsconfig.spec.json index 96b7c58d68a..d443ee8757a 100755 --- a/tsconfig.spec.json +++ b/tsconfig.spec.json @@ -16,6 +16,7 @@ "include": [ "src/**/*.spec.ts", "src/**/*.d.ts" - ] + ], + "exclude": ["node_modules", "**/node_modules/*"] } diff --git a/vercel.json b/vercel.json index 78800fe2e71..c9ba21bcaa2 100644 --- a/vercel.json +++ b/vercel.json @@ -1,13 +1,17 @@ { - "version": 2, - "public": true, - "name": "primeng", - "rewrites": [ - { "source": "/(.*)", "destination": "/api" } - ], - "functions": { - "api/index.js": { - "includeFiles": "dist/primeng/browser/**" + "version": 2, + "public": true, + "name": "primeng", + "rewrites": [ + { + "source": "/(.*)", + "destination": "/api" + } + ], + "functions": { + "api/index.js": { + "includeFiles": "./dist/primeng/browser/**", + "maxDuration": 30 + } } - } -} +} \ No newline at end of file